body.body_login{
	background: black url(../images/bg_body7.jpg) no-repeat center;
	background-size: cover;
}



@media (max-width: 1024px) {
    body.body_login{
	background: black url(../images/small_bg_body7.jpg) no-repeat center;
	background-size: cover;
}
}




.link
{

  color: #08a5f2;
    font-weight: bold;
}

.right
{

      float: right;
}


.DISABLED
{


        background-color: #c9c9c9 !important;

}

.BGR
{
	-moz-opacity:1 !important;
	opacity: 1 !important;
	background: black url(../images/bg_body7.jpg) no-repeat center  !important;
  display:block !important;
}


.DISABLEDINPUT
{


        background-color: #EDEDED !important;

}

.left
{
  float: left;
}

.torlescls
{
  display: inline;
    content: "";
    background: url(../images/torles.svg) no-repeat;
    padding-left: 30px;
    padding-top: 4px;
    padding-bottom: 9px;


}

.copydatasms {
  display: inline;
content: "";
background: url(../images/svg-smscopy.svg) no-repeat;
padding-left: 30px;
padding-top: 4px;
padding-bottom: 9px;
margin-left: 5px;
}



.map_container_print{
	background: #D1E4C7;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
    z-index: -10000000;
}

.panel_left .devices .device_item .head .buttons .button.position.grey{
	stroke: #E7E7E7;
	fill: #F1EDE7;
}


.panel_left .route  ul.items .item_top .ico.wait{
	background: rgb(251, 149, 0) 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 .details_left_gps{
	display: none;
}
.panel_left .route  ul.items li.opened > .details_left_gps{
	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;
}


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


.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 table tr.status_wait td:nth-child(2){
/*	background-color: #FEF6F6;
	background-image: url(../images/ico_wait.gif);
*/
}


.loading_window table td.status_wait_td {

	background-image: url(../images/ico-wait.svg);
        height: 20px;
    margin-top: -2px;
    width: 20px;
    background-position: center center;
}


.status_wait_span
{
  background: url(../images/ico-wait.svg) no-repeat;
  background-position: center right;

}



.go_map_point
{
    background: url('../images/go_map.svg') top left no-repeat;
    background-size: contain;
    content: "";
    display: block;
    float: left;
    height: 20px;
    margin-top: -2px;
    width: 20px;

}


#tihidBlueBar{
    background-color:#3b5998;
    width:100%;
    height:38px;
    border-bottom:1px solid #133783;
}
#tihidSearchBar{
    width:40%;
    margin:5px 0px 0px 0px;
    border:1px solid #d3d6db;
    height:25px;
    padding:0 10px;
    outline:0px;
    color:#777;
    font-size:14px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.tihidIcon{
    float:left;
    margin:5px 10px 0px 10%;
}
i{
    font-size:34px;
    color:#fff;
}
#tihidOutput{
    display:none;


    margin-top:0px;
    padding:4px 0px;
    border: 1px solid #ccc;
    background: #fff;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0 4px 6px 2px rgba(0, 0, 0, .10);
}
ul{
    display: block;
}


.selected{
    background: #4c66a4;
    color: #fff;
}
.li1{
    border: none;
    padding: 0;
    position: relative;
}
.a1{
    color:#444;
    position: relative;
    white-space: nowrap;
}
.img1{
    float: left;
    height: 40px;
    width: 40px;
    margin: 4px 7px 0 7px;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.span2{
    display: block;
    height: 48px;
    overflow: hidden;
    position: relative;
}
.span3{
    line-height: 16px;
    margin: 9px 0;
    display: inline-block;
    float: left;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a1 .span4{
    font-weight: 700;
}
.span5{
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.span7{
    color: #999;
    font-size: 11px;
    font-weight: 300;
}
.hide_src{
    line-height: 23px;
    text-align: center;
    padding: 8px 0;
    border-top: 1px solid #e1e1e1;
    cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
    font-weight: bold;
    color: #5d5d5d;
    font-size: 11px;
}
.hide_src a{
    color: #5d5d5d;
}
.hide_src img{
    margin-left: 12px;
    position: relative;
    top: 4px;
}


.error label{

    display: inline-block;
    padding: 9px;
}


.error{
    background:#fff9d2;
}

.error_text
{
  font-size: 15px;
    color:#e40e0e;
}


.errorPOIname{
    background:#ff471a;
}

.msg-popup
{



    top: 150px;
}


.panel_left .logo{
		background: url(../images/logo.svg) no-repeat;

	height: 39px;
	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);
		    background-size: cover;
            stroke: #e3c200;
    fill: #e3c200;
}



/* --------------------------------- */
.resetlink{

    text-align: left;
    z-index: 99999;
    position: absolute;
    font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width: 220px;
	line-height: 30px;
    color: #616161;
    padding: 0 4px;
}

.resetlink:hover{
    color: #000000;
}

/*
.disabled {
    background: black;
    opacity: 0.2;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
}*/

.response  {



}

.waitingfor {
    min-height: 200px;

    background: url(../images/waiting_for.gif) no-repeat;
}


.activityrow
{

  display: block;
    width: auto;
    text-align: left;

    position: relative;

}
.activityrow .legend
{

        background: black;
    width: 33px;
    height: 12px;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;

}
.outer_activity {
    width: 100px;
    height:100%;
    overflow: auto;
    white-space:nowrap;
}
.inner_activity {

    width:50px;
    height:20px;
    display:inline-block;
}


 .Lcolor_1 {  border: 4px solid #08A5F2  !important;}
 .Lcolor_2 {   border: 4px solid #0BCD6E  !important; }
 .Lcolor_3 {  border: 4px solid #E04129  !important; }
 .Lcolor_4 {  border: 4px solid #9D56B8  !important; }
 .Lcolor_5 { border: 4px solid #FB9500  !important;}
 .Lcolor_6 {  border: 4px solid #DF0559  !important;}
 .Lcolor_7 {  border: 4px solid #426AB5  !important;}
 .Lcolor_8 {  border: 4px solid #0DBB9B  !important; }
 .Lcolor_9 {  border: 4px solid #D37470  !important; }
 .Lcolor_10 { border: 4px solid #579F5A  !important;  }
 .Lcolor_11 { border: 4px solid #C45E28  !important; }
 .Lcolor_12 {  border: 4px solid #3E8DC0  !important; }
 .Lcolor_13 {  border: 4px solid #eb278d  !important; }
 .Lcolor_14 {  border: 4px solid #000080  !important; }



 .ulcolor_1 { border-left: 5px solid #08A5F2 !important;}
 .ulcolor_2 { border-left: 5px solid #0BCD6E !important;}
 .ulcolor_3 {  border-left: 5px solid #E04129 !important;}
 .ulcolor_4 { border-left: 5px solid #9D56B8 !important;}
 .ulcolor_5 { border-left: 5px solid #FB9500 !important;}
 .ulcolor_6 { border-left: 5px solid #DF0559 !important;}
 .ulcolor_7 {  border-left: 5px solid #426AB5 !important;}
 .ulcolor_8 { border-left: 5px solid #0DBB9B !important;}
 .ulcolor_9 {  border-left: 5px solid #D37470 !important;}
 .ulcolor_10 {   border-left: 5px solid #579F5A !important;}
 .ulcolor_11 {  border-left: 5px solid #C45E28 !important;}
 .ulcolor_12 { border-left: 5px solid #3E8DC0 !important;}


 .ulcolor_13 {  border-left: 5px solid  #eb278d  !important; }
 .ulcolor_14 {  border-left: 5px solid  #000080  !important; }


 .crcolor_1 { border: 4px solid  #08A5F2 !important;}
 .crcolor_2 { border: 4px solid  #0BCD6E !important;}
 .crcolor_3 {  border: 4px solid #E04129 !important;}
 .crcolor_4 { border: 4px solid  #9D56B8 !important;}
 .crcolor_5 { border: 4px solid  #FB9500 !important;}
 .crcolor_6 { border: 4px solid  #DF0559 !important;}
 .crcolor_7 {  border: 4px solid  #426AB5 !important;}
 .crcolor_8 { border: 4px solid  #0DBB9B !important;}
 .crcolor_9 {  border: 4px solid  #D37470 !important;}
 .crcolor_10 {   border: 4px solid  #579F5A !important;}
 .crcolor_11 {  border: 4px solid  #C45E28 !important;}
 .crcolor_12 { border: 4px solid  #3E8DC0 !important;}

  .ulcolor_13 {  border: 4px solid   #eb278d  !important; }
 .ulcolor_14 {  border: 4px solid   #000080  !important; }

.window .button.close2{
	background-image: url(../images/bg_close.svg);
}

.hidden
{
    visibility: hidden;

}



/*---------------------------------------------------*/
.system_window_gps.window{
	width: 960px;
	top: 120px;
	margin: 0 0 0 -480px;
}
.system_window_gps nav.menu{

}
.system_window_gps nav.menu ul{
	overflow: hidden;
	margin-bottom: -20px;
}
.system_window_gps nav.menu > ul > li{
	float: left;
	width: 408px;
	height: 124px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #ECECEC;
	padding: 15px 20px 0 20px;
	position: relative;
}
.system_window_gps nav.menu > ul > li:nth-of-type(2n){
	float: right;
}
.system_window_gps nav.menu > ul > li:nth-of-type(2n+1) {
  clear: left;
}

.system_window_gps nav.menu > ul > li:after{

	width: 64px;
	height: 64px;

	border-radius: 32px;
	display: block;
	content: "";
	position: absolute;
	top: 11px;
	right: 20px;
}

.system_window_gps nav.menu > ul > li.subscription:after{background-image: url(../images/bg_sys_menu_subscription.svg);}
.system_window_gps nav.menu > ul > li.gps_devices:after{background-image: url(../images/bg_sys_menu_gps_devices.svg);}
.system_window_gps nav.menu > ul > li.drivers:after{background-image: url(../images/bg_sys_menu_drivers.svg);}
.system_window_gps nav.menu > ul > li.partners:after{background-image: url(../images/bg_sys_menu_partners.svg);}
.system_window_gps nav.menu > ul > li.poi:after{background-image: url(../images/bg_sys_menu_poi.svg);}


.system_window_gps nav.menu > ul > li > ul > li{
	background: url(../images/bg_list.svg) no-repeat left 6px;
	padding-left: 16px;
	line-height: 1.3;
	margin-bottom: 5px;
}


.system_window_gps nav.menu ul a{




}
.system_window_gps nav.menu ul a:hover{
	text-decoration: none;
}

.system_window_gps nav.menu .text{
	overflow: hidden;
}
.system_window_gps nav.menu .text .header{
	margin-bottom: 10px;
	font-size: 15px;
}
.system_window_gps 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_password{	background-image: url(../images/menu_ico_password.svg);	 }

.system_window nav.menu .circle.menu_ico_user{	background-image: url(../images/menu_ico_user.svg);	 }
.system_window nav.menu .circle.menu_ico_driver{	background-image: url(../images/menu_ico_driver.svg);	 }
.system_window nav.menu .circle.menu_ico_scheduling{	background-image: url(../images/menu_ico_scheduling.svg);	 }
.system_window nav.menu .circle.menu_ico_ext_unit{	background-image: url(../images/menu_ico_ext_unit.svg);	 }


/*
.system_window nav.menu .circle.menu_ico_segment{	background-image: url(../images/menu_ico_segment.svg);	 }

.system_window nav.menu .circle.menu_ico_timezone{	background-image: url(../images/menu_ico_timezone.svg);	 }
.system_window nav.menu .circle.menu_ico_general{	background-image: url(../images/menu_ico_general.svg);	 }
.system_window nav.menu .circle.menu_ico_group{	background-image: url(../images/menu_ico_group.svg);	 }
.system_window nav.menu .circle.menu_ico_unit{	background-image: url(../images/menu_ico_unit.svg);	 }
.system_window nav.menu .circle.menu_ico_tracer{	background-image: url(../images/menu_ico_tracer.svg);	 }
*/




.system_window_gps nav.menu p{
	line-height: 1.6;
}

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

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

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

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

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

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

.system_window_gps .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
    	margin-bottom: 20px;
	display: block;
	float: left;

}
.system_window_gps .add_new_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}

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

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

.system_window_gps.system_auto_operations_window .table_container{
	margin: 15px -16px -1px -16px;
}
.system_window_gps .mtop{
	margin-top: 5px;
}
.system_window_gps span.color{
	width: 24px;
	height: 24px;
	border: 1px solid #E0E0E0;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: default;
}

.blockMsg
{
    	display: block !important;
}

.system_window_gps span.color span{
	background: black;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: 4px;
}
.system_window_gps span.color.color_1 span{ background-color: #08A5F2; }
.system_window_gps span.color.color_2 span{ background-color: #0BCD6E; }
.system_window_gps span.color.color_3 span{ background-color: #E04129; }
.system_window_gps span.color.color_4 span{ background-color: #9D56B8; }
.system_window_gps span.color.color_5 span{ background-color: #FB9500; }
.system_window_gps span.color.color_6 span{ background-color: #DF0559; }
.system_window_gps span.color.color_7 span{ background-color: #426AB5; }
.system_window_gps span.color.color_8 span{ background-color: #0DBB9B; }
.system_window_gps span.color.color_9 span{ background-color: #D37470; }
.system_window_gps span.color.color_10 span{ background-color: #579F5A; }
.system_window_gps span.color.color_11 span{ background-color: #C45E28; }
.system_window_gps span.color.color_12 span{ background-color: #3E8DC0; }
.system_window_gps span.color.color_13 span{ background-color: #eb278d; }
.system_window_gps span.color.color_14 span{ background-color: #000080; }


/*---------------------------------------------------*/



.data_section .hiddenleft
{
    visibility: hidden;

}

.onerow
{
    display: inline-block !important;
}

.normal
{
    color: green;
}
.warnig
{
    color: red;
}

.datetime
{
color :#807078;

}
.datetime::before
{
  content: "\A";
  /* white-space: pre;
   padding: 0px 8px;*/
   display: table;
}

option:disabled {
    display: none;
}

.text_wrapper input[type=text]
{
  width: 83% !important;
  max-width: 83%;
}
.panel_left .devices .device_item.opened .content nav.menu ul li {
    border-bottom: 1px solid #ECECEC;
}

.copydata {
    width: 28px;
    height: 28px;

    margin-top: 2px;
    margin-left: 3px;
    display: inline-block !important;
}

.copydata svg {
    width: 100%;
    height: 100%;
}