@font-face {
	font-family: 'Orbitron';
	font-style: normal;
	font-weight: 400;
	src: local('Orbitron Regular'), local('Orbitron-Regular'), url(fonts/Orbitron.ttf) format('truetype');
  }
  
.logo {
	font-weight: bold;
	font-family: Orbitron;
	color: #eee;
	margin-top: -10px;
}

.myClass{
	color: #eee;
}

.cursor {
cursor: pointer;	
}
.fieldset {
	background: #FDFDFD;
}
.fail {
	background: #FF6464;
	color: #fff;
	font-size:20px;
	padding-left:10px;
}
#spin {
	margin-top:3px;
	width: 25px;
	opacity:0.3;
	display:none;
}
.logo img {
	height: 30px;
	margin-top:-12px;
	margin-right: 6px;
}
.fmt_value {
	font-family: monospace;
	font-size: 12px;
	text-align: right;
}
.password_recovery {
	text-align: right;
}
.password_recovery a {
	font-size: 12px;
	text-decoration: none;
	color: #999;
	border-bottom: 1px dotted #444;
}
.password_recovery a:hover {
	color: #444;
	border-bottom: 1px solid #444;
}
	
.aright { text-align: right; }
.aleft { text-align: left; }
.acenter { text-align: center; }
.fleft { float: left; }
.fright { float: right; }
.fclear { clear: both; }
.hidden { display: none; }
.valign{ display: table-cell;
    vertical-align: middle; }
.recorrido-container {
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.acenterRed { text-align: center; color: red; }


.white {
	background: #fff;
}
.chart {
	border: 1px solid #fff;
}
.chart_title {
	padding: 4px 0 6px 12px;
	color:#888;
	background: #fff;
}
.chart_icon{
	color: #888;
	background: #fff;
}
.ssrs_report {
	width:100%;
	height:100%;
}

.result_container {
	background: #ddd;
}

#ssrs_report_chart {
	width:95%;
	height:95%;
}

#filter_stat {
	background: #000;
	position: relative;
	width: 800px;
	/*top:-250px;*/
	top: -65px;
	font-size: 14px;
	right: -20px;
	line-height: 18px;
	color: #ddd;
	padding: 6px;
	opacity: 0.8;
	box-shadow: 2px 2px 1px #888888;
}
#filter_stat a {
	color: #eee;
	text-decoration: none;
	text-align: center;
	padding: 4px;
	font-weight: bold;
	display: block;
}
#filter_stat a {
	text-decoration: underline;
}

#filter_stat .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}

#heatMapReference {
	background: #2b272a;
	position: relative;
	width: 300px;
	/*top:-250px;*/
	top: -170px;
	font-size: 14px;
	right: -20px;
	line-height: 18px;
	color: #000000;
	padding: 6px;
	opacity: 1.0;
	height:150px;
}

#heatMapReference .boxLine{
	background:#c6c5c5;
	top:20px;
	width:100%;
	height:2px;
}
#heatMapReference .textLine{
	padding-top:10px;
}

#heatMapReference .boxGradient
{
	/*background: linear-gradient(90deg, #00ff00 , #ff0000);*/
	width: 100%;
	height:20px;
}

#heatMapReference .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
}



.turn_highlight {
	background: #E6FECE;
}
.link {
	text-decoration: underline;
	cursor: pointer;
}

.linkDasboardCard {
	cursor: pointer;
}
.red {
	background: #FF7272;
}
.yellow {
	background: #E3DD2C;
}
.green {
	background: #9EFF9E;
}
.gray {
	background: #F7F7F7;
}
.gray2 {
	background:#ddd;
}
.tddisabled {
	background: #F5F5F5;
	color: #666;
}
.blgray {
	border-left: 1px solid #DDD;
}
.blgray_bold {
	border-left: 2px solid #DDD;
}
.brgray_bold {
	border-right: 2px solid #DDD;
}
.bgblue {
	background: #D2E3EF;
}
.bold {
	font-weight: bold;
}
.i {
	font-style: italic;
}
.path_sub {
	height:100%;
	width:100%;
}
.pointer {
	cursor:pointer;
}
.multiline {
	line-height: 24px !important;
}
#message {
	font-family: FontAwesome;
	font-size: 14px;
}
#message .title {
	background: #27AE60;
	font-weight: bold;
	color: #fff;
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#message .body {
	padding: 20px;
}
#message .text {
	padding: 16px;
	margin-bottom: 10px;
	color: red;
}
#message input {
	border: 1px solid #eee;
	padding: 8px;
	width: 140px;
	background: #fff;
	border-radius: 4px;
	color: #666;
}
#message input:hover {
	border: 1px solid #444;
	color: #444;
}

.font_big {
	font-size: 22px;
}
.font_med {
	font-size: 16px;
}

#username {
	position:relative;
}
.font_small {
	font-size: 12px;
}
.font_tiny {
	font-size: 10px;
}
.uc {
	text-transform: uppercase;
}
.following_tool {
	height: 80px;
	text-align: center;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	border:0;
}
.disabled {
	color: #ccc;
	pointer-events: none;
}
.selected {
	background: #ddd;
	color: #3498DB;
}
.following_tool:not(.disabled):hover {
	cursor: pointer;
	background: #ddd;
	color: #3498DB;
}
.following_avp {
	height: 80px;
	text-align: center;
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	border:0;
}
.following_avp .attr {
	font-size: 12px;
	font-weight: bold;
	color: #2F25AC;
}
.following_avp .value {
	font-size: 14px;
	word-wrap:break-word;
	font-weight: bold;
	line-height:20px;
	color: #333;
	
}

.alert_icon {
	position:relative;
	padding:1px 4px 1px 4px;
	top:-10px;
	left:-10px;
	color: #222;
	font-size:10px;
}
.alert {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	margin:0;
	padding:0;
}
.alert_grid {
	text-align:center;
	border-radius:3px;
	font-size:12px;
	height:24px;
	margin:4px;
	line-height:22px;
	width:90px;
}
.panic_modal {
	font-weight: bold;
	color: red;
	text-align: center;
	font-size: 20px;
}

.alert_panic {
	background: red;
	animation: blinker 1s linear infinite;
}
@keyframes blinker {  
  50% { opacity: 0; }
}
.alert_ok {
	background: #6EDD00;
}
.alert_warning {
	background: #E3DD2C;
	color: red;
}

.alert_adelantado {
	background: red;
}

.alert_adelantadoDashboard {
	background: #aa0000;
}

.bus_atrasado{
	background: #e8eb42;
}
.bus_adelantado{
	background: #ffa07a;
}
.bus_aTiempo{
	background: #90ee90;
}

.alert_atrasado {
	background: #E3DD2C;
}

.alert_ShftClosed{
	background: #AAAAAA;
}

.alert_WithoutComunication{
	background: #555555;
}

.alert_OnError{
	background: #FA0000;
}

.alert_invalid{
	background: #731E1E;
}
						
.alert_shift_closed {
	background: #aaa;
	color: #fff;
}
.alert_black {
	background: #444;
	color: #eee;
}
.selectBus {
	text-align:center;
	color: #888;
	font-size:12px;
}
.pager {
	text-align:right;
	font-size: 10px;
}
.main {
	background: #F4F4F4;
}

.main_title {
	font-size: 24px;
	font-weight: bold;
}
.main_subtitle {
	font-size: 20px;
	font-weight: bold;
}
.map {
	margin:0;
	padding:0;
	height: 100%;
	background: #EEE;
}
#map_visibility {
	position:absolute;
	margin-top:60px;
	font-size:20px;
	color:#666;
	left:14px;
	z-index:1000000;
}
#map_visibility:hover {
	cursor:pointer;
}
.win_title {
	background: #27AE60;
	color: #fff;
	text-align: left;
	font-weight: bold;
	padding-left: 8px;
}

.menu .webix_tree_item {
	height: 40px;
	line-height: 40px;
}
.webix_tree .webix_scroll_cont > .webix_tree_leaves {
	padding: 0;
}
.menu.webix_view{
	background: #f1f1f1 !important;
}
.menu .webix_tree_item.webix_selected , .menu .webix_tree_item.webix_selected span{
	background-color: #27ae60;
	padding-right:0;
}
.menu .webix_tree_branch_1 .webix_tree_item{
	/*padding-left:10px;*/
	padding-left:24px;
	padding-right:10px;
}
.menu .webix_tree_branch_1>.webix_tree_item{
	/*padding: 5px 12px;*/
	padding: 5px 0 4px 0;
	line-height:40px;
	/*font-size: 12px;
	text-transform: uppercase;*/
}
.menu .webix_tree_branch_1{
	border-bottom:1px solid #e5e5e5;
}
.menu .webix_tree_item.webix_selected span, .menu .webix_tree_item span{
	margin:0;
	padding:1px;
}

.menu .webix_tree_item.webix_selected .webix_icon{
	color: #fff;
}
.menu .webix_icon{
	width: 25px;
	padding-left: 12px !important;
	text-align: center;
}
.menu .dashboard .webix_icon{
	font-size: 18px;
}

.menu .webix_tree_leaves .webix_tree_leaves {
	margin-left: 0px;
}

.tiles{
	
	background: #f4f4f4;
	border:0;
}
.tiles .webix_template{
	margin-top:8px;
	padding:0 5px 0 5px;
}
/* begin: jQuery UI Datepicker moving pixels fix */
	table.ui-datepicker-calendar {border-collapse: separate;font-size: 12px;}
	.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */
/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
	
	background: #743620 none; /* a color that fits the widget theme */
	color: white; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */

.flex_tmp{

	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
}
.flex_tmp .item{
	border-radius: 3px;
	position: relative;
	min-width: 100px;
	height: 90px;
	padding-top: 10px;
	margin: 11px 5.5px 0px 5.5px;
	color: #fff;
	-ms-box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;               /* Firefox 19- */
	-ms-flex: 1 1 0px;                    /* TWEENER - IE 10 */
	-webkit-flex: 1 1 0px;                /* NEW - Chrome */
	flex: 1 1 0px;
}
.flex_tmp .item .icon{
	padding-left:10px;
	height: 73px;
	padding-top:7px;
	display: block;
	width: 30%;
	font-size: 50px;

	color:rgba(255, 255, 255, 0.17);
}
.flex_tmp .item .details{
	position: absolute;
	top:10px;
	right: 10px;
/*width: 10vw;*/
}
.flex_tmp .item .value{
	font-size: 17px;
	text-align: right;
}
.flex_tmp .item .text{
	font-size: 15px;
	text-align: right;
}
.tiles .warning{
	background-color: #E5E44F;
}
.tiles .ontime{
	background-color: #ADE478;
}
.tiles .diagchange{
	background-color: #f19b60;
}
.tiles .panic{
	background-color: #FF6969;
}
.tiles .generalsAlerts{
	background-color: #1685d1;
}
.tiles .infractionsAlerts{
	background-color: #ce65c8;
}
.tiles .urgentsAlerts{
	background-color: #FF6969;
}

.flex_tmp .footer{
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	background:rgba(0, 0, 0, 0.05);
}
.flex_tmp .footer .webix_icon{
	font-size: 14px;
}
.service_turn_detail {
	padding:0;
	line-height: 20px;
	font-size: 14px;
	margin:0;
	vertical-align: top;
}
.webix_icon_count {
	background-color: #eb6e1a;
	border-radius: 50%;
	font-size: 12px;
	height: 22px;
	min-width: 22px;
	line-height: 17px;
	box-sizing: border-box;
	-moz-box-sizing: boder-box;
	-webkit-box-sizing: boder-box;
	padding: 0 4px;
	text-align: center;
	line-height: 22px;
	position: absolute;
	right: 0;
	top: 0;
}
.webix_template {
	padding:0;
	border: 0;
}
.filters_form {
	background:green;
}


#path_ref_list {
	position: fixed;
	top: 160px;
	right: 40px;
	border-radius: 4px;
	width: 300px;
	height: 464px;
	background: #222;
	opacity: 0.9;
	color: #eee;
	font-size: 14px;
	font-family: arial;
	z-index:10000;
}

#path_ref_list .title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 14px;
	padding-bottom: 6px;
}

#path_ref_list .toggle {
	font-size: 12px;
	padding: 6px;
	text-align:right;
	padding: 8px 16px 8px 16px;
}

#path_ref_list .toggle span {
	margin-left: 10px;
}

#path_ref_list .toolbox {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#path_ref_list .toolbox span {
	margin-left: 10px;
	margin-right: 10px;
}

#path_ref_list .summary {
	margin: 10px;
	text-align: center;
	font-size: 12px;	
}
#path_ref_list .summary span {
	margin-right: 16px;
}

#path_ref_list ul {
	margin: 0;
	padding: 0;
	height: 330px;
	overflow-y: scroll;
	border: 1px solid #444;
	list-style-type: none;
}

#path_ref_list li {
	border-bottom: 1px solid #444;
	padding: 10px;
	cursor:pointer;
}

#path_ref_list li .number {
	font-weight: bold;
	width: 26px;
	text-align: center;
	float:left;
	font-size: 12px;
}

#path_ref_list .name {
	float: left;
	width: 150px;
	overflow-x: none;
	font-size: 12px;
}

#path_ref_list .ref_type_cnt {
	width: 54px;
	text-align:right;
}
.ref_type {
	padding: 4px;
	border-radius: 4px;
	font-size: 10px;
	color: #EEE;
	margin-right: 4px;
	font-weight: bold;
}


.is_terminal {
	background: #1D9A26;
}

.is_stop {
	background: #989907;
}

.is_sector {
	background: #033AC3;
}

.tor {
	background: #DDD;
}

#path_ref_list .tools {
	width: 50px;
	text-align: center;
	margin-left: 10px;
}
#path_ref_list .tools span {
	font-size: 14px;
}
#shift {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  height:100%;
}


.divert {
	line-height: 23px;
	height:50px;
}

#chat {
	font-size:14px;
}

#chat .chat_recv {
	background:#ddd;
	text-align:right;
	margin:4px;
	padding:10px;
	width:300px;
	border-radius:0 10px 10px 10px;
}

#chat .chat_recv_err {
	background:#FFA9A9;
	text-align:right;
	margin:4px;
	padding:10px;
	width:300px;
	border-radius:0 10px 10px 10px;
}

#chat .src {
	font-weight:bold;
	font-size:12px;
}

#chat .date {
	font-size:12px;
	font-weight:bold;
}

#chat .chat_send {
	background:#DCF8C6;
	text-align:left;
	margin:4px;
	padding:10px;
	width:300px;
	border-radius:10px 0 10px 10px;
}


#map_canvas {
	background:#eeeeee;
}
.win_title.winTitleProfile {
	padding-left: 25px;
}
.titleDataExtended {
	line-height: 44px;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #ccc;
}
.descProfileStyle{
	margin-top: 10px !important;
	margin-left: 20px !important;
}
.contentAccordionProfile {
	overflow-y: auto;
	width: 754px !important;
	margin-left: 25px !important;
}
.checkboxCustomProfile input[type='checkbox']{
	margin-top: 3px !important;
}
.accordionitemProfile .webix_accordionitem_label{
	color: #FFF;
	background-color: #27AE60;
	font-size: 14px;
	font-weight: bold;
	padding-left: 17px;
}
.accordionitemProfile .webix_accordionitem_button {
	color: #FFF;
	/*float: left;*/
}
.comboProfile .webix_inp_static, .descProfileStyle input {
	border-radius: 4px;
}
.comboProfile span.webix_input_icon {
	background-color:transparent;
	color: #666;
}
.nivel_2 .webix_accordionitem_header {
	color: #27AE60;
	background-color: transparent;
}

.accordionitemProfile.nivel_2 .webix_accordionitem_label,
.accordionitemProfile.nivel_2 .webix_accordionitem_button,
.accordionitemProfile.nivel_2.collapsed .webix_accordionitem_button {
	padding-left: 20px;
	color: #666;
	background-color: #EAEAEA;
	border: 0;
	font-weight: 500;
}

.accordionitemProfile.nivel_2 .webix_accordionitem_label {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	padding-left: 17px;
}
.accordionitemProfile.nivel_3 .webix_accordionitem_label,
.accordionitemProfile.nivel_3 .webix_accordionitem_button,
.accordionitemProfile.nivel_3.collapsed .webix_accordionitem_button {
	padding-left: 30px;
	color: #86D27A;
	background-color: #f6f6f6;
	border: 0;
}
.accordionitemProfileLeaf {
	 width: auto !important;
}
.accordionitemProfileLeaf .webix_accordionitem_body {
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	padding: 10px 20px;
}

.accordionitemProfileLeaf .webix_el_checkbox {
	padding-bottom: 5px;
}
.webix_el_checkbox label {
	font-size: 13px;
}

.accordionitemProfileLeaf .webix_el_checkbox .webix_label_right {
	padding-top: 0;
}
.btnSubmitProfile button {
	background-color: #27ae60;
	color: #FFF;
}
.btnSubmitProfile {
	margin-right: 20px;
}

.btnCloseProfile button {
	background-color: transparent;
	color: #333;
	border: 1px solid #666;
}
.btnCloseProfile button:hover, .btnCloseProfile button:active, .btnCloseProfile button:focus{
	background-color: #efefef;
	box-shadow: none;
}
.accordionitemProfile {
	width: 737px !important;
}
.accordionitemProfile .webix_layout_line{
	width: auto !important;
}
.add-comment .webixtype_form{
	background: #3498db !important;
	border-color: #3498DB !important;
}
.add-comment:hover .webixtype_form{
	background: #2887c7 !important;
}

.paradaAdelantado{
	background-color: #f3e331;
	color: #FFF;
}

.paradaAtrasado{
	background-color: #ffa800;
	color: #FFF;
}
.paradaOk{
	background-color: #35f331;
	color: #FFF;
}
.paradaExcedido{
	background-color: #fb0808;
	color: #FFF;
}

.paradaNoAplica{
}

#tip_canvas {
	    background-color:white;
	    border:1px solid blue;
	    position:absolute;
	    left:-500px;
	    top:100px;
	}

.urgentNotifications .webix_badge{
	background-color: red;
	animation: blink-animation 0.5s infinite;
}
.generalNotifications .webix_badge{
	background-color: #1685d1;
}

@keyframes blink-animation {
	0% {
	  opacity: 1;
	}
	50% {
	  opacity: 0;
	}
	100% {
	  opacity: 1;
	}
}
.center-icon {
	border-radius: 6px;
}
.center-icon .webix_img_btn {
	border: 1px solid #dddddd;
	text-align: center;
}