@CHARSET "UTF-8";

.ion_base.login_wall {
	background: url('/media/images/airport-bg.jpeg');
}
.modal_content{
	max-height:500px;
}
.a_top.box {
	margin-bottom: 50px;
}

.warn {
	border-color: red !important;
}

.new_btn {
	text-align: center;
	color: chartreuse;
	border: 1px solid aliceblue;
}
.day_stat {
	/*! float: right; */
	/*! clear: both; */
	width: 84px;
	text-align: right;
	display: block;
	float: left;
}
.day_name.plaintext {
  display: block;
  float: left;
}
.day_menu.box {
	margin: 20px 0;
}

.day_option {
	float: left;
	width: 58px;
	text-align: center;
	border: 1px solid whitesmoke;
	height: 40px;
	padding: 6px;
	margin: 0 2px;
}

.day_option:hover {
	border-color: blue;
}

.day_option.past {
	background: whitesmoke;
	color: gray;
}

.day_option.today {
	background: aliceblue;
	font-weight: bold;
}

.day_option.selected {
	border-color: blue;
}

.day_option a {
	text-decoration: none;
	color: black;
}

/* PICKUPS */
.pickups .arrived .pickup_arrival {
	opacity: 0.4;
}

.pickups .noshow .pickup_arrival {
	opacity: 0.4;
}

.pickups .noshow .pickup_rides {
	opacity: 0.4;
}

.pickups .reported{
	opacity: 0.4;
}
.pickups .reported:hover{
	opacity: 1;
}
.pickups .item:hover .prop_editor>.box {
	opacity: 1;
}
.pickups .prop_editor{
	padding-left:5px;
}
.pickups>.main>.item {
	background: cornsilk;
	margin-bottom: 5px;
	min-height: 100px;
}

.pickup_arrival.box {
	min-height: 100px;
}

.pickup_day.box {
	float: left;
}

.pickup_time.box {
	float: left;
	font-weight: bold;
	margin: 0 10px;
}

.pickup_flight.box {
	clear: left;
}

.flight_code {
	width: 100%;
	font-size: 1.5em;
}

.flight_status {
	display: block;
	font-style: italic;
}

.flight_terminal {
	font-size: 1.2em;
	float: left;
}

.terminal_2 {
	color: red;
}

.belt {
	float: left;
	padding: 3px 5px;
	color: gray;
}

.flight_secure.box {
	float: left;
	color: blue;
	font-size: 1.2em;
	margin: 0 5px;
}

.flight_update {
	border: 1px solid lightgreen;
	padding: 0 5px;
}

.flight_update.cooldown {
	border: 1px solid silver;
	color: silver;
}

.fl_times .times {
	display: block;
	float: right;
}

.strike .times .hours {
	text-decoration: line-through;
	color: silver;
}

.change .times {
	color: orange;
}

.flight_fresh {
	font-size: 0.8em;
	color: gray;
}

.flight.short.box {
	width: 250px;
	font-family: Courier New;
}

/* 





 */
.pickup_guest.box {
	min-height: 100px;
}

.guest_section.box {
	float: left;
	width: 120px;
	font-variant: small-caps;
	font-size: 0.8em;
}

.guest_film.box {
	float: left;
	font-size: 0.8em;
}

.guest_title.box {
	clear: both;
	width: 99%;
	font-size: 1.5em;
	padding: 5px;
	text-align: center;
	background: white;
	margin: 5px 0;
	height: 45px;
}
.schild input {
  font-size: 24px;
  padding: 25px 15px;
  text-align: center;
  border-color: crimson;
  border-radius: 0;
}

.guest_gb.box {
	clear: both;
	float: left;
	width: 100%;
	text-align: left;
  font-size: 12px;
}

.guest_pax.box {
	float: left;
	width: 60px;
	font-weight: bold;
}

.nf.plaintext {
	font-size: 0.8em;
	margin: 3px;
	float: left;
	color:gray;
	clear:both;
}

.guest_dest {
	float: right;
	padding: 0 5px;
	margin: 0 2px;
}

.guest_comment.box {
	clear: both;
	color: blue;
	font-style: italic;
	width: 100%;
	color: blue;
}

.guest_noshow.box {
	float: right;
	color: gray;
}

.guest_arrived.box {
	float: right;
	color: green;
}

.guest_alone.box {
	float: left;
	margin: 3px 0px;
	font-size: 0.8em;
	color: gray;
}

.gb_suggest {
	float: left;
	clear: both;
}

.gb_option {
	float: left;
	border: 1px solid lightgreen;
	padding: 0 5px;
	border-radius: 3px;
	margin-right: 5px;
}

.gb_option.smaller {
	font-size: 0.8em;
}

.gb_option.selected {
	background: lightgreen;
}
.ride_label:hover {
background: aliceblue;
}
.cargo_comment {
  color: blue;
}
.cargo.info {
 font-size: 0.8em;
}

.cargo.info:hover {
	background: white;
}

.cargo_ride_box{
   font-size: 0.8em;
  text-align: left !important;
  float: left;
  width: 100%;
}

.pickup_rides.box {
	min-height: 100px;
}
.io.pickup_cargo_list {
	float: left;
}
.pickup_rides.box {
	padding: 5px;
	
}

.cargo.info {
	width: 100%;
}

.cargo.info .icon {
	float: right;
	margin: 0 5px;
}



.cargo.ride_started .icon {
	color: green;
	text-decoration: none;
	margin: 0 5px;
}

.cargo.ride_tbc .icon {
	color: orange;
	text-decoration: none;
	margin: 0 5px;
}

.label {
	float: left;
	
}
.driver_label {
 float:left;
  
}
.tel {
	float: left;
	display: block;
	clear: left;
	color: teal;
	font-size: 0.8em;
}

.call {
	margin: 0 5px;
	float: left;
}
.call a{
 color:yellowgreen;
}
.driver_name {
	display: block;
	float: left;
}
.icon.cartype {
  font-size: 12px;
  padding: 4px 0;
}
.desc {
	font-size: 0.8em;
	font-style: italic;
	display: block;
	clear: both;
	color: gray;
}

.last_ride.box {
	font-size: 0.8em;
	color: gray;
}
.ride_editor .recent.box {
  display: none;
}
.driver.short.external .icon.call {
  display: none;
}
.ride_plans.box {
  float: right;
  width: 300px;
}

.ride_plan.box {
  float: left;
  background: white;
  width: 300px;

}
.ride_plan.box.act:hover {
  background: cyan;
}

.driver_option {
  clear: both;
}

.ride_option:hover {
  background: cyan;
}


.wait_h.box {
	font-size: 0.8em;
	color: gray;
}

.is_ready.box {
	color: chartreuse;
}

.isback {
	clear: both;
	float: left;
background: white;
border: 1px solid blue;
padding: 0 5px;
border-radius: 5px;
font-size: 14px;
}
.isback.box.act:hover {
background: cyan;
}
.pax_dest {
  width: 145px;
  float: left;
  text-align: left;
}
.ride_time day {
  text-decoration: underline;
}

.isback.plaintext.act {
	clear: both;
	display: block;
}

.ride_short {
	min-height: 80px;
}

.item.ride_started {
	opacity: 0.5;
}


.ride_label.box.finished_1 {
  color: gray;
}
.ride_label.box.finished_1 .pax_dest {
  text-decoration: line-through;
}

.ride_label.box.finished_1 .ride_time {
  text-decoration: line-through;
}

.ride_label.box.finished_0.long_ago .ride_time {
  color: orange;
}

.ride_label.box.finished_0.started_0.past .ride_time {
  color: orange;
}
.ride_label.box.finished_0.started_1{
  font-weight:bold;
  color:blue;
}

.ride_label.current.finished_0{
 font-weight:bold;
}
.ride_label .icon.question{
 color:orange;
}
.ride_tbc .ride_conf {
	color: orange;
}

.ride_time {
	float: left;
	border: 1px solid lightblue;
	margin: 0 10px;
	padding: 0 5px;
}
.cargo_box.box.act {
  text-align: left;
}
.cargo_box .icon.new.box {
  opacity: 0.5;
  float: left;
}
.ride_status {
	float: right;
}

.ride_pax.box {
	float: right;
}

.ride_cargos {
	float: left;
	width: 500px;
}

.ride_label .ride_time {
  width: 80px;
  float: left;
}

.ride_label .pax_dest {
  width: 150px;
}

.ride_label .ride_status {
  text-align: left;
}



.ride_label .ride_time {
  text-align: center;
  display: block;
  position: relative;
  padding: 6px 0;
}

.ride_label .pax_dest {
  padding: 6px 0;
}


.io.main_rides_list {
  margin-bottom: 100px !important;
}


.active_1.local_1 .driver_status.box {
  font-style:italic;
}
.active_0 .recent{
  color:silver;
}
.on_site.active_1.local_1 .driver_status.box {
  color: yellowgreen;
  font-style:normal;
}

.icon.ridestatus {
  margin: 6px 10px;
  display: inline;
  color:teal;
  
}
.orange{
 color:orange;
}
.pickup_cargo_list .short.box {
  border: 1px solid silver;
  float: left;
  width: 100%;
  padding: ;
  border-radius: 3px;
}
.ride_plan.box {
  text-align: left;
}
.cargo.info {
padding: 0 5px;
}
.cargo_ride_box {
padding: 0 5px;
}
.driver_plate.box {
font-size: 10px;
padding: 0 3px;
margin: 3px;
  border: 1px solid darkblue;
  border-radius: 3px;
  float: left;
  clear: both;
}
.ride_time day {
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  font-size: 9px;
  text-align: left;
}

.driver_option.box.selected.act .ride_option {
  background: aqua;
}
.nf_infos.box {
color: blue;
}
.pick_author{
 float: left;
  display: block;
  font-size: 9px;
  color: silver;
  opacity: 0.5;
}
.driver_rides_list .pax_dest.box, .main_rides_list .pax_dest.box, .ride_archive_list .pax_dest.box {
  width: 500px;
}
.flight_code {
	width: 100%;
	font-size: 1.5em;
	background: black;
	color: whitesmoke;
	padding: 0 10px;
	border-radius: 2px;
}

 
.pax_to_seat {
  float: left;
  font-size: 12px;
  color: orange;
}

.pickup_newride {
  float: right !important;
}



.cargo_pickup .flight.plaintext {
  color: white;
  background: black;
  padding: 0 5px;
  border-radius: 2px;
  margin: 0 2px;
}

.cargo_pickup .dest.plaintext::before {
  content: "→ ";
  color: gray;
}

.cargo_pickup .title.plaintext {
  font-size: 21px;
}
.cargo_pickup .comment {
  /* color: gray; */
  color: blue;
}
.ride_label {
  float: left;
}




.ride_tbc .ride_time .icon {
	color: orange;
}

.ride_comment {
	color: blue;
	font-style: italic;
	clear:both;
}

.main_editor .ride_cargos {
	display: none;
}

.cargo_line.box {
	float: left;
	width: 400px;
}

.doeditor {
	border: 1px solid lightgreen;
	padding: 0 5px;
	border-radius: 3px;
	margin: 0 5px;
	background: white;
}

.dobutton {
	border: 1px solid seagreen;
	padding: 0 5px;
	border-radius: 3px;
	
	float: left;
  font-size: 0.9em;
  background: aliceblue;
}
.dobutton:hover{
	background:lightgreen;
	color:white
}
.dobutton.done{
 background:white;
 border:0;
 color:green;
}
.step_label.box {
float: left;
width: 200px;
}
.step_line.box {
clear: both;
}
.driver_options .driver {
	float: left;
	clear: left;
}

.driver_option {
	float: right;
}

.driver_options.box {
	float: left;
	width: 100%;
	padding: 8px;
	border: 1px solid silver;
  margin: 1px;
}

.ride_option {
	border: 1px solid lightgreen;
	padding: 0 5px;
	border-radius: 3px;
	margin: 0 5px;
	background: white;
}

.driver_options:hover {
	background: azure;
}

.film_count.box {
	float: right;
}

.agb.plaintext {
	float: left;
}

.cargo.pickup {
	clear: left;
	float: left;
}

.cargo.info {
	float: left;
	text-align:left;
}

.gb.short.box {
	float: left;
}

.voucher.icon{
 color:orange !important;
}

.pickup_name {
	float: left;
}
.driver_option.no_share .ride_option {
  color: gray;
  border: gray;
  background: gainsboro;
}
.gb_name {
	float: left;
}

.gb_tel {
	float: left;
}

.gbs.box {
	float: left;
	overflow: hidden;
}

.sec_name {
	float: left;
	width: 100%;
}

.section.short.box {
	height: 65px;
	overflow: hidden;
}

.day.short.box {
	height: 50px;
}

.flight_count {
	color: silver;
}


.pickup_report{
	padding:5px;
	float:right;
}

.cargo.info {
  background: white;
}
.filter_my.box {
  font-size: 14px;
}

.filter_opt {
  border: 1px solid silver;
  padding: 0 5px;
  border-radius: 4px;
  color: silver;
}

.filter_opt.selected {
  color: black;
  border-color: black;
  background: aliceblue;
}





.driver.short .icon.cartype {
  float: left;
  margin: 0 10px;
}

.icon.cartype{
  color: #116451;
}

.driver.short.local_1 .icon.cartype {
  color: #116451;
}

.driver.short.local_0 .icon.cartype {
  color: #2828e6;
}

.driver.short.local_taxi .icon.cartype {
  color: orange;
}

.driver.active_0 .driver_label {
  opacity: 0.3;
}


.long_ride .driver_status.box {
  color: orange;
}

.long_ride .driver_status::before {
  content: "? ";
}




/*signs*/

.signs.box {
  position: absolute;
  left: 0;
  top: 0;
}

.asign {
  position: relative;
  height: 105px;
  width:149px;
  border: 1px solid silver;
 background: white;
 padding: 3px;
  margin:1px;
  float:left;
}

.centered {
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  padding:5px;
}


.postit.box {
  background: #f9f999;
  font-size: 6px;
  width: 30px;
  height: 30px;
  padding: 1px;
  overflow: hidden;
  position: absolute;
}
.postit.secure .arr_date {
 background: #ff9696;
 color: white;
 padding: 0 2px;
}

.team.box {
  position: absolute;
  bottom: 3px;
  right: 6px;
  font-size: 10px;
  color: silver;
}










.hour_load.box {
  float: left;
  width: 4%;
  border-left: 1px solid silver;
border-top: 1px solid silver;
border-bottom: 1px solid silver;
font-size: 10px;
  text-align: center;
  color: gray;
}

.hour_arrivals.box {
  float: left;
  clear: both;
  height: 100px;
  width:100%;
}

.day_loads div:last-child{
 border-right:1px solid silver;
}
.hour_cars.box {
  float: left;
  clear: both;
  height: 280px;
  border-top:1px solid silver;
  width:100%;
}
.hour_label.box {
  float: left;
  clear: both;
  color:gray;
  text-align:center;
  width:100%;
  font-size:12px;
}
.load_line{
 float: left;
  clear: both;
  height: 5px;
  margin: 1px 5%;
  background: blueviolet;
  width: 90%;
  border-radius: 1px;
}

.hour_pax .load_line{
 background:greenyellow;
}

.hour_arrivals .load_line{
 background:green;
}

.day_loads.box {
  margin-bottom: 40px;
}
.oos{
 background: gainsboro;
}

.hour_pick {
  font-size: 9px;
  border: 1px solid green;
  border-radius: 2px;
  margin: 1px;
  background: aliceblue;
  cursor:pointer;
  
}

.hour_car {
  border: 1px solid silver;
  margin: 1px;
  cursor: pointer;
}
.hour_car.free {
  background: aquamarine;
}
.hour_car.busy{
 background: floralwhite;
}
.hour_car.overload{
 background:orange;
}
.hovered{
 background:wheat !important;
}
.hour_pick.box.declined {
  text-decoration: line-through;
  opacity: 0.5;
  text-decoration-color: red;
  text-decoration-style:double;
}
.hour_pick.finished{
  text-decoration: line-through;
  opacity: 0.5;
  text-decoration-color: green;
  
}

.item.box.declined * {
  text-decoration: line-through;
  color: silver;
}

.oos .hour_pick.box, .oos .hour_car.busy {
  border-color: orange;
  border-style: dashed;
}

.icon.stats {
  color: cornflowerblue;
}
.hour_load.box.isnow {
  background: aliceblue;
}
.icon.cartype.box.icon_cartype_car {
  color:  darkgray !important;
}
.report_line.plaintext {
  font-size: 12px;
  color: gray;
}


.report_line.plaintext {
  display: block;
  text-align: right;
}

.pickup_report {
  width: 100%;
}

.pickup_report .dobutton {
  float: right;
}

.driver_sched {
  color: gray;
  margin: 0 5px;
  font-size: 11px;
}
.ride_select_title.box {
  text-align: center;
  padding: 5px;
}

/* `xs` returns only a ruleset and no media query */

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media ( max-width : 767.98px) {
	.pickups>.main>.item {
		margin-bottom: 12px;
		border-radius: 5px;
		border: 1px solid burlywood;
	}

	.item .pickup_arrival {
		min-height: 100px;
	}
	.item .pickup_guest {
		border-top: 1px solid gray;
	}
	.item .pickup_rides {
		border-top: 1px solid gray;
		min-height: 50px;
	}
	.item .pickup_report {
		border-top: 1px solid gray;
		min-height: 50px;
	}
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media ( max-width : 991.98px) {
	.a_top.box {
		margin-bottom: 10px;
	}
	.a_main {
		padding-right: calc(var(- -bs-gutter-x)* .5);
		padding-left: calc(var(- -bs-gutter-x)* .5);
	}
	.a_main > .row {
  		padding: 10px;
	}
	.pickups .area.row.box.main {
		padding-left: 16px;
		padding-right: 3px;
	}
	.day_menu .day_option {
		padding: 6px 2px;
		width: 50px;
		font-size: 0.8em;
		height: 33px;
	}
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media ( max-width : 1199.98px) {
}

/*  `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media ( max-width : 1399.98px) {
}