/* CSS Document */

/*
COLORES
0577CC
0555AA
053388
#DA8D1B Naranjo
*/

:root{
	/* Alarmas */
	--color-lopres: #43d;
	--color-hipres: #e90;
	--color-hitemp: #c33;
	
	/* Estados */
	--color-blu: #05a;
	--color-gre: #1c1;
	--color-yel: #ec0;
	--color-ora: #f81;
	--color-red: #f11;
}

/* FUENTES */
@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot');
	src: url('fonts/icomoon.eot?#iefix') format('eot'),
		url('fonts/icomoon.svg#icomoon') format('svg'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IcoMoon-Ultimate';
	src: url('fonts/IcoMoon-Ultimate.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body{
	height: 100%;
}
body,td,th{
	font-size: 16px;
	color: #333;
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
}
body{
	background-color: #DDD;
	margin: 0px;
}
a:link{
	color: #0555AA;
	text-decoration: none;
}
a:visited{
	text-decoration: none;
	color: #0555AA;
}
a:hover{
	text-decoration: none;
	color: #0577CC;
}
a:active{
	text-decoration: none;
	color: #DD8800;
}
div.link{
	cursor:pointer;
	margin-top:6px;
}
div.link:first-child{
	margin-top:0px;
}
h1{
	color: #7D7D7D;
	font-size: 24px;
	margin-left: 0px;
}
h2{
	color: #333333;
	font-size: 24px;
	margin: 0px;
}
h3{
	text-align:left;
	color: #666666;
	font-size: 19px;
	padding: 5px;
	margin: 5px 17px 0;
}
td>h3{
	padding: 5px 0;
	margin: 0;
}
h4{
	color: #DDD;
	font-size: 17px;
	margin: 16px 5px 0px 5px;
}
hr{
	height:1px;
	background-color:#DDD;
	border:0px;
	margin-bottom:5px;
}
img{
	border:0;
}
::selection{
	background-color:#F60;
	color:#000000;
}
::-moz-selection{ /*mozila es lloron*/
	background-color:#F60;
	color:#000000;
}
#header{
	position: fixed;
	width: 245px;
	height:100%;
	z-index:11;
	vertical-align:top;
	background-color:#0555AA;
	color: #FFFFFF;
	display: flex;
	flex-direction: column;
}
#bailaclogo{
	margin: 5px 7px;
	height: 45px;
	background: url(../img/logo.png) no-repeat;
}
.div_top{
	float:left;
	width:230px;
	height:50px;
	overflow:hidden;
	margin:5px 0 0 10px;
	flex-shrink: 0;
}
#topopen{
	float:right;height:50px; background:url(../img/sel_mine.png) no-repeat center center; opacity:0.8; cursor:pointer;
}
#chang_mine{
	background-color:rgba(255,255,255,0.5); border-radius:10px; height:48px; padding:1px 5px; display:none;
}
.mine_select{
	width:20px;height:50px; background:url(../img/sel_mine.png) no-repeat right center; opacity:0.5; cursor:pointer; float:right;
}

/* hidder */
#hidder{
	text-align: right;
	margin: 5px 10px 0;
	cursor: pointer;
	border: 1px solid #0577CC;
	align-self: flex-end;
    padding: 4px;
}
#hidder:after{
	content: '';
	font-family: icomoon !important;
	font-style: normal;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
	margin-left: 4px;
}
#hidder.collapsed:after{
	content: '';
}

/* searcher */
#searcher{
	margin: 10px 10px 0;
}

/* MENU */

.menu{
	overflow-y: auto;
	flex-grow: 1;
}
.submenu{
	background-color: #0577CC;
	padding: 1px 1px 1px 10px;
	display: none;
}
.menu_button{
	margin: 8px;
	padding-left: 22px;
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	height: 19px;
}

.td_main{
	max-width: 1220px;
    margin: 0px auto;
	display: table;
    width: 100%;
}

#td_main{
	height: 100%;
	overflow-x: hidden;
}

.td_main>div{
	border: 1px solid #CCC;
	margin: 20px 20px 20px 35px;
	background-color: #FFF;
}

.td_main>div.headercontainer{
	margin: 20px 20px -20px 35px;
	border: none;
	background-color: #F5F5F5;
	display: block;
	padding: 20px;
}
.td_main>div.headercontainer img{
	filter: brightness(0.3);
	vertical-align: middle;
	margin-right: 4px;
}

.labelPin{
	overflow:visible !important;
}
.labelPin img{
	display:none;
}
.panel{
	width:auto;
	max-width:1300px;
	min-width:310px;
	background-color: #F5F5F5;
	border: 1px solid #CCC;
	margin:10px;
	padding: 10px;
}
.panel>h3{
	margin: -52px 0 24px;
}
.lightbox{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
}
.mini td{
	font-size:11px;
}
.dots{
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-icab-text-overflow: ellipsis;
	-khtml-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	white-space:nowrap;
}
.auto{
	float: right;
    margin: 3px 0 0 5px;
    width: 16px;
    height: 16px;
    background-image: url('../img/auto.png');
    background-position: top;
    background-size: 16px;
    cursor: pointer;
}
.closeWin{
	position: absolute;
	float:right;
	margin: 3px -12px;
	border-radius:15px;
	padding-top:2px;
	width:20px;
	height:20px;
	font-weight: bold;
	color:#FFF;
	background-color:#959595;
	cursor:pointer;
	text-align: center;
	z-index: 1;
}
.column2{
	min-width:280px;
	max-width:350px;
	width:30%;
	float:left;
    margin: 0 10px;
}
.column2:first-of-type{
	border-left: none;
}
.column2 td{
	height: 30px;
}
.column2 tr td:last-child {
	text-align:right;
}
.column2 tr td:first-child {
	text-align:left;
	font-weight: bold;
}
.tab_deta{
	min-width:300px;
	max-width:436px;
	width:50%;
	float:left;
	margin: 0 15px;
}
.tab_info{
	min-width:300px;
	width:100%;
	margin: 0 15px;
}
.tab_deta tr td:first-child, .tab_info tr td:first-child {
	width:160px;
	clear:both;
}
.column3{
	width:32%;
	min-width:275px;
	float:left;
}
.column4{
	width:25%;
	min-width:275px;
	float:left;
}
.column4x2{
	width:50%;
	float:left;
}

.error_text {
	color:#ff0000;
	font-weight:bold;
}
.red_text {
	color:#ff9e26;
	font-weight:bold;
}
.blue_text {
	color:#269ecb;
	font-weight:bold;
}
.highlight{
    border: 1px solid #CCC;
    margin: 10px 0;
    background-color: #EEE;
}
.highlight .column2{
    margin: 0 10px;
}

.mono{
    font-family: monospace;
} 

table.listed{
	padding: 0px 10px 0px 10px;
	border-collapse: collapse;
}
.listed td{
	padding: 0 5px;
	text-align:left;
	vertical-align: middle;
	
	border: 1px #AAA solid;
}
.listed tbody:not(.pair) tr:nth-child(odd) td, .listed tbody.pair:nth-child(odd) tr td{
	background-color: #EEE;
 	color: #111;
}
.listed tbody:not(.pair) tr:nth-child(even) td, .listed tbody.pair:nth-child(even) tr td{
	 background-color: #DDD;
 	 color: #111;
}
.listed .double:nth-child(odd) td{
	background-color:transparent;
}
.listed .double:nth-child(even) td{
	background-color:#004C73;
}
/* white */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_white, .listed tbody.pair:nth-child(odd) tr td.td_white,
.listed tbody:not(.pair) tr:nth-child(odd).tr_white td, .listed tbody.pair:nth-child(odd) tr.tr_white td{
	background-color:#DDD;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_white, .listed tbody.pair:nth-child(even) tr td.td_white,
.listed tbody:not(.pair) tr:nth-child(even).tr_white td, .listed tbody.pair:nth-child(even) tr.tr_white td{
	background-color:#CCC;
}
/* gray */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_gray, .listed tbody.pair:nth-child(odd) tr td.td_gray,
.listed tbody:not(.pair) tr:nth-child(odd).tr_gray td, .listed tbody.pair:nth-child(odd) tr.tr_gray td{
	box-shadow: inset 4px 0 0px 0px #999999;
	background-color:#FFFFFF;
	color: #AAA;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_gray, .listed tbody.pair:nth-child(even) tr td.td_gray,
.listed tbody:not(.pair) tr:nth-child(even).tr_gray td, .listed tbody.pair:nth-child(even) tr.tr_gray td{
	box-shadow: inset 4px 0 0px 0px #888888;
	background-color:#EEEEEE;
	color: #AAA;
}
.listed tbody tr.tr_gray.fullpaint td,.listed tbody tr td.td_gray.fullpaint{
	background-color:#999999 !important;
}
/* green */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_green, .listed tbody.pair:nth-child(odd) tr td.td_green,
.listed tbody:not(.pair) tr:nth-child(odd).tr_green td, .listed tbody.pair:nth-child(odd) tr.tr_green td{
	box-shadow: inset 4px 0 0px 0px #11CC11;
	background-color:#F0FFF0;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_green, .listed tbody.pair:nth-child(even) tr td.td_green,
.listed tbody:not(.pair) tr:nth-child(even).tr_green td, .listed tbody.pair:nth-child(even) tr.tr_green td{
	box-shadow: inset 4px 0 0px 0px #00BB00;
	background-color:#D9FFD9;
}
.listed tbody tr.tr_green.fullpaint td,.listed tbody tr td.td_green.fullpaint{
	background-color:#11CC11 !important;
}
/* yellow */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_yellow, .listed tbody.pair:nth-child(odd) tr td.td_yellow,
.listed tbody:not(.pair) tr:nth-child(odd).tr_yellow td, .listed tbody.pair:nth-child(odd) tr.tr_yellow td{
	box-shadow: inset 4px 0 0px 0px #EECC00;
	background-color:#FFFFEE;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_yellow, .listed tbody.pair:nth-child(even) tr td.td_yellow,
.listed tbody:not(.pair) tr:nth-child(even).tr_yellow td, .listed tbody.pair:nth-child(even) tr.tr_yellow td{
	box-shadow: inset 4px 0 0px 0px #DDBB00;
	background-color:#FFFFDD;
}
.listed tbody tr.tr_yellow.fullpaint td,.listed tbody tr td.td_yellow.fullpaint{
	background-color:#EECC00 !important;
}
/* orange */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_orange, .listed tbody.pair:nth-child(odd) tr td.td_orange,
.listed tbody:not(.pair) tr:nth-child(odd).tr_orange td, .listed tbody.pair:nth-child(odd) tr.tr_orange td{
	box-shadow: inset 4px 0 0px 0px #FF8811;
	background-color:#FFEEDD;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_orange, .listed tbody.pair:nth-child(even) tr td.td_orange,
.listed tbody:not(.pair) tr:nth-child(even).tr_orange td, .listed tbody.pair:nth-child(even) tr.tr_orange td{
	box-shadow: inset 4px 0 0px 0px #DD6600;
	background-color:#FFEECC;
}
.listed tbody tr.tr_orange.fullpaint td,.listed tbody tr td.td_orange.fullpaint{
	background-color:#FF8811 !important;
}
/* red */
.listed tbody:not(.pair) tr:nth-child(odd) td.td_red, .listed tbody.pair:nth-child(odd) tr td.td_red,
.listed tbody:not(.pair) tr:nth-child(odd).tr_red td, .listed tbody.pair:nth-child(odd) tr.tr_red td{
	box-shadow: inset 4px 0 0px 0px #FF1111;
	background-color:#FFEEEE;
}
.listed tbody:not(.pair) tr:nth-child(even) td.td_red, .listed tbody.pair:nth-child(even) tr td.td_red,
.listed tbody:not(.pair) tr:nth-child(even).tr_red td, .listed tbody.pair:nth-child(even) tr.tr_red td{
	box-shadow: inset 4px 0 0px 0px #DD0000;
	background-color:#FFDDDD;
}
.listed tbody tr.tr_red.fullpaint td,.listed tbody tr td.td_red.fullpaint{
	background-color:#FF1111 !important;
}
/* full */
.listed tbody tr.fullpaint td,.listed tbody tr td.fullpaint{
	color: #FFF !important;
	box-shadow: none !important;
}

.listed td td{
	/* border-bottom:none;*/
    text-align: center !important;
    font-size: 12px;
    padding: 0; 
	vertical-align: middle;
	border: 1px #AAA solid;
}
.listed th{
	 padding: 4px 5px 0;
	 text-align:left;
	 height: 20px;
	 border-collapse: collapse;
	 /*font-size: 13px;*/
	 border:1px #AAA solid;
}

.lighted:hover td, .highlighted td{
	/*background-color:#105C83 !important;*/
	background-color: #FC7 !important;
	cursor:pointer;
}
.lighted:hover td.td_red{
	background-color:#A11 !important;
	cursor:pointer;
}
.tabbed{
	border-collapse: collapse;
}
.tabbed tr{
	border-top:#D0D0D0 solid 1px;
}
.tabbed tr:last-child{
	border-bottom:#D0D0D0 solid 1px;
}
.tabbed td,.tabbed th{
	border-right:#D0D0D0 solid 1px;
	text-align:center;
	padding: 0 3px;
}
.tabbed td:first-child,.tabbed th:first-child{
	border-left:#D0D0D0 solid 1px;
}
a.orangelink {
	color:#DD8800;
	font-weight:bold;
}
a.orangelink:hover {
	color:#FFAA22;
}

input:not([type="button"]):not([type="checkbox"]):not([type="file"]):not([type="radio"]):not([type="reset"]):not([type="submit"]), select{
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
	/*padding:1px 5px;*/
	font-size: 16px;
	/* margin: 0px 0 4px; */
	border-radius: 5px;
	/*background-clip: padding-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;*/
	box-sizing: border-box;
	color:#444;
	/*height: 22px;*/
	width: 150px;
	border: 1px solid #CCC;
	/*vertical-align:top; whyyyy!? */
}
input[disabled="disabled"], select[disabled="disabled"], checkbox[disabled="disabled"]{
	opacity:0.5;
}
input[type="text"],input[type="password"]{
	padding-left:5px;
	padding-right:5px;
}
/*select{
	padding-left:5px;
	padding-right: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 18px;
	appearance:none;
	background-image: url(../img/selectR.png);
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 100% top;
	background-size: 90px 20px;
}*/
textarea{
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
	border-radius: 5px;
	border: none;
	padding: 0;
	margin: 0;
	border: 1px solid #CCC;
	padding:1px 5px;
}
input.searchbox,select.searchbox{
	background:none;
	appearance:none;
	background-image:none !important;
	color:#AAA;
	background-color:#FFF !important;
	border-radius: 5px;
	height:20px !important;
	padding:0px 4px 0px 4px !important;
	margin:0px !important;
	min-width:50px !important;
}
input[type="button"], input[type="submit"]{
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
	background:none;
	appearance:none;
	background-position: 3px top;
	background-repeat: no-repeat;
	
	background-color: #DDD;
	border: none;
	border-radius: 5px;
	padding-top: 0;
	
	height: 22px;
	padding-left:6px;
	padding-right:6px;
	color:#007CB7;
	font-size:16px;
	font-weight:bold;
	margin:0px 2px 0px 0px;
}

::-webkit-input-placeholder { /* WebKit, Blink (Safari, Google Chrome, Opera), Edge */
    color: #AAAAAA;
}
/* multicheck */
ul.multicheck{
	height: 200px;
	overflow-y: auto;
	width: 140px;
	display: inline-block;
	background-color: #FFF;
	color: #000;
	border-radius: 5px;
	padding-left: 1px;
	margin: 0;
	border: 1px solid #CCC;
}
ul.multicheck li{
	overflow-x: hidden;
	width: 120px;
}
ul.multicheck li.selected{
	box-sizing: border-box;
	outline: 1px dotted #999;
}

/* Configuraciones múltiples */
.click_fix :disabled{
	pointer-events: none;
}
.input_to_cbx{
	height: 13px !important;
    width: 13px !important;
    border-radius: 2px !important;
	margin: 3px 3px 3px 4px !important;
}
.input_to_cbx:disabled {
	background-color: #FFF;
	border: solid #A7A7A7 1px;
	margin: 3px 4px;
}

/* Dispatch */
.tab_dispatch {
	width: 100%;
}
.tab_dispatch td{
  color: #666666;
  white-space: nowrap;
	font-size: 13px;
}
.tab_dispatch tr:nth-child(2){
	font-weight: bold;
}
.tab_dispatch tr:nth-child(even) td{
	font-size: 16px;
}
.tab_dispatch td:nth-child(2){
	text-align: right;
}
.tab_dispatch tr td[data-rel='_drive']{
	color: #FF6600;
}
.tab_dispatch tr td{
	width: 50%;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab_dispatch_top td:first-child{
	max-width: 200px;
	width: 200px;
}
.tab_dispatch_top td:last-child{
	max-width: 100px;
	width: 100px;
}


input.rwd{
	padding-left:22px;
	background-image: url(../img/pl_rwd.png); 
}
input.prv{
	padding-left:22px;
	background-image: url(../img/pl_prv.png);
}
input.nxt{
	padding-left:22px;
	background-image: url(../img/pl_nxt.png);
}
input.fwd{
	padding-left:22px;
	background-image: url(../img/pl_fwd.png);
}	
input.csv{
	padding-left:22px;
	background-image: url(../img/csv.png);
}
input.pdf{
	padding-left:22px;
	background-image: url(../img/pdf.png);
}
input.xlsx,input.xls{
	padding-left:22px;
	background-image: url(../img/xlsx.png);
}
input.kml{
	padding-left:22px;
	background-image: url(../img/kml.png);
}
input.prt{
	padding-left:22px;
	background-image: url(../img/prt.png);
}
input.mrk{
	padding-left:22px;
	background-image: url(../img/mrk.png);
}
input.sdb{
	padding-left:22px;
	background-image: url(../img/sdb.png);
}
input.add{
	padding-left:22px;
	background-image: url(../img/add.png);
}
input.del{
	padding-left:22px;
	background-image: url(../img/del.png);
}
input.mod{
	padding-left:22px;
	background-image: url(../img/mod.png);
}
input.sav{
	padding-left:22px;
	background-image: url(../img/sav.png);
}
input.pas{
	padding-left:22px;
	background-image: url(../img/pas.png);
}
.csv[value], .pdf[value], .xmlx[value], .kml[value], .prt[value], .mrk[value], .sdb[value], .add[value], .del[value], .sav[value], .pas[value]{
	padding-left:26px;
}
input[type="button"]:hover, input[type="submit"]:hover{
	color:#FFF;
	background-position: 3px bottom;
	background-color: #DD8800;
}
option{
	background-color:#FFF;
	color:#333;
}
select[multiple] option:checked{
	background-color:#1967D2;
	color:#FFF;
}

.ico_moon{
	font-family: icomoon !important;
	font-style: normal;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
}
.ico_moon_ultimate{
	font-family: 'IcoMoon-Ultimate' !important;
	font-style: normal;
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased;
}

.capa{
	position:fixed;
	width: 100%;
	height:100%;
	left:0px;
}
ul{
    list-style:none; /* Eliminamos los bullets */
	text-align:left;
	padding-left:15px;
}
/*TMS*/
.truck_slot{
	float:left;
	width:170px;
	cursor:pointer;
	margin:5px 8px;
}
.table_truck{
	table-layout:fixed;
	width:100%;
	height:112px;
	padding:0px;
	border:1px #CCCCCC solid;
	border-radius:10px;
	padding:2px;
    border-collapse: separate;
    border-spacing: 0px;
	box-shadow: 2px 2px 3px #999;
}
.table_truck td{
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
}
/* lado izquierdo */
.table_truck .truck_colo{
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	vertical-align: top;
	height: 100%;
	width: 60px;
	text-align: center;
	border-radius: 6px 0 0 6px;
	color: #FFF;
}
.table_truck.truck_half .truck_colo{
	height:50px;
}
.truck_icon{
	height:32px;
	background-position:center bottom;
	background-repeat:no-repeat;
}
.truck_half .truck_icon{
	height:20px;
}
.truck_half .truck_icon{
	background-size:50%;
	height:20px;
}

.truck_icon.truck_ext{
	background-image:url(../img/ext_.png);
}
.truck_icon.truck_ext_l{
	background-image:url(../img/ext_l.png);
}
.truck_icon.truck_loa{
	background-image:url(../img/loa_.png);
}
.truck_icon.truck_whe{
	background-image:url(../img/whe_.png);
}
.truck_icon.truck_gra{
	background-image:url(../img/gra_.png);
}
.truck_icon.truck_agg{
	background-image:url(../img/agg_.png);
}
.truck_icon.truck_wat{
	background-image:url(../img/wat_.png);
}
.alarm_icon{
	margin-top: -4px;
	background-position:center top;
	background-repeat:no-repeat;
	height:40px;
}
.truck_half .alarm_icon{
	height:20px;
}
.truck_half .alarm_icon{
	background-size:50%;
	background-position:center;
	background-repeat:no-repeat;
	height:30px;
}
.alarm_icon.alarm_ok{
	background-image:url(../img/ok.png);
}
.alarm_icon.alarm_bat{
	background-image:url(../img/bat.png);
}
.alarm_icon.alarm_expired{
	background-image:url(../img/expired.png);
}
.alarm_icon.alarm_despresurizing{
	background-image:url(../img/despresurizing.png);
}
.alarm_icon.alarm_difference{
	background-image:url(../img/difference.png);
}
.alarm_icon.alarm_emergency{
	background-image:url(../img/emergency.png);
}
.alarm_icon.alarm_fast{
	background-image:url(../img/fast.png);
}
.alarm_icon.alarm_torque{
	background-image:url(../img/torque.png);
}
.alarm_icon.alarm_intermitent{
	background-image:url(../img/intermitent.png);
}
.alarm_icon.alarm_gps{
	background-image:url(../img/gps.png);
}
.alarm_icon.alarm_heat{
	background-image:url(../img/heat.png);
}
.alarm_icon.alarm_high{
	background-image:url(../img/high.png);
}
.alarm_icon.alarm_hotter{
	background-image:url(../img/hotter.png);
}
.alarm_icon.alarm_lower{
	background-image:url(../img/lower.png);
}
.alarm_icon.alarm_overwork{
	background-image:url(../img/overwork.png);
}
.alarm_icon.alarm_heavy{
	background-image:url(../img/heavy.png);
}
.alarm_icon.alarm_higher{
	background-image:url(../img/higher.png);
}
.alarm_icon.alarm_low{
	background-image:url(../img/low.png);
}
.alarm_icon.alarm_off{
	background-image:url(../img/off.png);
}
.alarm_icon.alarm_signal{
	background-image:url(../img/signal.png);
}
.alarm_icon.alarm_sensor{
	background-image:url(../img/sensor.png);
}
.alarm_icon.alarm_warning{
	background-image:url(../img/warning.png);
}
.table_truck .truck_time{
	margin-top: -5px;
	font-size:12px;
	font-weight:bold;
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
}

.minisens{
	/*position:absolute;*/
	width:20px;
	height:18px;
	margin: 0px 1px;
	background-image:url(../img/sens.png);
	background-position: left;
	background-repeat: no-repeat;
	text-align:left;
	line-height:25px;
	font-size:11px;
	padding-left: 13px; 
}

/* lado derecho */
.table_truck .truck_info{
	display: inline-flex;
	flex-direction: column;
	justify-content: space-between;
	vertical-align: top;
	height: 100%;
	width: 104px;
	color:#666;
}
.table_truck .truck_stop{
	border-radius: 0 6px 0 0;
	padding: 0 5px;
	color: #FFF;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
}
.table_truck .truck_cont{
	height: 100%;
	vertical-align:middle;
	color: #666 !important;
}
.table_truck .truck_name{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: 0 14px 0 3px;
	/*margin-bottom:10px*/
}
.table_truck .truck_para{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:3px;
	max-height: 36px;
	overflow:hidden;
}
/* tms lightbox */
#tms_container{
	width:100%;
	height: 100%;
	min-height: 670px;
	/*min-height:100%;*/
	background-color:#FFFFFF;
	border-color:#CCCCCC;
	border-width:10px;
	border-radius:10px;
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-template-rows: 65px 1fr 30px 1fr;
	/*align-items: start;
	justify-content: stretch;	
	align-content: stretch;	*/
	grid-template-areas:
		"tms_header	tms_top"
		"tms_tires	tms_mid"
		"tms_report tms_mid"
		"tms_map	tms_mid"
}
#tms_container #tms_header{
	grid-area: tms_header;
	height: 65px;
	vertical-align: top;
	padding: 5px;
    box-sizing: border-box;
}
#tms_container #tms_top{
	grid-area: tms_top;
	height: 65px;
	vertical-align: middle;
	min-width: 300px;
	padding: 0 15px;
    box-sizing: border-box;
}
	#tms_container #tms_top #tms_title{
		vertical-align: top;
		height: 65px;
		line-height: 65px;
		white-space: nowrap; 
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#tms_container #tms_top #tms_title div div{
		width: 50%;
		box-sizing: border-box;
	}
	#tms_container #tms_top #tms_title div div:first-child{		text-align: left;	min-width: 300px;}
	#tms_container #tms_top #tms_title div div:last-child{		text-align: right;	}
	#tms_container #tms_tires{
		grid-area: tms_tires;
		margin-bottom: 16px;
		vertical-align: top;
		padding: 5px;
	    box-sizing: border-box;
	}

	#tms_container #tms_report {
		grid-area: tms_report;
		padding: 5px;
		height: 50px;
		box-sizing: border-box;
		z-index: 1;
	}

	#tms_container #tms_tires #tms_layout{
		padding: 15px 0;
	}
	#tms_container #tms_tires #tms_layout #tms_layout_bg{ /* background */
		position:absolute;
		width:300px;
	}
		#tms_container #tms_tires #tms_layout #tms_layout_bg .axys{
			background-color:#EFEFEF;
			border-radius:5px;
			width:250px;
			height:283px;
			box-shadow:2px 2px 2px #999;
			padding-top:50px;
			position:relative;
		}
		#tms_container #tms_tires #tms_layout #tms_layout_bg .axys div{ /* ejes */
			background-repeat:repeat-y;
			background-position:50% 0px;
		}
	#tms_container #tms_tires #tms_layout #tms_layout_fg{ /* foreground */
		position:relative;
		width:300px;
	}
	/* #tms_container #tms_tires #tms_layout #tms_layout_fg>table es lo mismo que .tms_axys*/
	.tms_axys{
		border: 0;
		width: 100%;
	}
	
	#tms_container #tms_tires #tms_layout #tms_layout_fg>div{
		position:relative;
	}
	#tms_container #tms_tires #tms_layout #tms_layout_fg>div>div{
		position:absolute;
		left:0;right:0;
	}
	#tms_container #tms_tires #tms_layout #tms_layout_fg>div>div>div{
		width:50px;
		height:50px;
		margin: 0 auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		filter: sepia(100%) brightness(0.8) saturate(2000%) hue-rotate(310deg);
	}
#tms_container #tms_mid{
	grid-area: tms_mid;
	vertical-align: top;
	padding: 5px;
	min-width: 300px;
	grid-row: span 2;
}
	#tms_container #tms_mid iframe{
		border: none;
		overflow: visible;
	}
		#tms_container #tms_mid iframe#tms_graph{
			height:500px;
			width:100%;
		}
		#tms_container #tms_mid iframe#tms_print{
			height: 1px;
			width: 1px;
		}
#tms_container #tms_map{
	grid-area: tms_map;
	vertical-align: top;
	width: 300px !important;
	padding: 5px;
    box-sizing: border-box;
	align-self: stretch;
	display: flex;
	flex-direction: column;
	height: 100%;
}
	#tms_container #tms_map #map_canvas{
		flex-grow: 1;
	}
	#tms_container #tms_map #map_canvas div.gm-style div>img{
		left:0;
	}

#tms_container .tms_sens,.receipt.sns_dif, table.tms_axys .tms_align_cent .receipt.sns_dri{
	border: 1px solid #666;
	border-radius: 5px;
	background-image: linear-gradient(to bottom, #666 0%, #999 20%, #666 40%, #000 100%);
    margin: 3px;
    box-sizing: border-box;
	cursor:pointer;
	display: inline-flex;
	position: relative;
}
#tms_container .tms_sens table{
	margin: 0 auto;
}
#tms_container .tms_sens .tire_icon{
	position:absolute;
	width:40px;
	text-align:center;
	top: -10px;
	z-index: 1;
}
#tms_container .tms_sens td .tms_tire_diff{
	position: absolute;
	bottom: 1px;
	font-size: 11px;
	line-height: 11px;
	color: var(--color-yel);
	text-align: center;
	margin: auto;
	left: 1px;
	right: 1px;
	background-color: #333;
	border-radius: 5px;
}
#tms_container .tms_align{
	text-align: center;
	white-space: nowrap;
}
#tms_container .tms_sens.tms_vertical{
	width: 48px;
}
#tms_container .tms_sens.tms_vertical table, .receipt.sns_dif table, .receipt.sns_dri table{
	width: 100%;
	margin: 3px;
	height: 85px;
}
#tms_container .tms_sens.tms_vertical .tms_sid, .receipt.tms_sid{
	margin-top: -14px;
}
#tms_container .tms_sens.tms_horizontal{
	width: 106px;
	height: 50px;
}
#tms_container .tms_sens.tms_horizontal table{
	width: 90px;
	height: 40px;
}
#tms_container .tms_sens.tms_horizontal .tms_sid{
	margin-top: -25px;
}
/* Sensores centrales */
#tms_container .tms_align_cent{
	vertical-align: top;
	padding-top: 5px;
	position: relative;
	width: 78px;
}
#tms_container .tms_align_cent .tms_sens tr:first-child,
#tms_container .tms_align_cent .tms_sens .tms_sens_tabs{
	display: none;
}
/* SCI (Sensor Central Interno) Diferencial */
#tms_container .tms_align_cent .tms_sens:not(.tms_driv), .receipt.sns_dif{
	display: flex;
	border-radius: 30px;
	width: 46px;
	margin: auto;
}
#tms_container .tms_align_cent .tms_sens:not(.tms_driv) table, .receipt.sns_dif table{
	height: 40px;
	margin: 2px;
}
#tms_container .tms_align_cent .tms_sens:not(.tms_driv) table,
#tms_container .tms_align_cent .tms_sens:not(.tms_driv) td, 
.receipt.sns_dif table, .receipt.sns_dif td{
	border-radius: 20px;
}
#tms_container .tms_align_cent .tms_sens:not(.tms_driv) td .tms_tire_unit, .receipt.sns_dif td .tms_tire_unit{
	left: 12px;
}
#tms_container .tms_align_cent .tms_sens:not(.tms_driv) td .tms_tire_valu, .receipt.sns_dif td .tms_tire_valu{
	bottom: 6px;
}
/* SCE (Sensor Central Externo) Mando final */
#tms_container .tms_align_cent .tms_sens.tms_driv, table.tms_axys .tms_align_cent .receipt.sns_dri{
	position: absolute;
	margin: 0;
	bottom: 5px;
	width: 36px;
}
#tms_container .tms_align_cent .tms_sens.tms_driv:first-of-type, table.tms_axys .tms_align_cent .receipt.sns_dri:first-of-type{
	left: 5px;
}
#tms_container .tms_align_cent .tms_sens.tms_driv:last-of-type,table.tms_axys .tms_align_cent .receipt.sns_dri:last-of-type{
	right: 5px;
}
#tms_container .tms_align_cent .tms_sens.tms_driv table,  table.tms_axys .tms_align_cent .receipt.sns_dri table{
	height: 30px;
	margin: 1px;
}
#tms_container .tms_align_cent .tms_sens.tms_driv td .tms_tire_unit, .receipt.sns_dri td .tms_tire_unit{
	top: -2px;
}
#tms_container .tms_align_cent .tms_sens.tms_driv td .tms_tire_valu,.receipt.sns_dri td .tms_tire_valu{
	bottom: -2px;
}
/* Presión recomendada */
#tms_container .tms_sens .tms_rec{
	position: absolute;
	left: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 5px;
	background-color: #333;
    line-height: 13px;
    font-size: 13px;
	padding: 0 5px;
    text-align: center;
}
#tms_container .tms_sid, .receipt.tms_sid{
	color:#6E6E6E;
	font-weight:bold;
	position:absolute;
	text-align:center;
	font-size: 12px;
	left:0;
	right:0;
}
/* */
	#tms_container .tms_sens td, .receipt.sns_dif td, .receipt.sns_dri td{ /* Presión */
		position: relative;
		height: 40px;
		border: 1px solid #000;
		box-sizing: border-box;
	}
	#tms_container .tms_sens tr:nth-child(2) td, .receipt.sns_dif td, .receipt.sns_dri td{ /* Temperatura */
		height: 30px;
	}
	#tms_container .tms_sens td .tire_icon img{
		max-width:25px;
	}
	#tms_container .tms_sens td .tms_tire_unit, .receipt.sns_dif td .tms_tire_unit, .receipt.sns_dri td .tms_tire_unit{ /* texto de unidades de medida (presion y temperatura) en los neumaticos */
		position: absolute;
		font-size:10px;
		color:#000;
		left: 2px;
		top: 0;
	}
	#tms_container .tms_sens td .tms_tire_valu, .receipt.sns_dif td .tms_tire_valu, .receipt.sns_dri td .tms_tire_valu{ /* texto de valor de variable (presion y temperatura) en los neumaticos */
		position: absolute;
		font-size:20px;
		color:#FFF;
		text-shadow: 1px 1px 2px #000,-1px -1px 2px #000;
		font-weight: bold;
		text-align: center;
		right: 2px;
		left: 2px;
		bottom: 0px;
	}
	#tms_container .tms_sens tr:first-child td .tms_tire_valu{ /* Presión */
		bottom: 10px;
	}
	#tms_container .tms_sens td .tms_sens_tabs{ /* espacio para las pestañas */
		position:absolute;
		bottom: -14px;
		left: 0;
		right: 0;
	}
	#tms_container .tms_sens td .tms_sens_tabl{ /* centrador */
		display:table;
		font-size:10px;
		width: 100%;
	}
	#tms_container .tms_sens td .tms_sens_tabb{ /* pestaña */
		float:left;
		width: 50%;
		box-sizing: border-box;
		font-weight:bold;
		text-align: center;
		color:#333;
		border: 1px solid;
		padding-top:0px;
		height:13px;
		
		background-color:#555;
		border-color: #333 transparent #FFF;
		line-height: 10px;
	}
	#tms_container .tms_sens td .tms_sens_tabb:first-child{
		border-bottom-left-radius: 5px;
	}
	#tms_container .tms_sens td .tms_sens_tabb:last-child{
		border-bottom-right-radius: 5px;
	}
	#tms_container .tms_sens td .tms_sens_tabb.tms_selected{
		background-color:#222;
		border-color: rgba(0,0,0,0.1) #333 #333;
	}
	#tms_container .tms_sens td .tms_sens_tabb:not(.tms_selected){
		filter: brightness(150%) saturate(25%);
		color: #555;
	}
	
/* magic */
@media ( max-width: 720px) { 
	#tms_container {
		grid-template-columns: 1fr;
		grid-template-rows: 65px 65px auto auto auto;
		grid-template-areas:
			"tms_header"
			"tms_top"
			"tms_tires"
			"tms_report"
			"tms_mid"
			"tms_map"
	}
}

/*///////////////////////////////////////////////// vista detallada /////////////////////////////////////////////////*/
.truck_slot.fleet_detail:not(.fleet_off) .table_truck{
	height: 155px;
}
.truck_slot.fleet_detail.fleet_detail16:not(.fleet_off) .table_truck{
	height: 255px;
}
.truck_slot.fleet_detail:not(.fleet_off) .table_truck .truck_info{
	height: 152px;
	overflow: hidden;
}
.truck_slot.fleet_detail.fleet_detail16:not(.fleet_off) .table_truck .truck_info{
	height: 268px;
}
.truck_slot.fleet_detail .table_truck .truck_stop{
	background-color: transparent !important;
	height: 1px !important;
	line-height: 0;
}
.truck_slot.fleet_detail:not(.fleet_off) .table_truck .truck_para{
	max-height:112px;
}
.truck_slot.fleet_detail.fleet_detail16:not(.fleet_off) .table_truck .truck_para{
	max-height:216px;
}
.truck_slot.fleet_detail .table_truck .truck_para table{
	margin-top: 5px;
}
.truck_slot.fleet_detail .table_truck .truck_para table td:nth-child(odd){ /* impares */
	padding: 0 4px 0 1px;
}
.truck_slot.fleet_detail .table_truck .truck_para table td:nth-child(even){ /* pares */
	padding: 0 1px 0 4px;
	text-align: right;
}
/*///////////////////////////////////////////////// vista detallada /////////////////////////////////////////////////*/
.truck_slot.fleet_off .table_truck{
	height: 50px;
}
.truck_slot.fleet_off .table_truck .truck_info{
	height: 48px;
}
/*//////////////////////////////////////////////// tms lightbox /////////////////////////////////////////////////////*/
.ititle{
	font-size:24px;
	font-weight:bold;
	font-style:italic;
	color:#333;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.topbuttons div{
	float:right;
	/*cursor:pointer;
	background-image:url(../img/button-top.png);
	width:148px;
	height:26px;*/
	font-weight:bold;
	padding-top:10px;
}
#fleettab b{
	margin: 0 5px;
}

/* RECEIPT */
div.rec_are{
	width:250px;
	margin:10px 20px;
	color: #666666;
	display: inline-block;
    vertical-align: top;
}
table.rec_top{
	background-color:#F68D00;
	border-radius:5px;
	width:100%;
	height:30px;
	margin-bottom:5px;
}
table.rec_top td{
	padding:0 10px;
	font-size:16px;
}
table.rec_top td:first-child{
	font-weight:bold;
}
table.rec_top td:last-child{
	text-align:right;
}
div.rec_box{
	background-color:#FFF;
	min-height:400px;
	/*border-radius: 0 0 5px 5px;*/
	border: 2px solid #CCC;
	border-top:none;
	background-image:url(../img/ax.png);
	background-repeat:no-repeat;
	background-position:50% 75px;
	padding: 0 5px;
}
div.tab_box{
	background-color:#FFF;
	border: 1px solid #CCC;
	border-top:none;
	padding: 5px;
}
div.box{
	background-color:#FFF;
	border: 1px solid #CCC;
	padding: 5px;
	margin-top: 10px;
}
div.flex_box{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items:flex-start;
	gap: 10px;
}
div.rec_hea{
	white-space: nowrap;font-size:12px; padding:0 5px;
}
table.rec_set{
	width: 100%;
}
td.rec_tab{
    /*border-radius: 5px 5px 0 0;*/
    border: 1px solid #CCC;
    margin: -22px -3px 0;
    padding: 0 3px;
    cursor: pointer;
    height: 22px;
    border-bottom-color: #FFF;
    background-color: #CCC;
    color: #888;
    text-align: center;
}
td.rec_tab.active{
	color: inherit;
	background-color: #FFF;
}

div.rec_tit {
	font-size: 12px;
	margin:-52px 0 0 35px;
	font-weight:bold;
	color:#FFF;
}
div.rec_whe {
	width:35px;
	height:120px;
	margin: 0;
	background-image:url(../img/whe.png);
	background-repeat:no-repeat;
	background-position:center 19px;
}
div.rec_whe_tit {
	/*line-height: 32px;
	margin: 0 0 -7px;*/
	font-size: 14px;
}
div.rec_tir {
	height:62px;
	padding: 4px;
}
div.rec_tir_inc {
	font-size:12px;
}
div.rec_tir_err {
	font-size:12px;
	color:#FF0000;
}
div.rec_dat {
	background-color:#666666;
	color:#FFF;
	border-radius:3px;
	margin:2px 0;
	font-weight:bold;
}
div.rec_dat_d {
	background-color:#CE0000;
}
div.rec_tir_gau {
	height:62px;
	background-image:url(../img/bat_gau.png);
	background-position:0px -10px;
	background-repeat:no-repeat;
	border-radius:4px;
	color:#FFFFFF;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}
div.rec_tir_gau div:first-child {
	font-size: 30px;
	font-weight: bold;
	line-height: 28px;
}
div.rec_tir_gau div:last-child {
	line-height: 7px;
}
div.las_sig {
	font-weight:bold;
	color:#0080FF;
}
div.las_sig_d {
	font-weight:bold;
	color:#F00;
}
table{
	border-spacing: 0px;
	padding: 0;
}
table.rec_t_box {
	border-spacing:0;
	margin-left: -1px;
	border: 1px #CCC solid;
}
table.rec_t_box tr td:first-child {
	width:18px;
}
table.rec_t_box tr td:last-child {
	padding-right:5px;
}
tr.rec_t_hea td {
	color:#FFFFFF;
	font-weight:bold;
}
tr.rec_t_pai td {
	line-height: 15px;
	font-size: 12px;
}
tr.rec_t_unp td {
	line-height: 15px;
	font-size: 12px;
}
tr.rec_t_eqp td, td.rec_t_pil {
	background-color:#777 !important;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#E88C29;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 12px;
}
div.rec_t_pil {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position:absolute;
	margin-left:-17px;
	margin-top: -10px;
	font-size: 16px;
}
div.rec_tas{
	border-bottom:#999 solid 1px; padding: 2px 5px 5px 5px;
}
div.rec_tas.rec_tas_done{
	font-size:14px;color:#FFFFFF;background-color:#0555AA; color:#7799BB;
}
div.rec_tas.rec_tas_undo{
	font-size:14px;color:#666666;background-color:#FFFFFF;
}
/* TASK SYSTEM */
#task_system{
	position: absolute;
	background-color: #0577CC;
	border-radius: 5px;
	padding: 5px;
    left: 100px;
    top: 180px;
    z-index: 12;
	min-width: 440px;
	display: none;
}
#task_table{
	width: 100%;
}
#task_table>tbody>tr>td{
	padding: 3px;
}
#task_table>tbody>tr>td:first-child{
	width: 140px;
}
#task_address{
    padding: 0 8px !important;
    font-size: 14px;
    color: #FFF;
}
#task_boxi{
	height:200px;
	overflow:scroll;
	overflow-x: visible;
	background-image:none;
}
#task_boxid{
	text-align:right;
	padding-right: 30px;
}
.cls_tsk{
	content: 'X';
    position: absolute;
    background-color: #CE0000;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-left: 6px;
    border-radius: 9px;
    padding: 0px 5px;
    box-sizing: border-box;
    line-height: 18px;
	pointer-events:auto;
	color: #FFF;
}
.alarm_icon_right{
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: right;

	height: 18px;
	width: 18px;
	align-self: flex-end;
}
.moni_task{
	background-image: url(../img/menu/meters/tasks.png);
    background-size: 16px;
    background-repeat: no-repeat;
	background-position: right;
	
    height: 18px;
	width: 18px;
	cursor: pointer;
	filter: brightness(50%);
	align-self: flex-end;
}
.moni_task:hover{
	filter: brightness(50%);
}
/* CONSOLE */
#task_check article{
	background-color:#000000;
	height:200px;
	overflow:auto;
	padding: 0 4px;
	max-width: 500px;
}
#task_check article header{
	color: green;
}
#task_check article footer{
	color: gray;
}
/* ALERT SYSTEM */
#alert_system{
	position: fixed;
    bottom: 60px;
	right: 0px;
    z-index: 11;
	width: 360px;
}
.badge{
	position: relative;
	width: 50px;
    margin: 0 auto;
}
.badge div{
	position: absolute;
	right: 0;
	color: #000;
	line-height: 20px;
	padding: 0 5px;
	border-radius: 10px;
}
.alert_toast{
	display:none;
}
.alert_cont{
	margin:5px;
}
.alert_cont .table_truck{
	background-color:#FFF;
	height:unset;
}
.alert_cont .table_truck.read{
	background-color:#DDD;
}
.alert_toast .table_truck{
	background-color:rgba(255,255,255,0.8);
}
.alert_cont .table_truck td{
	display:table-cell;
	font-family: "Calibri", "Century Gothic", Century, Arial, "Arial Black";
}
.alert_cont .table_truck .truck_colo{
	width:10px;
}
.alert_cont .table_truck .truck_info{
	width:100%;
}
.alert_cont .table_truck.read .truck_info{
	color:#888;
}
.alert_cont .table_truck .truck_info .alert_head{
	margin-right: 25px;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-end;
	cursor: pointer;
}
.alert_cont .table_truck .truck_info .alert_head .truck_name{
	font-size:28px;
	padding: 0 0px 0 3px;
}
.alert_cont .table_truck .truck_info .alert_head .truck_para{
	font-size:20px;
	line-height: 28px;
	flex-grow: 1;
}
.alert_cont .table_truck.read .truck_para{
	font-weight: normal;
}
.alert_cont .table_truck .truck_info .alert_head .truck_date{
	line-height: 24px;
}
.alert_cont .table_truck .truck_info .alert_head .truck_date a{
	color: #0555AA;
}
.alert_cont .table_truck .truck_info .alert_head .truck_date a:hover{
	color: #F78E1F;
}
.alert_cont .table_truck .truck_info .alert_mess,
.alert_cont .table_truck .truck_info .alert_mail {
	padding:3px;
	position: static;
}
.alert_cont .table_truck .truck_info .alert_mail{
	display: none;
}

/* TOGGLE SWITCH */

.tswitch {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 22px;
}
.tswitch input { 
  visibility: hidden;
}
.tswitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #F90;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 11px;
}
.tswitch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  right: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
}
.tswitch input:not(:checked) + .slider:after{
  position: absolute;
  content: "AUTO";
  left: 10px;
  color: white;
  line-height:22px
}
.tswitch input:checked + .slider {
  background-color: #ccc;
}
.tswitch input:checked + .slider:before {
  -webkit-transform: translateX(-48px);
  -ms-transform: translateX(-48px);
  transform: translateX(-48px);
}

/* */
table.addition {
	border-collapse:collapse;
	text-align:center;
}
table.addition tr.borders td {
	border:#CCC solid 1px;
	padding:5px;
	height: 22px;
}
table.addition tr.whiteline td {
	 background:url(../img/whitedot.png) no-repeat;
	 background-position:center center;
	 background-size:100% 1px;
}
table.addition tr.borders div.head {
	background-color:#333;
	border:#FFF solid 1px;
	color:#FFF;
	cursor:pointer;
}
.tab_cha{
	width:100%;
	background-color:#FFF;
	border: 1px solid;
	white-space: nowrap;
	table-layout: fixed;
}
.tab_cha th{
	text-align:left;
	overflow: hidden;
}
.tab_cha th,.tab_cha td{
	color:#666;
	font-size:14px;
}
.tab_cha td:first-of-type, .tab_cha td, .tab_cha th:last-child{
	border-left: solid #999 1px;
}
.tab_cha tr:first-child *{
	border-bottom: solid #999 1px;
}
.tab_cha td, .tab_cha th:last-child{
	text-align:right;
}
.tab_cha.tab_bee tr:nth-child(even) td,.tab_cha.tab_bee tr:nth-child(even) th{
	background-color:#DDD;
}
.tab_cha td div{
	 height:15px;
	 /*overflow:hidden;*/
	 color:#FFF;
	 line-height: 14px;
}
.tab_cha .cbar{ /* color bar */
	position:relative;
	margin-bottom:2px;
}
.tab_cha .hbar{ /* sufijo horas */
	position:absolute;
	left: 100%;
	padding-left:5px;
	top: 0;
	color: #333;
}
div.levelball {
	background-color:#333;
	border:#FFF solid 1px;
	color:#FFF;
	font-weight:bold;
	border-radius:12px;
	width:18px;
	height:18px;
	text-align:center;
	cursor:pointer;
	font-size: 13px;
}
.ui-datepicker-calendar th span{
	color:#333333;
}
/* tostadas */
.toaster{
	margin: 0 12px;
	font-size: 0;
}
.toast{
	border: 1px solid #CCC;
	margin: 5px;
	padding: 0px 0px 0px 50px;
	color: #FFF;
	width: 120px;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
	background-color: #0577CC;
	cursor: pointer;
}
.toast::before{
	content: '';
	position: absolute;
	margin: 0px -50px;
	width: 50px;
	height: 40px;
	background-image: url(../img/ext_.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	filter: contrast(0%) brightness(200%);
}
.toast.toast_meter{
	color: #FFF;
	background-color: #777;
}
.toast.toast_report{
	color: #333;
	background-color: #999;
}
.toast.toast_meter div{
	opacity: 0.8;
}
.toast.toast_meter .toast_title{
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
}
.toast.toast_meter .toast_subtitle{
	font-size: 12px;
	line-height: 12px;
}
.toast.toast_meter .toast_value{
	font-size: 14px;
	line-height: 14px;
}
/* 0080FF */
/* -10 62 */

iframe{
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}