@import url('fonts/fonts.css');

html{
	height: 100%;
}
body{
	background: white;
	margin: 0;
	font : 13px 'Lato', Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 1;
	height: 100%;
}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important;padding: 1em;
}


a{
	text-decoration: none;
	color: #444444;
	outline: none;
}
h1{
	font-size: 16px;
	margin: 0;
}
h2, h3, h4, h5{
	font-size: 14px;
	margin: 0;
}

p { margin: 0; padding: 0; }

img {
	border: 0; 
}
form{
	margin: 0px;
	padding: 0px;
}
input, select, textarea{
	vertical-align: middle;
	outline: none;
}
label{
	vertical-align: middle;
}
hr{
	color: #D3E5F7;
	height: 1px;
	border: 0;
	margin: 0;
	border-bottom: 1px solid #D3E5F7;
}
ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
/*---------------Layout------------------------------*/
#main_center{	
	margin: 0 auto;	
	width: auto;
	position: relative;
	height: 100%;
}
/*---------------Common------------------------------*/
.clear{
	clear: both;
	overflow: hidden;
	height: 0px;
	display: block;
}
.f-left{
	float: left !important;
}
.f-right{
	float: right !important;
}
.a-left{
	text-align: left !important;
}
.a-right{
	text-align: right !important;
}
.a-center{
	text-align: center !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bababa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bababa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bababa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #bababa;
}
/*---------------------------------------------------*/
.button1{
	background: #444444;
	color: white !important;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 30px;
	font-size: 13px;
	text-align: center;
	text-decoration: none !important;
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.button1:hover{
	background-color: #616161;
}
.button1.block{
	display: block;
}
.button1.red{
	background-color: #DF4129;
}
.button1.red:hover{
	background-color: #df5642;
}

.button1.blue{
	background-color: #08A5F2;
}
.button1.blue:hover{
	background-color: #28b1f7;
}
/*---------------------------------------------------*/
.checkbox1{
	background: url(../images/bg_checkbox1.png) no-repeat left center;
	padding-left: 17px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	font-size: 12px;
	min-height: 13px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.checkbox1.active{
	background-image: url(../images/bg_checkbox1_active.png);
}

.checkbox2{
	background: url(../images/bg_checkbox2.png) no-repeat left center;
	padding-left: 32px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	font-size: 13px;
	min-height: 22px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	line-height: 22px;
}
.checkbox2.active{
	background-image: url(../images/bg_checkbox2_active.png);
}

.radiobutton1{
	background: url(../images/bg_radiobutton1.png) no-repeat left center;
	padding-left: 30px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	font-size: 13px;
	min-height: 22px;
	line-height: 22px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.radiobutton1.active{
	background-image: url(../images/bg_radiobutton1_active.png);
}
/*---------------------------------------------------*/
.slider2{
	background: white;
	height: 29px;
	border: 0;
}
.slider2 .sliderarea{
	background-color: #F7F7F7;
	height: 9px;
	border: 1px solid #A8A8A8;
	
}
.slider2 .ui-slider-range{
	background: #cacaca !important;
	left: 1px;
	top: 1px;
	height: 9px;
	border-radius: 0;
}
.slider2 .sliderarea .ui-slider-handle { 
	background: #00A3EE;
	display: block;
	width: 11px;
	height: 29px;	
	overflow: hidden;
	border: 0;
	border-radius: 0;
	margin-left: -4px;
	top: -9px;
	cursor: pointer;
}
/*---------------------------------------------------*/
table.datatable2{
	background: white;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #E7E7E7;
	font-size: 13px;
	line-height: 1.3;
	border-spacing: 0;
}
table.datatable2 td,
table.datatable2 th{
	border: 1px solid #E7E7E7;
	padding: 8px 10px;
}
table.datatable2 th{
	background-color: #F7F7F7;
}
table.datatable2 thead td{
	background-color: #F7F7F7;
}
table.datatable2 tfoot td{
	background-color: #F1F7FE;
	font-weight: bold;
}
/* jQueryui modifications---------------------*/
.ui-widget{
	line-height: 1.2;
	font-size: 11px;
}
/*---------------------------------------------------*/
#overlay{
	background-color: black;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	z-index: 10;
	display: none;
}
/*---------------------------------------------------*/
.map_container{
	background: #D1E4C7;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
}
.map_container iframe{
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.map_container img.sample{
	border: 0;
	display: block;
}
/*---------------------------------------------------*/
.panel_left{
	
}
.panel_top{
	
}
.panel_right{
	background: white;
	position: absolute;
	top: 80px;
	right: 5px;	
	width: 260px;
}

.panel_center{
	
}
.panel_minimize{
	position: absolute;
	left: 370px;
	bottom: 10px;
}
/*---------------------------------------------------*/
.panel_left{
	background: white;
	height: auto;	
	position: absolute;
	left: -282px;
	top: 10px;
	width: 313px;
	padding: 13px 10px;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	
	-webkit-transition: all 1s cubic-bezier(.47,.11,0,.89); 
	   -moz-transition: all 1s cubic-bezier(.47,.11,0,.89);
           transition: all 1s cubic-bezier(.47,.11,0,.89);
}

.panel_left.opened {				
	height: 90%;
	height: calc(100% - 48px);
		
	left: 5px;
}

.panel_left .openarrow{
	background: url(../images/bg_leftpanel_arrow.png) no-repeat center;
	display: block;
	width: 52px;
	height: 55px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: all 1s cubic-bezier(.47,.11,0,.89); 
	   -moz-transition: all 1s cubic-bezier(.47,.11,0,.89);
           transition: all 1s cubic-bezier(.47,.11,0,.89);
}
.panel_left.opened .openarrow{
	opacity: 0;
}

.panel_left .logo{
	background: url(../images/_logo_belso.png) no-repeat;
	width: 269px;
	height: 29px;
	display: block;
	margin: 0 auto 0 auto;
	text-indent: -10000px;	
	cursor: pointer;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	opacity: 0;
	-webkit-transition: all 1s cubic-bezier(.47,.11,0,.89); 
	   -moz-transition: all 1s cubic-bezier(.47,.11,0,.89);
           transition: all 1s cubic-bezier(.47,.11,0,.89);
}
.panel_left.opened .logo{
	opacity: 1;
}
.panel_left .pcontent{
	display: none;
	height: calc(100% - 39px);
}


.panel_left.opened .pcontent{
	display: block;
}
.panel_left.opened .logo{
	margin-bottom: 10px;
}

.panel_left .filterform{
	
}
.panel_left .filterform input[type=text]{
	width: 291px;
}

.panel_left .scrollbox{	
	height: 90%;
	height: calc(100% - 33px);	
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}

.panel_left .scrollbox.scrollactive{
	width: 330px;
	padding-right: 11px;
}
/*.panel_left .scrollbox.scrollactive:hover{
	overflow-y: auto;
	width: 330px;
	padding-right: 11px;
}*/
.panel_left  .list_info{
	text-align: center;
	font-size: 12px;
	margin-bottom: 10px;
}
.panel_left .groups{
	margin: 10px 0;
	border: 1px solid #ECECEC;
	border-bottom: 0;
}
.panel_left .groups .group_item{
	
}
.panel_left .groups .group_item > .handle{
	background: #08A5F2 url(../images/bg_group_handle.png) no-repeat 5px center;
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	display: block;	
	border-bottom: 1px solid #ECECEC;
	cursor: move;
}

.panel_left .devices{
	background: #08A5F2;
	padding-left: 13px;
	min-height: 51px;
}
.panel_left .devices .device_item{
	background: white;
	position: relative;
}
.panel_left .devices .device_item .itembar{
	position: absolute;
	left: -13px;
	top: 0;
	width: 13px;
	height: 99%;
	height: calc(100% - 1px);
	display: block;	
	z-index: 2;
	border-bottom: 1px solid #ECECEC;
}
.panel_left .devices .device_item .itembar .handle{
	background: #08A5F2 url(../images/bg_group_handle.png) no-repeat center;
	display: block;
	height: 100%;
	cursor: move;	
}
.panel_left .devices .device_item.opened .handle{
	background-image: none;
	display: none;
}
/* device_item header */
.panel_left .devices .device_item .head{	
	overflow: hidden;
	height: 30px;
	padding: 10px 14px 10px 7px;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	cursor: pointer;
}
.panel_left .devices .device_item .head a{
	display: block;
	width: 100%;	
}
.panel_left .devices .device_item .head .ico_status{
	display: block;
	width: 30px;
	height: 30px;
	float: left;
	margin-right: 10px;
	fill: #444444;	
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_left .devices .device_item.opened .head .ico_status{
	fill: #08A5F2;	
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel_left .devices .device_item .head .name{
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width: 220px;
	line-height: 30px;
}
.panel_left .devices .device_item .head .name:hover{
	color: #08A5F2;
}
.panel_left .devices .device_item svg{
	width: 100%;
	height: 100%;
}
.panel_left .devices .device_item .head .buttons{
	position: absolute;
	right: 14px;
}
.panel_left .devices .device_item .head .buttons .button{
	background: #E7E7E7;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
}
.panel_left .devices .device_item .head .buttons .button.speed{
	
}
.panel_left .devices .device_item .head .buttons .button.position{
	padding: 0 6px;
	width: 18px;
	stroke: #0ec012;
	fill: #0ec012;
}
.panel_left .devices .device_item .head .buttons .button.position.yellow{
	stroke: #e3c200;
	fill: #e3c200;
}
.panel_left .devices .device_item .head .buttons .button.position.red{
	stroke: #db0000;
	fill: #db0000;
}
.panel_left .devices .device_item .head .buttons .button.position.grey{
	stroke: #E7E7E7;
	fill: #F1EDE7;
}

.panel_left .devices .device_item .head .buttons .button.position.blink svg{
	animation: blink 0.5s infinite;
   -webkit-animation: blink 0.5s infinite;
}

@keyframes blink {
	to {
  	opacity: 0;
	}
}
@-webkit-keyframes blink {
	to {
	opacity: 0;
	}
}

/* device_item content */
.panel_left .devices .device_item .content{
	background: white;
	display: none;
	overflow: hidden;
	line-height: 1.3;
	border-bottom: 0 solid #ECECEC;
	padding: 10px;
	/*-webkit-transition: all 1s cubic-bezier(0, 1.05, 0, 1); 
	   -moz-transition: all 1s cubic-bezier(0, 1.05, 0, 1);
           transition: all 1s cubic-bezier(0, 1.05, 0, 1);  */	
}
.panel_left .devices .device_item.opened .content{
	border-bottom: 1px solid #ECECEC;
	display: block;
}

.panel_left .groups > .placeholder{
	width: 311px;
}
.panel_left .placeholder{
	background: #f0f0f0;
	width: 298px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3) inset;
}

/* device_item menu */
.panel_left .devices .device_item.opened .content nav.menu{
	margin: -10px -10px 10px -10px;
	font-size: 10px;
	text-transform: uppercase;
}
.panel_left .devices .device_item.opened .content nav.menu ul{
	overflow: hidden;	
	border-bottom: 1px solid #ECECEC;
}
.panel_left .devices .device_item.opened .content nav.menu ul li{
	float: left;
	width: 74px;
	
	border-right: 1px solid #ECECEC;
}
.panel_left .devices .device_item.opened .content nav.menu ul li:last-child{
	width: 73px;
	border-right: 0;
}
.panel_left .devices .device_item.opened .content nav.menu ul a{
	display: block;
	padding-top: 16px;
	height: 58px;
	text-align: center;
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_left .devices .device_item.opened .content nav.menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
.panel_left .devices .device_item.opened .content nav.menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}

.panel_left .devices .device_item.opened .content nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
}

/* device_item menu_content */
.panel_left .devices .device_item .content .menu_content{
	
}
.panel_left .devices .device_item .content .menu_content .item{
	display: none;
}
.panel_left .devices .device_item .content .menu_content .item.opened{
	display: block;
}
/* device_item datatable1 */
.panel_left .devices .device_item .content table.datatable1{
	width: 100%;
	border-spacing: 0;
	margin-bottom: 10px;
}
.panel_left .devices .device_item .content table.datatable1 td{
	width: 50%;
	padding: 5px 0;
}

.panel_left  .innerform input.size1{
	width: 175px;
	margin-right: 5px;
}
.panel_left  .innerform input.size2{
	width: 50px;
}
.panel_left  .innerform select{
	width: 100%;
}
.panel_left .button_container{
	text-align: center;
	margin: 10px 0;
}


.panel_left .route{
	
}
.panel_left .route .button_container{
	margin: 20px 0;
}
.panel_left .route .button1{
	width: 130px;
	padding: 0;
	margin: 0 2px;
}
.panel_left .route .date{
	background: #F7F7F7;
	display: block;
	font-size: 13px;
	padding: 15px 14px;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;	
	margin: 0 -10px 20px -10px;
}

.panel_left .route  ul.items{
	border-left: 5px solid #00C100;
	margin-left: 10px;
	font-size: 13px;
	line-height: 1.5;
}
.panel_left .route  ul.items li{
	padding: 0 20px 0 20px;
	position: relative;
	margin-bottom: 10px;
}
.panel_left .route  ul.items .item_top{
	height: 30px;
	line-height: 30px;
}
.panel_left .route  ul.items .item_top .ico{
	background: white no-repeat center;
	display: block;
	width: 22px;
	height: 22px;
	line-height: 23px;
	border-radius: 15px;
	border: 4px solid #00C100;
	color: #00C100;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	position: absolute;
	left: -17px;
	top: 0;
}


.panel_left .route  ul.items .item_top .ico.wait{
	background: black no-repeat center;
	display: block;
	width: 22px;
	height: 22px;
	line-height: 23px;
	border-radius: 15px;
	border: 4px solid #00C100;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	position: absolute;
	left: -17px;
	top: 0;
}

.panel_left .route  ul.items .item_top .ico.start{ background-image: url(../images/ico_start.png); background-position: 9px center; }
.panel_left .route  ul.items .item_top .ico.stop{ background-image: url(../images/ico_stop.png); }
.panel_left .route  ul.items .item_top .ico.pause{ background-image: url(../images/ico_pause.png); }

.panel_left .route  ul.items .item_top  .opener{
	background: white url(../images/bg_plus.png) no-repeat center;
	display: block;
	width: 17px;
	height: 17px;
	border: 1px solid #00C027;
	position: absolute;
	right: 0;
	top: 6px;
	cursor: pointer;
}
.panel_left .route  ul.items li.opened .item_top .opener{
	background-image: url(../images/bg_minus.png);
}

.panel_left .route  ul.items .item_top .time{
	display: inline-block;
	width: 42px;
}
.panel_left .route  ul.items .item_top .title{
	font-weight: bold;
}
.panel_left .route  ul.items .details{
	display: none;
}
.panel_left .route  ul.items li.opened > .details{
	display: block;
}

.panel_left .route  ul.items .details_left_gps{
	display: none;
}
.panel_left .route  ul.items li.opened > .details_left_gps{
	display: block;
}

.panel_left .route  ul.items p{
	margin: 8px 0;
}


.panel_left .route ul.inner_data{
	
}
.panel_left .route ul.inner_data > li{
	padding: 0;
	position: relative;
}
.panel_left .route ul.inner_data li:last-child{
	margin-bottom: 0;
}
.panel_left .route ul.inner_data > li ul{
	padding: 15px 0;
	display: none;
}
.panel_left .route ul.inner_data li.opened ul{
	display: block;
}
.panel_left .route ul.inner_data  .circle{
	background: white no-repeat center;
	display: block;
	width: 12px;
	height: 12px;
	line-height: 12px;
	border-radius: 16px;
	border: 4px solid #00C100;
	color: #00C100;
	font-size: 8px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	position: absolute;
	left: -33px;
	top: 2px;
}
.panel_left .route ul.inner_data .opener{
	background: white url(../images/bg_plus2.png) no-repeat center;
	display: inline-block;
	width: 13px;
	height: 13px;
	border: 1px solid #00C100;
	cursor: pointer;
	vertical-align: middle;
	margin-right: 5px;
}
.panel_left .route ul.inner_data li.opened > .opener{
	background-image: url(../images/bg_minus2.png);
}
.panel_left .route ul.inner_data .title{
	vertical-align: middle;
	cursor: default;
}
.panel_left .route ul.inner_data .details{
	padding-left: 25px;
	display: none;
}
.panel_left .route ul.inner_data li.opened > .node_container > .details{
	display: block;
}

.panel_left .route ul.inner_data .details_left_gps{
    position: relative;
    left: -20px;
    width: 300px;
	display: none;
}
.panel_left .route ul.inner_data li.opened > .node_container > .details_left_gps{
	display: block;
}

.panel_left .route ul.inner_data .left_gps{
    position: relative;
    left: -20px;
    width: 300px;
	display: none;
}

/*colors*/
.panel_left .groups .group_item.group_color_1 > .handle{ background-color: #08A5F2; }
.panel_left .groups .group_item.group_color_1 .devices { background-color: #08A5F2; }
.panel_left .groups .group_item.group_color_1 .devices .device_item .itembar .handle { background-color: #08A5F2; }
.panel_left .groups .group_item.group_color_1 .devices .device_item.opened .head .ico_status{ fill: #08A5F2; }
.panel_left .groups .group_item.group_color_1 .devices .device_item.opened .content nav.menu ul a.active{ color: #22a7f0; fill: #22a7f0;}
.panel_left .groups .group_item.group_color_1 .devices .device_item.opened .content nav.menu ul a:hover{ color: #22a7f0; fill: #22a7f0;}
.panel_left .groups .group_item.group_color_1 .devices .device_item .head .name:hover{ color: #08A5F2; }

.panel_left .groups .group_item.group_color_2 > .handle{ background-color: #0BCD6E; }
.panel_left .groups .group_item.group_color_2 .devices { background-color: #0BCD6E; }
.panel_left .groups .group_item.group_color_2 .devices .device_item .itembar .handle { background-color: #0BCD6E; }
.panel_left .groups .group_item.group_color_2 .devices .device_item.opened .head .ico_status{ fill: #0BCD6E; }
.panel_left .groups .group_item.group_color_2 .devices .device_item.opened .content nav.menu ul a.active{ color: #0BCD6E; fill: #0BCD6E;}
.panel_left .groups .group_item.group_color_2 .devices .device_item.opened .content nav.menu ul a:hover{ color: #0BCD6E; fill: #0BCD6E;}
.panel_left .groups .group_item.group_color_2 .devices .device_item .head .name:hover{ color: #0BCD6E; }

.panel_left .groups .group_item.group_color_3 > .handle{ background-color: #E04129; }
.panel_left .groups .group_item.group_color_3 .devices { background-color: #E04129; }
.panel_left .groups .group_item.group_color_3 .devices .device_item .itembar .handle { background-color: #E04129; }
.panel_left .groups .group_item.group_color_3 .devices .device_item.opened .head .ico_status{ fill: #E04129; }
.panel_left .groups .group_item.group_color_3 .devices .device_item.opened .content nav.menu ul a.active{ color: #E04129; fill: #E04129;}
.panel_left .groups .group_item.group_color_3 .devices .device_item.opened .content nav.menu ul a:hover{ color: #E04129; fill: #E04129;}
.panel_left .groups .group_item.group_color_3 .devices .device_item .head .name:hover{ color: #E04129; }

.panel_left .groups .group_item.group_color_4 > .handle{ background-color: #9D56B8; }
.panel_left .groups .group_item.group_color_4 .devices { background-color: #9D56B8; }
.panel_left .groups .group_item.group_color_4 .devices .device_item .itembar .handle { background-color: #9D56B8; }
.panel_left .groups .group_item.group_color_4 .devices .device_item.opened .head .ico_status{ fill: #9D56B8; }
.panel_left .groups .group_item.group_color_4 .devices .device_item.opened .content nav.menu ul a.active{ color: #9D56B8; fill: #9D56B8;}
.panel_left .groups .group_item.group_color_4 .devices .device_item.opened .content nav.menu ul a:hover{ color: #9D56B8; fill: #9D56B8;}
.panel_left .groups .group_item.group_color_4 .devices .device_item .head .name:hover{ color: #9D56B8; }

.panel_left .groups .group_item.group_color_5 > .handle{ background-color: #FB9500; }
.panel_left .groups .group_item.group_color_5 .devices { background-color: #FB9500; }
.panel_left .groups .group_item.group_color_5 .devices .device_item .itembar .handle { background-color: #FB9500; }
.panel_left .groups .group_item.group_color_5 .devices .device_item.opened .head .ico_status{ fill: #FB9500; }
.panel_left .groups .group_item.group_color_5 .devices .device_item.opened .content nav.menu ul a.active{ color: #FB9500; fill: #FB9500;}
.panel_left .groups .group_item.group_color_5 .devices .device_item.opened .content nav.menu ul a:hover{ color: #FB9500; fill: #FB9500;}
.panel_left .groups .group_item.group_color_5 .devices .device_item .head .name:hover{ color: #FB9500; }

.panel_left .groups .group_item.group_color_6 > .handle{ background-color: #DF0559; }
.panel_left .groups .group_item.group_color_6 .devices { background-color: #DF0559; }
.panel_left .groups .group_item.group_color_6 .devices .device_item .itembar .handle { background-color: #DF0559; }
.panel_left .groups .group_item.group_color_6 .devices .device_item.opened .head .ico_status{ fill: #DF0559; }
.panel_left .groups .group_item.group_color_6 .devices .device_item.opened .content nav.menu ul a.active{ color: #DF0559; fill: #DF0559;}
.panel_left .groups .group_item.group_color_6 .devices .device_item.opened .content nav.menu ul a:hover{ color: #DF0559; fill: #DF0559;}
.panel_left .groups .group_item.group_color_6 .devices .device_item .head .name:hover{ color: #DF0559; }

.panel_left .groups .group_item.group_color_7 > .handle{ background-color: #426AB5; }
.panel_left .groups .group_item.group_color_7 .devices { background-color: #426AB5; }
.panel_left .groups .group_item.group_color_7 .devices .device_item .itembar .handle { background-color: #426AB5; }
.panel_left .groups .group_item.group_color_7 .devices .device_item.opened .head .ico_status{ fill: #426AB5; }
.panel_left .groups .group_item.group_color_7 .devices .device_item.opened .content nav.menu ul a.active{ color: #426AB5; fill: #426AB5;}
.panel_left .groups .group_item.group_color_7 .devices .device_item.opened .content nav.menu ul a:hover{ color: #426AB5; fill: #426AB5;}
.panel_left .groups .group_item.group_color_7 .devices .device_item .head .name:hover{ color: #426AB5; }

.panel_left .groups .group_item.group_color_8 > .handle{ background-color: #0DBB9B; }
.panel_left .groups .group_item.group_color_8 .devices { background-color: #0DBB9B; }
.panel_left .groups .group_item.group_color_8 .devices .device_item .itembar .handle { background-color: #0DBB9B; }
.panel_left .groups .group_item.group_color_8 .devices .device_item.opened .head .ico_status{ fill: #0DBB9B; }
.panel_left .groups .group_item.group_color_8 .devices .device_item.opened .content nav.menu ul a.active{ color: #0DBB9B; fill: #0DBB9B;}
.panel_left .groups .group_item.group_color_8 .devices .device_item.opened .content nav.menu ul a:hover{ color: #0DBB9B; fill: #0DBB9B;}
.panel_left .groups .group_item.group_color_8 .devices .device_item .head .name:hover{ color: #0DBB9B; }

.panel_left .groups .group_item.group_color_9 > .handle{ background-color: #D37470; }
.panel_left .groups .group_item.group_color_9 .devices { background-color: #D37470; }
.panel_left .groups .group_item.group_color_9 .devices .device_item .itembar .handle { background-color: #D37470; }
.panel_left .groups .group_item.group_color_9 .devices .device_item.opened .head .ico_status{ fill: #D37470; }
.panel_left .groups .group_item.group_color_9 .devices .device_item.opened .content nav.menu ul a.active{ color: #D37470; fill: #D37470;}
.panel_left .groups .group_item.group_color_9 .devices .device_item.opened .content nav.menu ul a:hover{ color: #D37470; fill: #D37470;}
.panel_left .groups .group_item.group_color_9 .devices .device_item .head .name:hover{ color: #D37470; }

.panel_left .groups .group_item.group_color_10 > .handle{ background-color: #579F5A; }
.panel_left .groups .group_item.group_color_10 .devices { background-color: #579F5A; }
.panel_left .groups .group_item.group_color_10 .devices .device_item .itembar .handle { background-color: #579F5A; }
.panel_left .groups .group_item.group_color_10 .devices .device_item.opened .head .ico_status{ fill: #579F5A; }
.panel_left .groups .group_item.group_color_10 .devices .device_item.opened .content nav.menu ul a.active{ color: #579F5A; fill: #579F5A;}
.panel_left .groups .group_item.group_color_10 .devices .device_item.opened .content nav.menu ul a:hover{ color: #579F5A; fill: #579F5A;}
.panel_left .groups .group_item.group_color_10 .devices .device_item .head .name:hover{ color: #579F5A; }

.panel_left .groups .group_item.group_color_11 > .handle{ background-color: #C45E28; }
.panel_left .groups .group_item.group_color_11 .devices { background-color: #C45E28; }
.panel_left .groups .group_item.group_color_11 .devices .device_item .itembar .handle { background-color: #C45E28; }
.panel_left .groups .group_item.group_color_11 .devices .device_item.opened .head .ico_status{ fill: #C45E28; }
.panel_left .groups .group_item.group_color_11 .devices .device_item.opened .content nav.menu ul a.active{ color: #C45E28; fill: #C45E28;}
.panel_left .groups .group_item.group_color_11 .devices .device_item.opened .content nav.menu ul a:hover{ color: #C45E28; fill: #C45E28;}
.panel_left .groups .group_item.group_color_11 .devices .device_item .head .name:hover{ color: #C45E28; }

.panel_left .groups .group_item.group_color_12 > .handle{ background-color: #3E8DC0; }
.panel_left .groups .group_item.group_color_12 .devices { background-color: #3E8DC0; }
.panel_left .groups .group_item.group_color_12 .devices .device_item .itembar .handle { background-color: #3E8DC0; }
.panel_left .groups .group_item.group_color_12 .devices .device_item.opened .head .ico_status{ fill: #3E8DC0; }
.panel_left .groups .group_item.group_color_12 .devices .device_item.opened .content nav.menu ul a.active{ color: #3E8DC0; fill: #3E8DC0;}
.panel_left .groups .group_item.group_color_12 .devices .device_item.opened .content nav.menu ul a:hover{ color: #3E8DC0; fill: #3E8DC0;}
.panel_left .groups .group_item.group_color_12 .devices .device_item .head .name:hover{ color: #3E8DC0; }
/*---------------------------------------------------*/
.dataform{
	
}
.dataform input[type=text],
.dataform input[type=password],
.dataform input[type=email]{
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 8px 10px;
}

.dataform input[disabled]{
	background-color: #F7F7F7;
}

.dataform select{
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 6px 5px;
}
.dataform select[disabled]{
	background-color: #F7F7F7;
}

.dataform .select_wrapper{
	background: white url(../images/bg_select.png) no-repeat right center;
	border: 1px solid #AAAAAA;
	overflow: hidden;
	display: block;
	vertical-align: middle;	
}
.dataform .select_wrapper select{
	background: transparent;
	border: 0;
	width: 100%;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

@-moz-document url-prefix() { 
  .dataform .select_wrapper select {
     width: 120%;
     width: calc(100% + 20px);
  }
}


.dataform .field{
	margin: 15px 0;
}
.dataform .field .label{
	margin-bottom: 10px;
	display: block;
}
.dataform .field .label.left{
	float: left;
	padding-top: 9px;
	width: 190px;
	margin-right: 10px;
}
.dataform .field .input{
	
}
.dataform .field .input.left{
	float: left;
}
.dataform .field .msg{
	display: none;
	color: #db0000;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 0;
}
.dataform .field.error .msg{
	display: block;
}

/*---------------------------------------------------*/
.panel_top{
	background: white;
	position: absolute;
	left: 50%;
	border: 1px solid #CCCCCC;
	border-top: 0;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	font-size: 12px;
	margin-left: -302px;
	min-width: 604px;
	
	-webkit-transition: all 0.5s cubic-bezier(.55,.11,.46,.81); 
	   -moz-transition: all 0.5s cubic-bezier(.55,.11,.46,.81);
           transition: all 0.5s cubic-bezier(.55,.11,.46,.81);
	
	top: -104px;
}
.panel_top.state1{
	top: -75px;
}
.panel_top.state2{
	top: 0;
}

.panel_top .info{
	width: 125px;
	height: 54px;
	line-height: 1.5;
	padding: 20px 15px 0 15px;
	float: left;
	border-right: 1px solid #ECECEC;
}
.panel_top nav.menu{
	font-size: 10px;
	text-transform: uppercase;
	float: left;
}
.panel_top nav.menu ul{
	overflow: hidden;	
}
.panel_top nav.menu ul li{
	float: left;
	width: 74px;	
	border-right: 1px solid #ECECEC;
}
.panel_top nav.menu ul li:last-child{
	width: 73px;
	border-right: 0;
}
.panel_top nav.menu ul a{
	display: block;
	padding-top: 16px;
	height: 58px;
	text-align: center;
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_top nav.menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
.panel_top nav.menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}
.panel_top nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
}
.panel_top nav.menu svg{
	width: 100%;
	height: 100%;
}

.panel_top .status_message{
	background: #00C100;
	color: white;
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -280px;
	width: 538px;
	border: 1px solid #CCCCCC;
	border-top: 0;
	padding: 10px;
	line-height: 1.3;
	text-align: center;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05) inset;
	font-size: 14px;
}
.panel_top .status_message.error{
	background-color: #df4129;
}
/*---------------------------------------------------*/
.map_settings{
	position: absolute;
	top: 10px;
	right: 5px;		
}
.map_settings .opener{
	background: white url(../images/bg_select.png) no-repeat right 16px;
	width: 58px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	padding-right: 23px;
	cursor: pointer;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	position: relative;
	z-index: 3;

}
.map_settings.opened .opener{
	border-bottom-color: white;
}
.map_settings .content{
	background: white;
	padding: 10px;
	border: 1px solid #CCCCCC;
	position: absolute;
	right: 0;
	top: 40px;
	width: 105px;
	z-index: 2;
	display: none;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.map_settings.opened .content{
	display: block;
}

.map_settings .checkbox1{
	display: block;
	width: auto;
	text-align: right;
	margin: 0 0 10px 0;
}
.map_settings .checkbox1:last-of-type{
	margin-bottom: 0;
}
.map_settings .hr{
	height: 1px;
	border-bottom: 1px solid #ECECEC;
	margin: 10px 0;
	overflow: hidden;
}
.map_settings .header{
	font-size: 13px;
	display: block;
	margin-bottom: 10px;
}
/*---------------------------------------------------*/
.window{
	background: white;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
}
.window.abspos{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
}
.window .top{
	background: #F7F7F7;	
	padding: 8px 10px 8px 20px;
	overflow: hidden;
	border-bottom: 1px solid #ECECEC;
}
.window .top .head_text{
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
	padding: 9px 0;
}
.window .top .head_text .ext{
	font-size: 12px;
}
.window .top .right_section{
	float: right;
	text-align: right;
}
.window .top .right_section .options{
	display: inline-block;
	vertical-align: middle;
}
.window .top .select_wrapper{
	width: 130px;
	display: inline-block;
}
.window .top .select_wrapper select{
	padding: 7px 5px;
}
.window .inner_content{
	border: 1px solid #ECECEC;
	padding: 15px;	
	margin-bottom: 20px;
}
.window .inner_content:last-child{
	margin-bottom: 0;
}
.window .button{
	background: #444444 no-repeat center;
	display: inline-block;
	vertical-align: middle;
	width: 34px;
	height: 34px;
	line-height: 31px;
	color: white;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.window .button:hover{
	background-color: #616161;
}
.window .button.close{
	background-image: url(../images/bg_close.png);
}
.window .button.minimize{
	background-image: url(../images/bg_minimize.png);
}

.window .top .right_section .button{
	margin-left: 5px;
}

.window .windowcontent{
	padding: 20px;	
}
.window .windowcontent .header{
	font-size: 14px;
	color: #22a7f0;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
}

/*minimized*/
.window.minimized{
	width: auto !important;
	position: static !important;
	float: left;	
	/*right: 5px !important;*/
	/*left: 370px !important;
	top: auto !important;
	bottom: 10px !important;*/
	margin: 0 10px 0 0 !important;
}
.window.minimized .windowcontent{
	display: none;
}
.window.minimized .top .right_section .options{
	display: none;	
}
.window.minimized .button.minimize{
	display: none;
}
.window.minimized .top .head_text{
	margin-right: 20px;
	cursor: pointer;
}
.window.minimized .top .head_text .ext{
	font-size: inherit;
}
.window.minimized .top .head_text:hover{
	color: #22a7f0;
}
/*---------------------------------------------------*/
.poi_window{
	
}
.poi_window .top{
	padding: 8px 10px;
}
.poi_window .top .select_wrapper{
	width: 130px;
	display: inline-block;
}
.poi_window .top .select_wrapper select{
	width: 150px;
}
.poi_window .windowcontent{
	padding: 10px;
	font-size: 13px;
}
.poi_window .filterform{
	/*margin: 10px 0 20px 0;*/
}
.poi_window .dataform input[type=text]{
	width: 214px;
	margin-bottom: 10px;
}
.poi_window .result_content{
	margin-top: 10px;
}
.poi_window .hr{
	height: 1px;
	border-bottom: 1px solid #ECECEC;
	margin: 15px 0;
	overflow: hidden;
}
.poi_window .results{
	margin-top: 20px;
	line-height: 1.3;
}
.poi_window .results ul{
	
}
.poi_window .results ul li{
	margin-bottom: 10px;
}
.poi_window .results ul a{
	color: #22a7f0;
}

.poi_window .footer{
	text-align: center;
	border-top: 1px solid #ECECEC;
	padding: 15px 0;
	font-size: 12px;
}
.poi_window .buttons{
	overflow: hidden;
	margin: 10px 0 10px 0;
}
.poi_window .buttons .button1{
	width: 114px;
	padding: 0;
}

.poi_window .groups{
	margin: 10px 0;
	border: 1px solid #ECECEC;
	border-right: 0;
	border-bottom: 0;
}

.poi_window .groups > .placeholder{
	width: 237px !important;
}
.poi_window .groups .placeholder{
	background: #f0f0f0;
	width: 224px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3) inset;
}

.poi_window .groups .group_item{
	
}
.poi_window .groups .group_item > .handle{
	background: #08A5F2 url(../images/bg_group_handle.png) no-repeat 5px center;
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	display: block;	
	border-bottom: 1px solid #ECECEC;
	cursor: move;
}
.poi_window .pois{
	background: #08A5F2;
	padding-left: 13px;
}
.poi_window .pois .poi_item{
	background: white;
	position: relative;			
}
.poi_window .pois .poi_item .itembar{
	position: absolute;
	left: -13px;
	top: 0;
	width: 13px;
	height: 99%;
	height: calc(100% - 1px);
	display: block;	
	z-index: 2;
	border-bottom: 1px solid #ECECEC;
}
.poi_window .pois .poi_item .itembar .handle{
	background: #08A5F2 url(../images/bg_group_handle.png) no-repeat center;
	display: block;
	height: 100%;
	cursor: move;	
}
.poi_window .pois .poi_item table.head{
	background: white;
	border-collapse: collapse;
	width: 100%;
	border: 0;
}
.poi_window .pois .poi_item table.head td{
	height: 40px;
	border: 1px solid #ECECEC;
	border-top: 0;
	text-align: center;
	width: 35px;
	vertical-align: middle;
	cursor: default;
	font-weight: bold;
}
.poi_window .pois .poi_item table.head td:first-child{
	text-align: left;
	width: auto;
	padding: 0 7px;
}
.poi_window .pois .poi_item table.head img{
	vertical-align: middle;
}

.poi_window .pois .poi_item a.option{
	background: no-repeat center;
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.poi_window .pois .poi_item a.option.enabled{
	background-image: url(../images/ico_ok.png);
}
.poi_window .pois .poi_item a.option.disabled{
	background-image: url(../images/ico_remove.png);
}

.poi_window .pois .poi_item table.head .ico{
	width: 18px;
	height: 18px;
	display: inline-block;	
}
.poi_window .pois .poi_item table.head .ico svg{
	width: 100%;
	height: 100%;
	fill: #08A5F2;
	stroke: #08A5F2;
}

/*colors*/

.poi_window .group_item.group_color_1 > .handle{ background-color: #08A5F2; }
.poi_window .group_item.group_color_1 .pois { background-color: #08A5F2; }
.poi_window .group_item.group_color_1 .pois .poi_item .itembar .handle { background-color: #08A5F2; }
.poi_window .group_item.group_color_1 .pois .poi_item table.head .ico svg { color: #22a7f0; fill: #22a7f0;}

.poi_window .group_item.group_color_2 > .handle{ background-color: #0BCD6E; }
.poi_window .group_item.group_color_2 .pois { background-color: #0BCD6E; }
.poi_window .group_item.group_color_2 .pois .poi_item .itembar .handle { background-color: #0BCD6E; }
.poi_window .group_item.group_color_2 .pois .poi_item table.head .ico svg { color: #0BCD6E; fill: #0BCD6E;}

.poi_window .group_item.group_color_3 > .handle{ background-color: #E04129; }
.poi_window .group_item.group_color_3 .pois { background-color: #E04129; }
.poi_window .group_item.group_color_3 .pois .poi_item .itembar .handle { background-color: #E04129; }
.poi_window .group_item.group_color_3 .pois .poi_item table.head .ico svg { color: #E04129; fill: #E04129;}

.poi_window .group_item.group_color_4 > .handle{ background-color: #9D56B8; }
.poi_window .group_item.group_color_4 .pois { background-color: #9D56B8; }
.poi_window .group_item.group_color_4 .pois .poi_item .itembar .handle { background-color: #9D56B8; }
.poi_window .group_item.group_color_4 .pois .poi_item table.head .ico svg { color: #9D56B8; fill: #9D56B8;}

.poi_window .group_item.group_color_5 > .handle{ background-color: #FB9500; }
.poi_window .group_item.group_color_5 .pois { background-color: #FB9500; }
.poi_window .group_item.group_color_5 .pois .poi_item .itembar .handle { background-color: #FB9500; }
.poi_window .group_item.group_color_5 .pois .poi_item table.head .ico svg { color: #FB9500; fill: #FB9500;}

.poi_window .group_item.group_color_6 > .handle{ background-color: #DF0559; }
.poi_window .group_item.group_color_6 .pois { background-color: #DF0559; }
.poi_window .group_item.group_color_6 .pois .poi_item .itembar .handle { background-color: #DF0559; }
.poi_window .group_item.group_color_6 .pois .poi_item table.head .ico svg { color: #DF0559; fill: #DF0559;}

.poi_window .group_item.group_color_7 > .handle{ background-color: #426AB5; }
.poi_window .group_item.group_color_7 .pois { background-color: #426AB5; }
.poi_window .group_item.group_color_7 .pois .poi_item .itembar .handle { background-color: #426AB5; }
.poi_window .group_item.group_color_7 .pois .poi_item table.head .ico svg { color: #426AB5; fill: #426AB5;}

.poi_window .group_item.group_color_8 > .handle{ background-color: #0DBB9B; }
.poi_window .group_item.group_color_8 .pois { background-color: #0DBB9B; }
.poi_window .group_item.group_color_8 .pois .poi_item .itembar .handle { background-color: #0DBB9B; }
.poi_window .group_item.group_color_8 .pois .poi_item table.head .ico svg { color: #0DBB9B; fill: #0DBB9B;}

.poi_window .group_item.group_color_9 > .handle{ background-color: #D37470; }
.poi_window .group_item.group_color_9 .pois { background-color: #D37470; }
.poi_window .group_item.group_color_9 .pois .poi_item .itembar .handle { background-color: #D37470; }
.poi_window .group_item.group_color_9 .pois .poi_item table.head .ico svg { color: #D37470; fill: #D37470;}

.poi_window .group_item.group_color_10 > .handle{ background-color: #579F5A; }
.poi_window .group_item.group_color_10 .pois { background-color: #579F5A; }
.poi_window .group_item.group_color_10 .pois .poi_item .itembar .handle { background-color: #579F5A; }
.poi_window .group_item.group_color_10 .pois .poi_item table.head .ico svg { color: #579F5A; fill: #579F5A;}

.poi_window .group_item.group_color_11 > .handle{ background-color: #C45E28; }
.poi_window .group_item.group_color_11 .pois { background-color: #C45E28; }
.poi_window .group_item.group_color_11 .pois .poi_item .itembar .handle { background-color: #C45E28; }
.poi_window .group_item.group_color_11 .pois .poi_item table.head .ico svg { color: #C45E28; fill: #C45E28;}

.poi_window .group_item.group_color_12 > .handle{ background-color: #3E8DC0; }
.poi_window .group_item.group_color_12 .pois { background-color: #3E8DC0; }
.poi_window .group_item.group_color_12 .pois .poi_item .itembar .handle { background-color: #3E8DC0; }
.poi_window .group_item.group_color_12 .pois .poi_item table.head .ico svg { color: #3E8DC0; fill: #3E8DC0;}


.poi_window .data_text{
	line-height: 1.3;
}
.poi_window .data_text table{
	width: 100%;
	border-spacing: 0;
	margin: 10px 0;
}
.poi_window .data_text table td{
	padding: 3px 0;
}
/*---------------------------------------------------*/
.logout_window.window{
	width: 380px;
	margin: -195px 0 0 -190px;	
	font-size: 13px;
}

.logout_window .button_container{
	margin-top: 20px;
}
.logout_window .button_container .button1{
	display: block;
}
/*---------------------------------------------------*/
.events_window.window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;
    	height: 100%;
    
}
.events_window .field{
	float: left;
	width: 440px;
}
.events_window input.date{
	width: 105px;
}
.events_window input.time{
	width: 35px;
	text-align: center;
}
.events_window .select_wrapper{
	width: 190px;
}
.events_window .result_container{
	margin: 0 -16px 0 -16px;
	
	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}

.events_window table.datatable2{
	
}
.events_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.events_window table.datatable2 td:nth-child(2){ width: 90px; }
.events_window table.datatable2 td:nth-child(3){ width: 215px; }
.events_window table.datatable2 td:nth-child(4){ width: 110px; }
.events_window table.datatable2 td:nth-child(5){ width: 110px; }
.events_window table.datatable2 td:nth-child(6){ width: 135px; }
.events_window table.datatable2 td:nth-child(7){ width: 90px; text-align: center; }

.events_window table.datatable2 .button1{
	width: 90px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
/*---------------------------------------------------*/
.system_window.window{
	width: 80%;
	top: 120px;
	margin: 0 0 0 -680px;
    height: 80%;
}
.system_window nav.menu{
	
}
.system_window nav.menu ul{
	overflow: hidden;
	margin-bottom: -20px;
}
.system_window nav.menu ul li{
	float: left;
	width: 450px;
	margin-bottom: 20px;
	overflow: hidden;
}
.system_window nav.menu ul li:nth-of-type(2n){
	float: right;
}
.system_window nav.menu ul li:nth-of-type(2n+1) {
  clear: left;
}
.system_window nav.menu ul a{
	display: block;
	border: 1px solid #ECECEC;
	height: 90px;
	padding: 15px 20px;
}
.system_window nav.menu ul a:hover{
	border-color: #dadada;
}
.system_window nav.menu .text{
	overflow: hidden;
}
.system_window nav.menu .text .header{
	margin-bottom: 10px;
	font-size: 15px;
}
.system_window nav.menu .circle{
	background: #F7F7F7 no-repeat center;
	border: 1px solid #e7e7e7;
	width: 63px;
	height: 63px;
	border-radius: 32px;
	display: block;
	float: left;
	margin-right: 20px;
}
.system_window nav.menu .circle.menu_ico_general{	background-image: url(../images/menu_ico_general.png);	 }
.system_window nav.menu .circle.menu_ico_password{	background-image: url(../images/menu_ico_password.png);	 }
.system_window nav.menu .circle.menu_ico_group{	background-image: url(../images/menu_ico_group.png);	 }
.system_window nav.menu .circle.menu_ico_user{	background-image: url(../images/menu_ico_user.png);	 }
.system_window nav.menu .circle.menu_ico_driver{	background-image: url(../images/menu_ico_driver.png);	 }
.system_window nav.menu p{
	line-height: 1.6;
}

.system_window p{
	margin-bottom: 15px;
}
.system_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.system_window .field .msg{
	margin-top: 5px;
}

.system_window input{
	width: 170px;
}
.system_window .select_wrapper{
	width: 190px;
}
.system_window .button_container{
	margin-top: 20px;
}
.system_window .color_selector{
	/*float: right;
	margin-right: 40px;*/
	margin-top: 20px;
	width: auto;
}
.system_window .table_container{
	margin: 0 -16px;
}
.system_window table.datatable2{

}
.system_window table.datatable2 a{
	color: #22a7f0;
	font-weight: bold;
}
.system_window table.datatable2 .checkbox2{
	padding-left: 20px;
	margin: 0;
}

.system_window table.datatable2.usertable td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.system_window table.datatable2.usertable td:nth-child(2){ width: 205px; }
.system_window table.datatable2.usertable td:nth-child(3){ width: 70px; padding: 0; text-align: center; }
.system_window table.datatable2.usertable td:nth-child(4){ width: 175px; }
.system_window table.datatable2.usertable td:nth-child(5){ width: 175px; }
.system_window table.datatable2.usertable td:nth-child(6){ text-align: center;  }
.system_window table.datatable2.usertable td:nth-child(7){ text-align: center;  }

.system_window table.datatable2.devicetable td:nth-child(1){ width: 35px; padding: 0; text-align: center;}
.system_window table.datatable2.devicetable td:nth-child(2){ width: 220px; }

.system_window table.datatable2.auto_operations_table td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.system_window table.datatable2.auto_operations_table td:nth-child(2){ width: 150px; }
.system_window table.datatable2.auto_operations_table td:nth-child(3){ width: 130px; text-align: center; }
.system_window table.datatable2.auto_operations_table td:nth-child(4){ width: 100px; text-align: center; }
.system_window table.datatable2.auto_operations_table td:nth-child(5){ width: 150px;  }
.system_window table.datatable2.auto_operations_table td:nth-child(6){ width: 100px; text-align: center; }
.system_window table.datatable2.auto_operations_table td:nth-child(7){ text-align: center;  }
.system_window table.datatable2.auto_operations_table td:nth-child(8){ text-align: center;  }
.system_window table.datatable2.auto_operations_table td:nth-child(9){ text-align: center;  }

.system_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
.system_window .add_new_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

.system_window .button.remove_item{
	background-color: #DF4129;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}
.system_window .items{
	max-height: 140px;
	overflow-y: auto;
}
.system_window .items .item{
	overflow: hidden;
	margin: 5px 0;
}
.system_window .items .item.sample{
	display: none;
}
.system_window .items .field{
	float: none;
	width: auto;
}
.system_window .items .field.f-left{
	float: left;
	margin-right: 10px;
}

.system_window .items a.color_settings{
	color: #22a7f0;
	font-weight: bold;
	margin-left: 10px;
}

.system_window.system_auto_operations_window .table_container{
	margin: 15px -16px -1px -16px;
}
/*---------------------------------------------------*/
.color_selector{
	width: 390px;
}
.color_selector ul.items{
	overflow: hidden;
}
.color_selector ul.items li{
	float: left;
	width: 50px;
	height: 50px;
	border: 1px solid #E0E0E0;
	cursor: pointer;
	text-align: center;
	margin: 0 13px 13px 0;
}
.color_selector ul.items li.active{
	border-color: #444444;
}
.color_selector ul.items li span{
	background: black;
	display: inline-block;
	width: 42px;
	height: 42px;
	margin-top: 4px;
}
.color_selector ul.items li.color_1 span{ background-color: #08A5F2; }
.color_selector ul.items li.color_2 span{ background-color: #0BCD6E; }
.color_selector ul.items li.color_3 span{ background-color: #E04129; }
.color_selector ul.items li.color_4 span{ background-color: #9D56B8; }
.color_selector ul.items li.color_5 span{ background-color: #FB9500; }
.color_selector ul.items li.color_6 span{ background-color: #DF0559; }
.color_selector ul.items li.color_7 span{ background-color: #426AB5; }
.color_selector ul.items li.color_8 span{ background-color: #0DBB9B; }
.color_selector ul.items li.color_9 span{ background-color: #D37470; }
.color_selector ul.items li.color_10 span{ background-color: #579F5A; }
.color_selector ul.items li.color_11 span{ background-color: #C45E28; }
.color_selector ul.items li.color_12 span{ background-color: #3E8DC0; }
/*---------------------------------------------------*/
body.body_login{
	background: black url(../images/bg_body.jpg) no-repeat center;
	background-size: cover;
}

.auth_panel{
	background: white;
	width: 338px;
	border: 1px solid #CCCCCC;
	padding: 20px 20px 0 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -195px 0 0 -190px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}
.auth_panel .logo{
	background: url(../images/_logo_kulso.png) no-repeat;
	width: 269px;
	height: 29px;
	display: block;
	margin: 0 auto 10px auto;
	text-indent: -10000px;	
}
.auth_panel .content_section{
	border: 1px solid #F2F2F2;
	padding: 15px;
}
.auth_panel .content_section .header{
	font-size: 14px;
	color: #22a7f0;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.auth_panel .field{
	margin: 10px 0;
}
.auth_panel .field input{
	width: 284px;
}

.auth_panel .checkbox2{
	display: block;
}
.auth_panel a{
	color: #22a7f0;
}
.auth_panel a:hover{
	text-decoration: underline;
}
.auth_panel .field_options{
	position: relative;
}
.auth_panel .lostpass{
	font-weight: bold;
}

.auth_panel .button_container{
	overflow: hidden;
	margin: 10px 0;
}

.auth_panel .version{
	text-align: right;
	font-size: 12px;
	margin: 10px 0;
}

.auth_panel.lostpass .button1{
	padding: 0;
	width: 115px;
}
/*---------------------------------------------------*/
.auth_panel.logged_out_panel{
	padding-bottom: 20px;
}
.auth_panel.logged_out_panel .content_section{
	text-align: center;
}
.auth_panel.logged_out_panel .version{
	margin-bottom: 0;
}
/*---------------------------------------------------*/
.device_info{
	background: white;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);	
	position: absolute;	

	z-index: 11;
	width: 238px;
	font-size: 11px;
}
.device_info .top{
	background: #F7F7F7;	
	padding: 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #ECECEC;
	height: 30px;
	line-height: 30px;
}

.device_info .info{
	background: #F7F7F7;	
	padding: 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #ECECEC;
	height: 30px;
	line-height: 30px;
}

.device_info .top .head_text{
	font-size: 13px;
	font-weight: bold;
	display: block;
}
.device_info .top .button{
	background: #444444 no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.3s linear; 
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.device_info .top .button:hover{
	background-color: #616161;
}
.device_info .top .button.close{
	background-image: url(../images/bg_close.png);
}
.device_info .data_section{
	border: 1px solid #ECECEC;
	border-top: 0;
	padding: 10px;
	line-height: 1.5;
}
.device_info .data_section p{
	margin-bottom: 10px;
}
.device_info .data_section p:last-child{
	margin-bottom: 0;
}
.device_info .data_section table{
	width: 100%;
	border-spacing: 0;
}
.device_info .data_section table td{
	padding: 0;
}
.device_info .data_section table td:nth-child(1){ width: 90px; }

.details table td:nth-child(1){ min-width: 70px; }
.details table td:nth-child(2){ width: 220px; }


.details_left_gps table td:nth-child(1){ width: 70px; }
.details_left_gps table td:nth-child(2){ width: 220px; }
/*---------------------------------------------------*/
.loading_window.window{
	width: 540px;
	top: 150px;
	margin: 0 0 0 -270px;
}
.loading_window table{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}
.loading_window table td{
	background: white no-repeat 96% center;
	padding: 15px;
	border: 1px solid #E7E7E7;
}
.loading_window table td:nth-child(1){ width: 36px; padding: 0; text-align: center; }

.loading_window table tr.status_ok td:nth-child(2){
	background-color: #F6FBFE;
	background-image: url(../images/ico_ok2.png);
}
.loading_window table tr.status_failed td:nth-child(2){
	background-color: #FEF6F6;
	background-image: url(../images/ico_failed.png);
}
.loading_window table tr.status_wait td:nth-child(2){
	background-color: #FEF6F6;
	background-image: url(../images/ico_wait.gif);
}
/*---------------------------------------------------*/
.route_plan_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
}

.route_plan_window table.infotable{
	width: 100%;
	line-height: 1.3;
	border-spacing: 0;
}
.route_plan_window table.infotable td{
	padding: 5px 0;
	width: 25%;
}

.route_plan_window .table_container{
	margin: 0 -16px 0 -16px;
}

.route_plan_window table.datatable2{
	
}
.route_plan_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.route_plan_window table.datatable2 td:nth-child(2){ width: 245px; }
.route_plan_window table.datatable2 td:nth-child(3){ width: 90px; }
.route_plan_window table.datatable2 td:nth-child(4){ width: 90px; }
.route_plan_window table.datatable2 td:nth-child(5){ width: 120px; }
.route_plan_window table.datatable2 td:nth-child(6){ width: 120px; }
.route_plan_window table.datatable2 td:nth-child(7){ text-align: center; }

.route_plan_window table.datatable2 .button1{
	width: 90px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
/*---------------------------------------------------*/
.system_msg_window.window{
	width: 540px;
	top: 250px;
	margin: 0 0 0 -270px;
}
.system_msg_window.window .header{
	color: #dc4130;
	margin-bottom: 10px;
}
.system_msg_window .ico{
	float: left;
	margin-right: 10px;
}
.system_msg_window .text{
	overflow: hidden;
	line-height: 1.3;
}
/*---------------------------------------------------*/
.position_share_window.window{
	width: 960px;
	top: 120px;
	margin: 0 0 0 -480px;
}
.position_share_window .scrollbox{	
	max-height: 130px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	margin-bottom: 10px;
}
.position_share_window table.infotable{
	width: 100%;
	line-height: 1.3;
	border-spacing: 0;
}
.position_share_window table.infotable td{
	padding: 5px 0;
	width: 25%;
}
.position_share_window p{
	margin-bottom: 15px;
}
.position_share_window .field{
	float: left;
	width: 430px;
	margin: 5px 0;
}
.position_share_window .field .label.left{
	width: 180px;
}
.position_share_window .field .msg{
	margin-top: 5px;
}
.position_share_window input{
	width: 170px;
}
.position_share_window .select_wrapper{
	width: 190px;
}
.position_share_window .add_new_email{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-left: 430px;
}
.position_share_window .add_new_email .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

.position_share_window .button.remove{
	background-color: #DF4129;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

.position_share_window .button1.active{
	background-color: #DF4129;
}
/*---------------------------------------------------*/
.color_settings_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
	overflow: hidden;
}
.color_settings_window .inner_content{
	width: 418px;
}
.color_settings_window p{
	margin-bottom: 15px;
}
.color_settings_window .button_container{
	margin-top: 10px;
}
/*---------------------------------------------------*/
.unit_settings_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
	overflow: hidden;
}
.unit_settings_window p{
	margin-bottom: 15px;
}
.unit_settings_window .item{
	float: left;
	width: 164px;
	border-right: 1px solid #EBEBEB;
	margin-right: 15px;
	min-height: 114px;
}
.unit_settings_window .item.last{
	margin-right: 0;
	border-right: 0;
}

.unit_settings_window .item ul{
	margin-top: 15px;
}
.unit_settings_window .item ul li{
	margin-bottom: 10px;
}
.unit_settings_window .item ul li:last-child{
	margin-bottom: 0;
}
/*---------------------------------------------------*/
.graph_settings_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
	overflow: hidden;
}
.graph_settings_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.graph_settings_window .field .msg{
	margin-top: 5px;
}

.graph_settings_window input{
	width: 170px;
}
.graph_settings_window .select_wrapper{
	width: 300px;
}

.graph_settings_window .field_grafikon_tipusa{
	width: auto;
}
.graph_settings_window .slider2{
	width: 138px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
}
.graph_settings_window .field_grafikon_simitas input,
.graph_settings_window .field_grafikon_simitas2 input{
	width: 24px;
	text-align: center;
	vertical-align: top;
}
/*---------------------------------------------------*/
.scheduling_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
	overflow: hidden;
}
.scheduling_window p{
	margin-bottom: 15px;
}
.scheduling_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.scheduling_window .field .msg{
	margin-top: 5px;
}

.scheduling_window input{
	width: 170px;
}
.scheduling_window .select_wrapper{
	width: 190px;
}
.scheduling_window table.infotable{
	width: 100%;
	line-height: 1.3;
	border-spacing: 0;
}
.scheduling_window table.infotable td{
	padding: 5px 0;
	width: 25%;
}
.scheduling_window .button1{
	margin-right: 5px;
}
/*---------------------------------------------------*/
.alerts_window.window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;
}
.alerts_window p{
	margin-bottom: 15px;
}
.alerts_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.alerts_window .field.w1{
	width: 400px;
}
.alerts_window .field.w2{
	width: 200px;
}
.alerts_window .field.w3{
	width: 130px;
}

.alerts_window input{
	width: 170px;
}
.alerts_window input.small{
	width: 70px;
}
.alerts_window input.date{
	width: 105px;
}
.alerts_window input.time{
	width: 35px;
	text-align: center;
}
.alerts_window .select_wrapper{
	width: 100%;
}
.alerts_window .result_container{
	margin: 0 -16px 0 -16px;
}

.alerts_window table.datatable2{
	
}
.alerts_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.alerts_window table.datatable2 td:nth-child(2){ width: 210px; }
.alerts_window table.datatable2 td:nth-child(3){ width: 195px; }
.alerts_window table.datatable2 td:nth-child(4){ width: 200px; }
.alerts_window table.datatable2 td:nth-child(5){  }

.alerts_window table.datatable2 a{
	color: #08A5F2;
	font-weight: bold;
}

.alerts_window table.datatable2 .button1{
	width: 90px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.alerts_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.alerts_window .add_new_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

.alerts_window .button.remove_item{
	background-color: #DF4129;
	font-size: 30px;
	font-weight: normal;
	margin-left: 10px;
}
.alerts_window .items{
	max-height: 100px;
	overflow-y: auto;
}
.alerts_window .items .item{
	overflow: hidden;
	margin: 5px 0;
}
.alerts_window .items .item.sample{
	display: none;
}
.alerts_window .button_container{
	margin-top: 10px;
}
/*---------------------------------------------------*/
.charts_window.window{
	width: 960px;
	top: 40px;
	margin: 0 0 0 -480px;
}
.charts_window .user_data{
	position: relative;
	margin-top: 40px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #EBEBEB;
}
.charts_window .user_data.opened{
	margin-top: 0;
	padding: 15px;
	border: 1px solid #ececec;
}
.charts_window .user_data .head{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 10px 0 15px;
	margin: -15px -15px 15px -15px;
	font-weight: bold;
	font-size: 14px;
}
.charts_window .user_data .head .button.minimize{
	float: right;
	margin-top: 10px;
}
.charts_window .user_data .content{
	display: none;
}
.charts_window .user_data.opened .content{
	display: block;
}
.charts_window .user_data .user_data_opener{
	display: block;
}
.charts_window .user_data.opened .user_data_opener{
	display: none;
}

.charts_window table.infotable{
	width: 100%;
	line-height: 1.3;
	border-spacing: 0;
}
.charts_window table.infotable td{
	padding: 5px 0;
	width: 25%;
}
.charts_window .interval{
	font-size: 14px;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.charts_window .scrollbox{	
	height: 420px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}

.charts_window .chart{
	background: #F7F7F7;
	text-align: center;
	border: 1px solid #EBEBEB;
}
.charts_window .chart.chart1{
	margin: 0 -16px -16px -16px;
	min-height: 100px;
}
.charts_window .chart.chart2{
	min-height: 306px;
	margin-bottom: 20px;
}
.charts_window .chart.chart3{
	min-height: 90px;	
}
.charts_window .chart.chart4{
	min-height: 205px;	
}

.charts_window .panel_opener{
	background: white;
	position: absolute;
	right: 15px;
	top: -41px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	font-size: 14px;
	color: #22a7f0;
	font-weight: bold;
	padding: 0 15px;	
	display: none;
}

.charts_window  .left_right_box{
	position: relative;	
}
.charts_window  .left_right_box.fullview{
	margin-top: 50px;
}
.charts_window  .left_right_box .panel_opener.settings_opener{
	/*background: white;
	position: absolute;
	right: 15px;
	top: -41px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	font-size: 14px;
	color: #22a7f0;
	font-weight: bold;
	padding: 0 15px;	
	display: none;*/
}
.charts_window  .left_right_box.fullview .panel_opener.settings_opener{
	display: block;
}
.charts_window .inner_left_section{
	float: left;
	width: 605px;
	margin-bottom: 20px;
}
.charts_window .inner_right_section{
	float: right;
	width: 292px;
	margin-bottom: 20px;
}

.charts_window .left_right_box.fullview .inner_left_section{
	float: none;
	width: auto;
}
.charts_window  .left_right_box.fullview .inner_right_section{
	display: none;
}


.charts_window .inner_left_section .interval{
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	height: 50px;
	line-height: 50px;
	margin: 0;
	padding-left: 20px;
}

.charts_window .chart_settings{
	border: 1px solid #EBEBEB;
}
.charts_window .chart_settings .head{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 10px 0 20px;
	font-weight: bold;
	font-size: 14px;
}
.charts_window .chart_settings .head .button.minimize{
	float: right;
	margin-top: 10px;
}
.charts_window .chart_settings .content{
	padding: 15px;
}
.charts_window .chart_settings ul{
	
}
.charts_window .chart_settings ul li{
	margin-bottom: 10px;
}
.charts_window .chart_settings ul li:last-child{
	margin-bottom: 0;
}
.charts_window .chart_settings .hr{
	border-bottom: 1px solid #EBEBEB;
	height: 0;
	margin: 18px -15px;
}

.charts_window .table_container{
	margin: 0 -16px -16px -16px;
}
.charts_window table.datatable2{

}

.charts_window table.datatable2.activitytable td:nth-child(1){ width: 280px; }
.charts_window table.datatable2.activitytable td:nth-child(2){ width: 280px; }
.charts_window table.datatable2.activitytable td:nth-child(3){  }

.charts_window table.datatable2.fueltable{
	table-layout: fixed;
}
.charts_window table.datatable2.fueltable td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.charts_window table.datatable2.fueltable td:nth-child(2){ width: 365px; }
.charts_window table.datatable2.fueltable td:nth-child(3){ width: 115px; }
.charts_window table.datatable2.fueltable td:nth-child(4){ width: 60px; }
.charts_window table.datatable2.fueltable td:nth-child(5){ width: 55px; }
.charts_window table.datatable2.fueltable td:nth-child(6){ width: 60px; padding: 0; text-align: center; }
.charts_window table.datatable2.fueltable td:nth-child(7){ width: 70px; padding: 0; text-align: center; }



.charts_window.window.bottom_position{
	width: 880px;
	margin-left: -440px;
	top: auto;
	bottom: 10px;
}
.charts_window.window.bottom_position .inner_left_section{
	width: 575px;
}
.charts_window.window.bottom_position .left_right_box.fullview .inner_left_section{
	float: none;
	width: auto;
}
.charts_window.window.bottom_position .inner_right_section{
	width: 242px;
}
.charts_window.window.bottom_position .inner_right_section .chart_settings .content{
	height: 175px;
	overflow-y: auto;
}
/*---------------------------------------------------*/
.waybill_window.window{
	width: 960px;
	top: 40px;
	margin: 0 0 0 -480px;
}

.waybill_window .panel_opener{
	background: white;
	position: absolute;
	right: 15px;
	top: -41px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	font-size: 14px;
	color: #22a7f0;
	font-weight: bold;
	padding: 0 15px;	
	display: none;
}


.waybill_window .top_data{
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
	border-bottom: 1px solid #EBEBEB;
}
.waybill_window .top_data.opened{
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.waybill_window .top_data .top_data_opener{
	display: block;
}
.waybill_window .top_data.opened .top_data_opener{
	display: none;
}
.waybill_window .top_data .head{
	height: 50px;
	line-height: 50px;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	padding: 0 10px 0 15px;
	font-weight: bold;
	font-size: 14px;
}
.waybill_window .top_data .head .button.minimize{
	float: right;
	margin-top: 10px;
}
.waybill_window .top_data .content{
	display: none;
}
.waybill_window .top_data.opened .content{
	display: block;
}

.waybill_window .inner_content.f-left,
.waybill_window .inner_content.f-right{
	width: 428px;
	min-height: 162px;
}
.waybill_window .inner_content.f-left{
	border-right: 0;
	width: 429px;
}

.waybill_window table.infotable{
	width: 100%;
	line-height: 1.3;
	border-spacing: 0;
}
.waybill_window table.infotable td{
	padding: 5px 0;
	width: 25%;
}

.waybill_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.waybill_window input{
	width: 170px;
}
.waybill_window input.date{
	width: 105px;
}
.waybill_window input.time{
	width: 35px;
	text-align: center;
}
.waybill_window .button_container{
	margin-left: 200px;
}

.waybill_window .scrollbox{	
	height: 300px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}

.waybill_window .table_container{
	margin: 0 -16px 0 -16px;
	overflow-x: auto;
}

.waybill_window table.datatable2 a{
	color: #08A5F2;
	font-weight: bold;
}

.waybill_window table.datatable2.stattable{
	
}
.waybill_window table.datatable2.stattable td:nth-child(1){ width: 60px; }
.waybill_window table.datatable2.stattable td:nth-child(2){ width: 70px; }
.waybill_window table.datatable2.stattable td:nth-child(3){ width: 50px; }
.waybill_window table.datatable2.stattable td:nth-child(4){ width: 85px; }
.waybill_window table.datatable2.stattable td:nth-child(5){ width: 85px; }
.waybill_window table.datatable2.stattable td:nth-child(6){ width: 65px; }
.waybill_window table.datatable2.stattable td:nth-child(7){ width: 90px;  }
.waybill_window table.datatable2.stattable td:nth-child(8){ width: 90px;  }
.waybill_window table.datatable2.stattable td:nth-child(9){ width: 90px;  }

.waybill_window table.datatable2.logtable{
	table-layout: fixed;
}
.waybill_window table.datatable2.logtable td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.waybill_window table.datatable2.logtable td:nth-child(2){ width: 60px; }
.waybill_window table.datatable2.logtable td:nth-child(3){ width: 100px; }
.waybill_window table.datatable2.logtable td:nth-child(4){ width: 70px; }
.waybill_window table.datatable2.logtable td:nth-child(5){ width: 50px; }
.waybill_window table.datatable2.logtable td:nth-child(6){ width: 100px; }
.waybill_window table.datatable2.logtable td:nth-child(7){ width: 70px;  }
.waybill_window table.datatable2.logtable td:nth-child(8){ width: 50px;  }
.waybill_window table.datatable2.logtable td:nth-child(9){ width: 50px;  }
.waybill_window table.datatable2.logtable td:nth-child(10){ width: 50px;  }
.waybill_window table.datatable2.logtable td:nth-child(11){ width: 55px;  }
.waybill_window table.datatable2.logtable td:nth-child(12){ width: 55px;  }
.waybill_window table.datatable2.logtable td:nth-child(13){ width: 60px;  }
.waybill_window table.datatable2.logtable td:nth-child(14){ width: 60px;  }
.waybill_window table.datatable2.logtable td:nth-child(15){ width: 75px;  }

.waybill_window table.datatable2.poitable{
	
}
.waybill_window table.datatable2.poitable td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.waybill_window table.datatable2.poitable td:nth-child(2){ width: 210px; }
.waybill_window table.datatable2.poitable td:nth-child(3){ width: 210px; }
.waybill_window table.datatable2.poitable td:nth-child(4){ width: 210px; }
.waybill_window table.datatable2.poitable td:nth-child(5){  }

/*---------------------------------------------------*/
.extended_data_window.window{
	width: 960px;
	top: 150px;
	margin: 0 0 0 -480px;
}
.extended_data_window .scrollbox{	
	max-height: 290px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.extended_data_window p{
	margin-bottom: 15px;
	line-height: 1.3;
}
.extended_data_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.extended_data_window .field .msg{
	margin-top: 5px;
}

.extended_data_window input{
	width: 170px;
}
.extended_data_window .select_wrapper{
	width: 190px;
}
.extended_data_window .button_container{
	margin-top: 20px;
}

.extended_data_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
	display: block;
}
.extended_data_window .remove_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: block;
	float: left;
	margin-top: 5px;
}
.extended_data_window .add_new_item .button,
.extended_data_window .remove_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}
.extended_data_window .remove_item .button{
	background-color: #df4129;
}

.extended_data_window .items{
	
}
.extended_data_window .items .field{
	width: auto;
	margin-right: 10px;
}
.extended_data_window .items .item{
	overflow: hidden;
	margin: 5px 0;
}
.extended_data_window .items .item.sample{
	display: none;
}

.extended_data_window .items .item .handle{
	background: #464646 url(../images/bg_group_handle.png) no-repeat center;
	width: 13px;
	height: 33px;
	display: block;
	float: left;
	margin-top: 5px;
	cursor: move;
}

.extended_data_window .items .placeholder{
	background: #f0f0f0;
	width: 455px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.3) inset;
}
/*---------------------------------------------------*/
.help_window.window{
	width: 960px;
	top: 100px;
	margin: 0 0 0 -480px;
	font-size: 13px;
}
.help_window p{
	margin-bottom: 15px;
}
.help_window .main_panel{
	line-height: 1.3;
	overflow: hidden;
}
.help_window .main_panel ul{
	width: 580px;
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.help_window .main_panel ul li{
	margin-bottom: 10px;
}
.help_window .main_panel a{
	color: #22a7f0;
}
.help_window .main_panel a:hover{
	text-decoration: underline;
}
.help_window .contact_box{
	background: #F7F7F7;
	float: right;
	width: 246px;
	border: 1px solid #EBEBEB;
	padding: 15px;
	line-height: 1.3;
}
.help_window .contact_box p{
	margin: 15px 0;
}


.help_window .articles{
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	font-size: 13px;
	line-height: 1.5;
}
.help_window .articles .header{
	border-bottom: 1px solid #EBEBEB;
	padding: 15px;
	margin: 0;
}
.help_window .articles .item{	
	padding: 15px;
	border-bottom: 1px solid #EBEBEB;
}
.help_window .articles .item .title{
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.help_window .articles .item .title a{
	color: inherit;
}
.help_window .articles .item p{
	margin: 5px 0;
}
.help_window .articles .item a{
	color: #22a7f0;
}
.help_window .articles .item a:hover{
	text-decoration: underline;
}

.help_window .scrollbox{	
	height: 400px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
/*---------------------------------------------------*/
.textcontent1{
	line-height: 1.5;
}

.textcontent1 h1,
.textcontent1 h2,
.textcontent1 h3,
.textcontent1 h4{
	margin-bottom: 10px;
}

.textcontent1 h1{ font-size: 20px; }
.textcontent1 h2{ font-size: 18px; }
.textcontent1 h3{ font-size: 16px; }
.textcontent1 h4{ font-size: 14px; }

.textcontent1 p{
	margin: 15px 0;
}
.textcontent1 p:last-child{
	margin-bottom: 0;
}
.textcontent1 a{
	color: #22a7f0;
}
.textcontent1 a:hover{
	text-decoration: underline;
}
.textcontent1 ul{
	margin: 15px 0;
}
.textcontent1 ul li{
	background: url(../images/bg_list.png) no-repeat left 8px;
	padding-left: 16px;
	margin-bottom: 10px;
}
.textcontent1 ul li:last-child{
	margin-bottom: 0;
}

.textcontent1 ol{
	margin: 15px 0;
	padding: 0 0 0 17px;
}
.textcontent1 ol li{
	margin-bottom: 10px;
}

.textcontent1 blockquote{
	background: white;
	border: 1px solid #DDDDDD;
	padding: 15px;
	margin: 15px 0;	
}
.textcontent1 blockquote p{
	margin: 0;
}
.textcontent1 blockquote.black{
	background: black;
	color: white;
}

.textcontent1 figure{
	margin: 0;
}
.textcontent1 figure figcaption{
	text-align: center;
	font-size: 13px;
	font-style: italic;
}
.textcontent1 .wp-caption-text{
	text-align: center;
	font-size: 13px;
	font-style: italic;
	margin: 0;
}
.textcontent1 img {
	margin: 0;
	max-width: 100%;
	border: 1px solid #EBEBEB;
}
.textcontent1 .alignleft,
.textcontent1 img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.textcontent1 .alignright,
.textcontent1 img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.textcontent1 .aligncenter,
.textcontent1 img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.textcontent1 table{
	margin: 15px 0;
}

.textcontent1 .col{
	float: left;
}
.textcontent1 .col.col2{
	width: 48%;
}

/*---------------------------------------------------*/
.reminder_window.window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;
}
.reminder_window p{
	margin-bottom: 15px;
}
.reminder_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}

.reminder_window input{
	width: 170px;
}
.reminder_window input.small{
	width: 70px;
}
.reminder_window input.date{
	width: 105px;
}
.reminder_window input.time{
	width: 35px;
	text-align: center;
}
.reminder_window .select_wrapper{
	width: 100%;
}
.reminder_window .table_container{
	margin: 15px -16px -1px -16px;
}

.reminder_window table.datatable2{
	
}
.reminder_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.reminder_window table.datatable2 td:nth-child(2){ width: 210px; }
.reminder_window table.datatable2 td:nth-child(3){ width: 125px; text-align: center; }
.reminder_window table.datatable2 td:nth-child(4){ width: 200px; }
.reminder_window table.datatable2 td:nth-child(5){ text-align: center;  }
.reminder_window table.datatable2 td:nth-child(6){ text-align: center;  }

.reminder_window table.datatable2 a{
	color: #08A5F2;
	font-weight: bold;
}

.reminder_window table.datatable2 .button1{
	width: 90px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}

.reminder_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
.reminder_window .add_new_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

/*---------------------------------------------------*/
.map_pointer{
	background: no-repeat;
	position: absolute;	
	display: block;
	font-size: 11px;
	cursor: default;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	color: #444444;
}
.map_pointer.circle{

	line-height: 37px;
	text-align: center;
}
.map_pointer.dark_circle{
	background-image: url(../map_icons/base_blue_dark_circle.png);
	width: 38px;
	height: 47px;
	line-height: 37px;
	text-align: center;
	color: #fefefe;
}

.row-ln .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	float: left;
    padding: 1.25em;
    position: relative;
    width: 100%;
}
.col-4 {
    -ms-flex: 0 0 20.333333%;
    flex: 0 0 20.333333%;
    max-width: 20.333333%;
}
.snapshot
{
    visibility: hidden;
}

.nextrow
{
	
	padding-top:10px;
}