@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%;
}
a{
	text-decoration: none;
	color: #444444;
	outline: none;
}
h1{
	font-size: 16px;
	margin: 0;
}
h2, h3, h4, h5{
	font-size: 14px;
	margin: 0;
}

.ocrext-element {
     visibility: hidden;
    height: 0px;
}

.hovered
{
    color: #22a7f0;
	fill: #22a7f0;
    text-decoration: none;
    cursor: hand !important;

}

.hovering:hover {

    cursor: pointer;
    cursor: hand !important;
     color: #22a7f0;
	fill: #22a7f0;
}



a.hovered
{

    cursor: pointer;
    cursor: hand !important;


}

.WIDTH_250
{
    width: 250px !important;
    min-width: 100px;
}

.WIDTH_350
{
    width: 350px !important;
    min-width: 100px;
}

.WIDTH_450
{
    width: 450px !important;
    min-width: 100px;
}
.WIDTH_550
{
    width: 550px !important;
    min-width: 100px;
}
.WIDTH_650
{
    width: 650px !important;
    min-width: 100px;
}
.WIDTH_750
{
    width: 750px !important;
    min-width: 100px;
}

.WIDTH_100
{
    width: 100% !important;
    min-width: 100px;
}
.inactive
{
    color: #c1c1c1;
	fill: #c1c1c1;
    text-decoration: none;

}

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;
}

.maxw
{

    width: 250px !important;
}

.w250
{

     width: 250px !important;
}

.w150
{

     width: 150px !important;
}

.w100
{

     width: 100px !important;
}
.w50
{

     width: 50px !important;
}

/*---------------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;
}
.f-center{
	float: center !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;
}
.hr{
	border-bottom: 1px solid #ececec;
	margin: 15px 0;
	height: 1px;
}

/*---------------------------------------------------*/
.button1{
	background: #444444;
	color: white !important;
	height: 32px;
	border: 1px solid transparent;
	line-height: 32px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 29px;
	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;*/
}

.button1.lightgray{
	background-color: #F7F7F7;
	border: 1px solid #EBEBEB;
	color: #22a7f0 !important;
}
.button1.lightgray:hover{
	background-color: #fbfbfb;
}

.button1.gray{
	background-color: #a9a9a9;
}
.button1.gray:hover{
	background-color: #c3c3c3;
}


.button1.fixwidth{
	padding: 0;
	width: 150px;
}

.button1.fullwidth{
	width: 100%;
	display: block;
	box-sizing: border-box;
}


/* -------------------refresh ------------------*/
.rf_button{
    	height: 16px;
        width: 16px;

}

.button_refresh{
	background: url(../images/reload_btn.svg) no-repeat  center !important;
	color: white !important;
	height: 16px;
	border: 1px solid transparent;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 29px;
	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;

}
.button_refresh:hover{
	 transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
}

/*---------------------------------------------------*/
.checkbox1{
	background: url(../images/bg_checkbox1.svg) 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.svg);
}


.checkbox_poi_1{
	background: url(../images/bg_checkbox1.svg) no-repeat left center;
	padding-left: 17px;
    background-size: 22px;
	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+ */
}
.checkbox_poi_1.active{
	background-image: url(../images/bg_checkbox1_active.svg);
}

.checkbox2{
	background: url(../images/bg_checkbox2.svg) no-repeat left center;
	padding-left: 32px;
    background-size: 22px;
	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;
}
.checkbox3.active{
	background-image: url(../images/bg_checkbox2_active.svg);
}


.checkbox3{
	background: url(../images/bg_checkbox2.svg) no-repeat left center;
	padding-left: 24px;
    background-size: 22px;
	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.svg);
}

.checkbox2.readonly{
	background-image: url(../images/bg_checkbox2_readonly.svg);
}

.padfix
{
 	padding-left: 25px !important;

}

.radiobutton1{
	background: url(../images/bg_radiobutton1.svg) 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.svg);
}


.radiobutton2{
	background: url(../images/bg_radiobutton2.svg) no-repeat left center;
	padding-left: 17px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	font-size: 12px;
	min-height: 13px;
	line-height: 1.3;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
}
.radiobutton2.active{
	background-image: url(../images/bg_radiobutton2_active.svg);
}


/*---------------------------------------------------*/
.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;
    min-width: 100%;
	border-collapse: collapse;
	border: 1px solid #E7E7E7;
	font-size: 13px;
	line-height: 1.3;
	border-spacing: 0;
    min-height: 162px;
}
table.datatable2 tbody{
overflow-y: scroll;
overflow-x: hidden;
}


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;
}
table.datatable2 thead a{
	color: #22a7f0;
}

table.datatable2 tbody tr.selected td{
	background-color: #f1f1f1;
}


/* 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;
}


.hide
{
   	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;
}
/*---------------------------------------------------*/

/*---------------------------------------------------*/
.map_container_poi_settings{
	background: #D1E4C7;
	width: 50%;
	height: 80%;
	overflow: hidden;
	position: fixed;
}
.map_container_poi_settings iframe{
	width: 50%;
	height: 80%;
	border: 0;
	display: block;
}

.map_container_poi_settings img.sample{
	border: 0;
	display: block;
}

.field_MAP
{	height: 50% !important;


}

.field_Datas
{
   	height: 50% !important;

}
/*---------------------------------------------------*/


.panel_left{

}
.panel_top{

}
.panel_right{
		/*background: white;
	position: absolute;
	top: 10px;
	right: 5px;
	width: 335px;
	z-index: 4;
	height: calc(100% - 20px);*/

	height: 100%;




}


.panel_center{

}
.panel_minimize{
	position: absolute;
	left: 370px;
	bottom: 10px;
}



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

.panel_left_opener{
	background: white;
	width: 63px;
	height: 53px;
	padding: 10px 0 0 0;
	font: 10px "Lato";
	text-align: center;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 5px;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_left_opener .ico{
	display: block;
}
.panel_left_opener .ico svg,
.panel_left_opener .ico svg g{
	max-width: 100%;
	height: 30px;
	stroke: #444444;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_left_opener:hover{
	color: #22a7f0;
}
.panel_left_opener:hover svg,
.panel_left_opener:hover svg g{
	stroke: #22a7f0;
}

.panel_left{
	background: white;
	height: auto;
	position: absolute;
	z-index: 3;
	left: 5px;
	top: 10px;
	width: 0;
	height: 90%;
	height: calc(100% - 48px);
	overflow: hidden;
	-webkit-transition: all 0.5s cubic-bezier(.47,.11,0,.89);
	   -moz-transition: all 0.5s cubic-bezier(.47,.11,0,.89);
           transition: all 0.5s cubic-bezier(.47,.11,0,.89);
}

.panel_left.opened {
	width: 323px;
	padding: 13px 10px;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);

}


.panel_left .top{
    background: #f7f7f7;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    height: 50px;
    line-height: 53px;
    padding: 0 10px;
    position: relative;
    margin: -13px -10px 10px -10px;
    display: none;
}
.panel_left.opened .top{
	display: block;
}

.panel_left .top .head_text{
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
}
.panel_left .top .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;
}
.panel_left .top .button:hover{
	background-color: #616161;
}
.panel_left .top .button.close{
	background-image: url(../images/bg_close.svg);
	position: absolute;
	right: 10px;
	top: 10px;
}

.panel_left > .opener .title{
	display: block;
	text-transform: uppercase;
}


.panel_left .pcontent{

	height: calc(100% - 55px);
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
           transition: all 0.5s linear;
}


.panel_left.opened .pcontent{
	opacity: 1;
}

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

.panel_left .filterform{

}

.panel_left .jarmufollow{
	padding-top: 5px;
    padding-bottom: 5px;
}


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

.panel_left .follow{
	margin-top: 10px;
}


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

/*.panel_left .scrollbox.scrollactive{
	width: 330px;
	padding-right: 11px;
}*/
/*
html.ua_mac .panel_left .scrollbox.scrollactive{
	width: 313px;
}*/

/*html.ua_mac .panel_left .scrollbox.scrollactive{
	width: 328px;
}*/



/*.panel_left .scrollbox.scrollactive:hover{
	overflow-y: auto;
	width: 330px;
	padding-right: 11px;
}*/
.panel_left  .list_info{
	text-align: center;
	font-size: 12px;

}
.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.svg) no-repeat 5px center;
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	display: block;
	border-bottom: 1px solid #ECECEC;
    	cursor: move;
		position: relative;
}

.panel_left .groups .group_item > .handle .view{
	display: block;
	width: 22px;
	height: 16px;
	position: absolute;
	right: 30px;
	top: 8px;
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;
}
.panel_left .groups .group_item > .handle .view svg{
	fill: rgba(255,0,0,0.7);
	stroke: rgba(255,0,0,0.7);
    	width: 100%;
	height: 100%;
	vertical-align: top;
}
.panel_left .groups .group_item > .handle .view.active svg{


    fill: rgba(35,31,32,0.5);
	stroke: rgba(35,31,32,0.5);
	width: 100%;
	height: 100%;
	vertical-align: top;
}



.panel_left .groups .group_item > .handle .arrow{
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 7px;
	top: 7px;
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;

}
.panel_left .groups .group_item.opened > .handle .arrow{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel_left .groups .group_item > .handle .arrow svg{
	width: 100%;
	height: 100%;
	vertical-align: top;
}



.panel_left .devices{
	background: #08A5F2;
	padding-left: 13px;
	display: none;
}
.panel_left .groups .group_item.opened .devices{
	display: block;
    	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.svg) 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: 200px;
	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{
	background-color: white;
	border: 1px solid #E7E7E7;
	width: 28px;
	height: 28px;
}


.panel_left .devices .device_item .head .buttons .button.position{
	padding: 0 6px;
	width: 18px;
	stroke: #cdcdcd;
	fill: #cdcdcd;
	
}
.panel_left .devices .device_item .head .buttons .button.position.yellow{
	stroke: #e3c200;
	fill: #e3c200;
}


.panel_left .devices .device_item .head .buttons .button.position.blue{
	stroke: #3E8DC0;
	fill: #3E8DC0;
}


.panel_left .devices .device_item .head .buttons .button.position.red{
	stroke: #db0000;
	fill: #db0000;
}

.panel_left .devices .device_item .head .buttons .button.position.green{
	stroke: #0ec012;
	fill: #0ec012;
}



.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: 321px;
}
.panel_left .placeholder{
	background: #f0f0f0;
	width: 308px;
	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;	*/
	width: 25%;
	/*border-right: 1px solid #ECECEC;*/
	box-shadow: -1px 0px 0px #ececec inset;
}
.panel_left .devices .device_item.opened .content nav.menu ul li:last-child,
.panel_left .devices .device_item.opened .content nav.menu ul li.last{
	/*width: 73px;
	border-right: 0;*/
	width: 25%;
	box-shadow: 0 0 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;
    text-decoration: none;
}

/* 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 input.size3{
	width: 158px;
	margin-right: 5px;
}

.panel_left  .innerform input.sizeMax{
	max-width: 250px;
	width: 250px;
	margin-right: 5px;
}
.left .sizeMax {
    max-width: 250px;
    width: 215px !important;
    margin-right: 5px;
}

.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: 120px;
	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 10px -10px;
}

.panel_left .route  ul.items{
	/*border-left: 5px solid #00C100;*/
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 1.5;
}
.panel_left .route  ul.items li{
	padding: 0 20px 0 20px;
	position: relative;
	padding-bottom: 10px;
}

.panel_left .route  ul.items > li{
	border-left: 5px solid #00C100;
}
.panel_left .route  ul.items > li:last-child{
	padding-bottom: 0;
}


.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 svg{
	width: 8px;
	height: 8px;
	fill: #00C100;
}


.panel_left .route  ul.items .item_top .ico.start svg{
	width: 10px;
	height: 10px;
	margin-left: 3px;
	margin-top: 6px;
}

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

.panel_left .route ul.items > li.line_color_menet { border-color: #1989e0 !important; }
.panel_left .route ul.items > li.line_color_menet .ico{ border-color: #1989e0   }
.panel_left .route ul.items > li.line_color_menet .item_top .ico svg{ fill: #1989e0 !important; }
.panel_left .route ul.items > li.line_color_menet ul.inner_data .circle { border-color: #1989e0 !important; }

.panel_left .route ul.items > li.line_color_nincs_gyujtas { border-color: #babaff !important; }
.panel_left .route ul.items > li.line_color_nincs_gyujtas .ico{ border-color: #babaff  }
.panel_left .route ul.items > li.line_color_nincs_gyujtas .item_top .ico svg{ fill: #babaff !important; }
.panel_left .route ul.items > li.line_color_nincs_gyujtas ul.inner_data .circle { border-color: #babaff !important;  }


.panel_left .route ul.items > li.kijelolve { border-color: #ff0202 !important; }
.panel_left .route ul.items > li.kijelolve .ico{ border-color: #ff0202   }
.panel_left .route ul.items > li.kijelolve .item_top .ico svg{ fill: #ff0202 !important; }
.panel_left .route ul.items > li.kijelolve ul.inner_data .circle { border-color: #ff0202 !important; }


.panel_left .route  ul.items .opener{

	/*background: white url(../images/bg_plus.svg) no-repeat center;*/
	display: block;
	width: 17px;
	height: 17px;
	border: 1px solid #aaaaaa;
	position: absolute;
	right: 0;
	top: 6px;
	cursor: pointer;
	border-radius: 9px;
	text-align: center;
		-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.panel_left .route  ul.items .opener svg{
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	stroke: #aaaaaa;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
		  transition: all 0.3s linear;
}

.panel_left .route  ul.items li.opened .item_top .opener{
	border-color: #22a7f0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel_left .route  ul.items li.opened .item_top .opener svg{
	stroke: #22a7f0;
}



.panel_left .route  ul.items .item_top .time{
	display: inline-block;
	width: 50px;
}
.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 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 li > .opener{
	position: static;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.panel_left .route  ul.inner_data li.opened > .opener{
	border-color: #22a7f0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel_left .route  ul.inner_data li.opened > .opener svg{
	stroke: #22a7f0;
}

.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 .leftanel_footer{
	text-align: center;

    padding: 10px 0;
    font-size: 12px;
}



/*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; }


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


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


.panel_left .btn-danger {
  background-color: rgb(245, 255, 186);


}
/*---------------------------------------------------*/
.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;
}

.INVALID
 {

    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;

 }

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


.dataform .input_wrapper{

	overflow: hidden;
	display: block;
	vertical-align: middle;
}



.dataform .select_wrapper{
	background: white url(../images/bg_select.svg) no-repeat right 10px 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;
    margin-top: 3px;
}

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


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

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



.dataform textarea{
	border: 1px solid #AAAAAA;
	font-size: 13px;
	padding: 6px 5px;
	font-family: "Lato";
	width: 100%;
	box-sizing: border-box;
}

.dataform .field{
	margin: 15px 0;
}
.dataform .field .label{
	margin-bottom: 10px;
	display: block;
}
.dataform .field .label.left{
	float: left;
	padding-top: 9px;
	width: 170px;
	margin-right: 10px;
}
.dataform .field .input{
	position: relative;
}
.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;
}

.dataform .field.visible
{
  display: inline !important;

}


/*---------------------------------------------------*/
.panel_top{
	background: white;
	position: absolute;
	left: 50%;
	border-top: 0;
	font-size: 12px;
	margin-left: -292px;
	min-width: 584px;
	-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: 0;
}

.panel_top nav.menu{
	display: none;
}
.panel_top .info{
	display: none;
}

.panel_top .status_message{
	color: white;
	border: 1px solid #CCCCCC;
	border-top: 0;
	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 ul{
	background: white;
}
.panel_top .status_message ul li{
	background: #00C100;
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
.panel_top .status_message ul li:last-child{
	border-bottom: 0;
}

.panel_top .status_message ul li.error{
	background-color: #df4129;
}
/*---------------------------------------------------*/
.map_settings{
	/*position: absolute;
	top: 10px;
	right: 5px;	*/
}
/*.map_settings .opener{
	background: white url(../images/bg_select.svg) 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{
	padding: 10px;
	border: 1px solid #ECECEC;
}
.map_settings.opened .content{
	display: block;
}

.map_settings .checkbox1{
	display: block;
	width: auto;
	margin: 0 0 10px 0;
}
.map_settings .checkbox1:last-of-type{
	margin-bottom: 0;
}

.map_settings .radiobutton1{
	display: block;
	width: auto;
	margin: 0 0 10px 0;
}
.map_settings .radiobutton1: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 .optinner_content{
padding: 10px;
   margin: 10px;
   background: #DACDD2;
   color: #000;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border:1px dashed #000;



   font-weight: normal;

}


.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 .newbutton{
	background: #08A5F2 no-repeat center;
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	line-height: 23px;
	color: white;
	text-align: center;
	font-size: 15px;

	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}

.window .button:hover{
	background-color: #616161;
    text-decoration: none;
}
.window .button.close{
	background-image: url(../images/bg_close.svg);
}
.window .button.minimize{
	background-image: url(../images/bg_minimize.svg);
}
.window.minimized .button.minimize{
	display: none;
}
.window .button.normal_size{
	background-image: url(../images/bg_normal_size.svg);
	display: none;
}
.window.minimized .button.normal_size,
.window.maximized .button.normal_size{
	display: inline-block;
}


.window .button.maximize{
	background-image: url(../images/bg_maximize.svg);
}
.window.maximized .button.maximize{
	display: none;
}

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

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

.window .windowcontent{
	padding: 20px;
  /*  max-height: calc(100% - 110px) !important;
    overflow: auto;*/
}
.window .windowcontent .header{
	font-size: 14px;
	color: #22a7f0;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
     cursor: default !important;
}

/*minimized*/
.window.minimized{
	width: auto !important;
	position: static !important;
	float: left;
	/*right: 5px !important;*/
	/*left: 370px !important;
	top: auto !important;
	bottom: 10px !important;*/

	width: auto !important;
	height: auto !important;
	right: auto !important;*/
	left: auto !important;
	top: auto !important;
	bottom: auto !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 .select_wrapper{
	display: none;
}

.window.minimized .top .head_text{
	margin-right: 20px;
	cursor: default;

}
.window.minimized .top .head_text .ext{
	font-size: inherit;
}
.window.minimized .top .head_text:hover{
	color: #22a7f0;
    text-decoration: none;
}
/*---------------------------------------------------*/
.search_window{

}
.search_window.toggle_panel_right{

}
.search_window.opened.toggle_panel_right{
	height: 90%;
	height: calc(100% - 40px);
}
.search_window.opened.toggle_panel_right .content{
	height: 90%;
	height: calc(100% - 51px);
}


.search_window .section{
	border: 1px solid #ECECEC;

    	margin-bottom: 10px;

}

.search_window .section.new_route{
	margin-bottom: 0;
}


.search_window .searchform .progress_indicator .label{
	background: url(../images/bg_progress.svg) no-repeat left center;
	font-size: 13px;
	padding: 10px 0 8px 20px;
	display: block;
	visibility: hidden;
}
.search_window .searchform .progress_indicator.searching .label{
	visibility: visible;
}

.search_window .section .section_header{
	background: #DFDFDF;
	font-size: 13px;
	font-weight: bold;
	display: block;
	padding: 10px 5px;
	text-align: center;

	border-bottom: 1px solid #DFDFDF;
}

.search_window .section .section_header.whitebg{
	background-color: white;
}


.search_window .searchform{

}

.search_window .searchform .hr{
	margin: 0 -10px;
}


.search_window .searchform .options{
	padding: 10px;
    /*	border: 1px solid #ECECEC;*/
	margin-bottom: 10px;

}
.search_window .searchform .options .selector{
	width: 49%;
	box-sizing: border-box;
	border: 1px solid #B5B5B5;
}
.search_window .searchform .options .selector.left{
	float: left;
}
.search_window .searchform .options .selector.right{
	float: right;
}
.search_window .searchform .options .selector .caption{
	background: white url(../images/bg_select.svg) no-repeat right center;
	padding: 5px;
	display: block;
	cursor: pointer;
}
.search_window .searchform .options .selector .selector_content{
	padding: 5px;
	display: none;
}
.search_window .searchform .options .selector.active .selector_content{
	display: block;
}

.search_window .searchform .options .selector .radiobutton2,
.search_window .searchform .options .selector .checkbox1{
	display: block;
	width: auto;
	margin: 0 0 8px 0;
}
.search_window .searchform .options .selector .radiobutton1:last-of-type,
.search_window .searchform .options .selector .checkbox1:last-of-type{
	margin-bottom: 0;
}

.search_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
	display: inline-block;
	color: #41a2d8;
}

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

.search_window .searchparam_box{
	padding: 10px 8px;
}
.search_window .searchparam_box nav.menu{
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}
.search_window .searchparam_box nav.menu ul{
	overflow: hidden;
}
.search_window .searchparam_box nav.menu ul li{
	float: left;
	width: 25%;
	/*box-shadow: -1px 0px 0px #DDDDDD inset;*/
	border-right: 1px solid #DDDDDD;
	box-sizing: border-box;
}
.search_window .searchparam_box nav.menu ul li:last-child,
.search_window .searchparam_box nav.menu ul li.last{
	/*width: 73px;
	border-right: 0;*/
	width: 25%;
	/*box-shadow: 0 0 0;*/
	border-right: 0;
}
.search_window .searchparam_box 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;
}
.search_window .searchparam_box nav.menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
.search_window .searchparam_box nav.menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}

.search_window .searchparam_box nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
}
.search_window .searchparam_box nav.menu svg{
	width: 100%;
	height: 100%;
}

.search_window .searchparam_box .menu_content{

}
.search_window .searchparam_box .menu_content .item{
	display: none;
}
.search_window .searchparam_box .menu_content .item.opened{
	display: block;
}



.search_window .searchform .destinations{
	background: #F7F7F7;
	padding: 10px 0 5px 0;
}
.search_window .searchform .sample{
	display: none;
}
.search_window .searchform ul.address_items{

}
.search_window .searchform ul.address_items li{
	/*margin-bottom: 10px;
	padding: 0 10px;*/
}
.search_window .searchform ul.address_items li.placeholder{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1) inset;
}


.search_window ul.address_items{
	font-size: 14px;
	color: #41a2d8;
	margin: 0 -10px;

}

.search_window ul.address_items li{
	padding: 13px 10px !important;
	cursor: default;
	border-bottom: 1px solid #ECECEC;
	position: relative;
}
.search_window ul.address_items li.placeholder{
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1) inset;
}

.search_window ul.address_items li .handle{
	background: url(../images/bg_search_handle1.svg) no-repeat 9px center;
	width: 25px;
	height: 21px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	cursor: move;
	color: #444545;
}
.search_window ul.address_items li .handle svg{
	width: 13px;
	height: 13px;
	margin-top: 4px;
	fill: #444545;
}
.search_window ul.address_items li .handle:hover svg{
	fill: #22a7f0;
}

.search_window ul.address_items li:last-child .handle{
	background-image: url(../images/bg_search_handle2.svg);
}
.search_window ul.address_items .remove{
	background: #E8E8E8;
	width: 18px;
	height: 18px;
	line-height: 16px;
	border-radius: 9px;
	display: block;
	position: absolute;
	right: 10px;
	top: 14px;
	text-align: center;
	color: #444444;
	font-size: 26px;
	cursor: pointer;
}
.search_window ul.address_items .text{
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
}


.search_window .button_container2{
	margin: 10px 0;
}

.search_window .searchform .field{
	margin-top: 0;
	margin-bottom: 10px;
}
.search_window .searchform .field.c2{
	width: 49%;
	float: left;
}
.search_window .searchform .field.right{
	float: right;
}


/*
.search_window .searchform input[type=text]{
	width: 227px;
	font-size: 14px;
}
*/

.search_window .searchform input[type=text]{
	width: 100%;
	box-sizing: border-box;
	font-size: 14px;
}


.search_window .searchform .button_container{
	 padding: 10px 8px;
	 border-top: 1px solid #ececec;
}
.search_window .searchform .progress_indicator{

}
.search_window .searchform .progress_indicator .label{
	background: url(../images/bg_progress.svg) no-repeat left center;
	font-size: 13px;
	padding: 10px 0 8px 20px;
	display: block;
	visibility: hidden;
}
.search_window .searchform .progress_indicator.searching .label{
	visibility: visible;
}



.search_window .searchform ul.address_items li .remove{
background: #E8E8E8;
    width: 18px;
    height: 18px;
    line-height: 16px;
    border-radius: 9px;
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
    text-align: center;
    color: #444444;
    font-size: 26px;
    cursor: pointer;
}
.search_window .searchform ul.address_items li .remove svg{
	width: 10px;
	height: 10px;
}
.search_window .searchform ul.address_items li .remove:hover svg{
	fill: #22a7f0;
}


.search_window .searchform .add_new_address{
	font-size: 14px;
	font-weight: bold;
	color: #22a7f0;
	cursor: pointer;
	display: inline-block;
	padding: 8px 0;
	margin-left: 43px;
}
.search_window .searchform .add_new_address:hover{
	color: #444444;
}
.search_window .searchform .add_new_address svg{
	width: 10px;
	height: 10px;
	fill: #22a7f0;
}
.search_window .searchform .add_new_address:hover svg{
	fill: #444444;
}

.search_window .result_content{
	background: white;
	margin-top: -1px;
	position: relative;
	z-index: 2;
}
.search_window .result_content .title{
	font-size: 10px;
	color: #999999;
	padding: 10px;
	display: block;
	text-transform: uppercase;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
}
.search_window .result_content .scrollbox{
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 500px;
}
.search_window .result_content .res_scroll{
	height: calc(100% - 200px);
}




.search_window .result_content .results ul{

}
.search_window .result_content .results > ul > li{
	padding: 15px 0;
	border-bottom: 1px solid #EBEBEB;
	line-height: 1.5;
	font-size: 13px;
	color: #999999;
	overflow: hidden;
	cursor: default;
}
/*.search_window .result_content .results > ul > li:hover{
	background-color: #F7F7F7;
}*/

.search_window .result_content .results.search > ul > li > .ico{
	background: #E6E6E6;
	width: 40px;
	height: 40px;
	float: left;
	border-radius: 20px;
	margin: 0 10px;
}
.search_window .result_content .results > ul > li .text{
	overflow: hidden;
}
.search_window .result_content .results > ul > li .name{
	color: #444444;
	font-weight: bold;
	display: block;
}

.search_window .result_content .results.route > ul > li .text{
	width: 140px;
	float: left;
	padding: 0 5px 0 10px;
}
.search_window .result_content .results.route > ul > li .route_progress{
	width: 130px;
	float: left;
	font-size: 12px;
}
.search_window .result_content .results.route > ul > li .route_progress .distance{
	color: #0ec012;
	display: block;
}

.search_window .line_color_pinkline{
padding: 0 20px 0 20px;
    position: relative;
    padding-bottom: 20px;
}

.search_window .line_color_blue{
padding: 0 20px 0 20px;
    position: relative;
    padding-bottom: 20px;
}




.search_window .result_content .results.route > ul > li .open_panel{
	float: right;
}

.search_window .result_content .results.route > ul > li .share_panel{
	margin-top: 10px;
}

.search_window .result_content .results.route .caption{
	display: block;
	font-weight: bold;
	color: #444444;
	margin-bottom: 8px;
}

.search_window .result_content .results.route > ul > li .share_panel a.share{
	background: url(../images/bg_share.svg) no-repeat left center;
	font-size: 13px;
	color: #41a2d8;
	padding-left: 18px;
	display: inline-block;
	margin-right: 13px;
	margin-left: 10px;
}
.search_window .result_content .results.route > ul > li .share_panel a.save{
	font-size: 13px;
	color: #41a2d8;
	display: inline-block;
}

.search_window .result_content .results.route > ul > li .share_panel .dataform{
	background: #F7F7F7;
	margin-top: 10px;
	padding: 10px;
	display: none;
	border-bottom: 1px solid #ECECEC;
}
.search_window .result_content .results.route > ul > li .share_panel .dataform .field{
	margin: 0 0 10px 0;
}
.search_window .result_content .results.route > ul > li .share_panel .dataform .button1{
	width: 60px;
}
.search_window .result_content .results.route > ul > li .share_panel .dataform input[type=text]{
	width: 100%;
	box-sizing: border-box;
}
.search_window .result_content .results.route > ul > li .share_panel .dataform input.size2{
	width: 150px;
	margin-right: 10px;
}
.search_window .result_content .results.route > ul > li .share_panel .dataform .select_wrapper.size2{
	width: 150px;
	margin-right: 10px;
	float: left;
}

.search_window .result_content .results.route > ul > li .share_panel .share_form{

}
.search_window .result_content .results.route > ul > li .share_panel.share_opened .share_form{
	display: block;
}

.search_window .result_content .results.route > ul > li .share_panel.save_opened .save_form{
	display: block;
}


.search_window .result_content .results.route > ul > li .opener{
	display: inline-block;
	margin-right: 5px;
	width: 17px;
	height: 17px;
	border: 1px solid #aaaaaa;
	cursor: pointer;
	border-radius: 9px;
	text-align: center;
		-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.search_window .result_content .results.route > ul > li .opener svg{
	width: 10px;
	height: 10px;
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	stroke: #aaaaaa;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
		  transition: all 0.3s linear;
}
.search_window .result_content .results.route > ul > li.opened .open_panel .opener{
	border-color: #22a7f0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.search_window .result_content .results.route > ul > li.opened .open_panel .opener svg{
	stroke: #22a7f0;
}

.search_window .result_content .results.route .details{
	display: none;
	padding: 10px 15px;
	border-top: 1px solid #EBEBEB;
	margin-top: 10px;
}
.search_window .result_content .results.route > ul > li.opened .details{
	display: block;
	line-height: 1.3;
}

.search_window .result_content .results.route .details  ul.items{
	/*border-left: 5px solid #00C100;*/
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: #444545;
}
.search_window .result_content .results.route .details  ul.items li{
	padding: 0 20px 0 20px;
	position: relative;
	padding-bottom: 20px;
}

.search_window .result_content .results.route .details  ul.items > li{
	border-left: 5px solid #00C100;
}

.search_window .result_content .results.route .details  ul.items > li.border_off{
	border-left-color: transparent !important;
}

.search_window .result_content .results.route .details  ul.items > li:last-child{
	padding-bottom: 0;
}

.search_window .result_content .results.route .details  ul.items .item_top{

}

.search_window .result_content .results.route .details  ul.items .item_top .opener{
	position: absolute;
	right: -13px;
	top: 0;
}
.search_window .result_content .results.route .details  ul.items li.opened .item_top .opener{
	border-color: #22a7f0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.search_window .result_content .results.route .details  ul.items li.opened .item_top .opener svg{
	stroke: #22a7f0;
}

.search_window .result_content .results.route .details  ul.items .item_top .ico{
	background: white no-repeat center;
	display: block;
	width: 28px;
	height: 28px;
	line-height: 29px;
	border-radius: 15px;
	border: 1px solid #00C100;
	color: #00C100;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	cursor: default;
	position: absolute;
	left: -17px;
	top: 0;
}


.alszam{

	left: -47px !important;
	}


.search_window .result_content .results.route .details  ul.items .item_top .ico.bgcolor{
	background-color: #00C100;
}
.search_window .result_content .results.route .details  ul.items .item_top .ico svg{
	width: 8px;
	height: 8px;
	fill: #00C100;
}
.search_window .result_content .results.route .details  ul.items .item_top .ico.bgcolor svg{
	fill: white !important;
}

.search_window .result_content .results.route .details  ul.items .item_top .ico.start svg{
	width: 15px;
	height: 15px;
	margin-top: 6px;
}
.search_window .result_content .results.route .details  ul.items .item_top .ico.stop svg{
	width: 20px;
	height: 20px;
	margin-top: 5px;
}

.search_window .result_content .results.route .details ul.items > li.line_color_red{ border-color: #df4129; }
.search_window .result_content .results.route .details ul.items > li.line_color_red .ico{ border-color: #df4129; color: #df4129;}
.search_window .result_content .results.route .details ul.items > li.line_color_red .ico.bgcolor{ background-color: #df4129; }
.search_window .result_content .results.route .details ul.items > li.line_color_red .item_top .ico svg{ fill: #df4129; }
.search_window .result_content .results.route .details ul.items > li.line_color_red ul.inner_data .circle { border-color: #df4129; color: #df4129; }

.search_window .result_content .results.route .details ul.items > li.line_color_blue{ border-color: #08a5f2; }
.search_window .result_content .results.route .details ul.items > li.line_color_blue .ico{ border-color: #08a5f2; color: #08a5f2;}
.search_window .result_content .results.route .details ul.items > li.line_color_blue .ico.bgcolor{ background-color: #08a5f2; }
.search_window .result_content .results.route .details ul.items > li.line_color_blue .item_top .ico svg{ fill: #08a5f2; }
.search_window .result_content .results.route .details ul.items > li.line_color_blue ul.inner_data .circle { border-color: #08a5f2; color: #08a5f2; }

.search_window .result_content .results.route .details  ul.items .gray{
	color: #999999;
}

.search_window .result_content .results.route .details  ul.items > li .content{
	display: none;
	margin: 10px 0 0 10px;
}
.search_window .result_content .results.route .details  ul.items > li.opened .content{
	display: block;
}

.search_window .groups{
	/*border: 1px solid #ECECEC;*/
	border-bottom: 0;
}

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

.search_window .groups .group_item{

}
.search_window .groups .group_item > .handle{
	background: #08A5F2 url(../images/bg_group_handle.svg) no-repeat 5px center;
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	display: block;
	border-bottom: 1px solid #ECECEC;
	cursor: move;
	position: relative;
}

.search_window .groups .group_item > .handle .arrow{
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 7px;
	top: 7px;
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;

}
.search_window .groups .group_item.opened > .handle .arrow{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.search_window .groups .group_item > .handle .arrow svg{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.search_window .routes{
	background: #08A5F2;
	padding-left: 13px;
	display: none;
}
.search_window .groups .group_item.opened .routes{
	display: block;
}

.search_window .routes .route_item{
	background: white;
	position: relative;
}
.search_window .routes .route_item svg {
    height: 100%;
    width: 100%;
}
.search_window .routes .route_item .head{
	overflow: hidden;
	height: 30px;
	padding: 10px 14px 10px 7px;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	cursor: default;
}
.search_window .routes .route_item .head a{
	display: block;
	width: 100%;
}
.search_window .routes .route_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;
}
.search_window .routes .route_item .itembar .handle{
	background: #08A5F2 url(../images/bg_group_handle.svg) no-repeat center;
	display: block;
	height: 100%;
	cursor: move;
}
.search_window .routes .route_item.opened .handle{
	background-image: none;
	display: none;
}
.search_window .routes .route_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;
}
.search_window .routes .route_item.opened .head .ico_status{
	fill: #08A5F2;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.search_window .routes .route_item .head .name{
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width: 165px;
	line-height: 30px;
}
.search_window .routes .route_item.head .name:hover{
	color: #08A5F2;
}
.search_window .routes .route_item svg{
	width: 100%;
	height: 100%;
}
.search_window .routes .route_item .head .buttons{
	position: absolute;
	right: 14px;
	margin: 0;
}
.search_window .routes .route_item .head .buttons .button{
	background: transparent;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	font-size: 11px;
	margin-left: 5px;
}

.search_window .routes .route_item .head .buttons .button.remove svg{
	width: 10px;
	height: 10px;
	fill: #444444;
	vertical-align: middle;
}


.search_window .routes .route_item .head .buttons .view{
	display: block;
	width: 19px;
	height: 13px;
	float: left;
	margin: 10px 0 0 0;
	/*position: absolute;
	right: 30px;
	top: 8px;*/
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;
}
.search_window .routes .route_item .head .buttons .view svg{
	fill: #444444;
	stroke: #444444;
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.search_window .routes .route_item .head .buttons .view.active svg{
	fill: rgba(255,0,0,0.7);
	stroke: rgba(255,0,0,0.7);
}


/*colors*/

.search_window .group_item.group_color_1 > .handle{ background-color: #08A5F2; }
.search_window .group_item.group_color_1 .routes { background-color: #08A5F2; }
.search_window .group_item.group_color_1 .routes .route_item .itembar .handle { background-color: #08A5F2; }
.search_window .group_item.group_color_1 .routes .route_item table.head .ico svg { color: #22a7f0; fill: #22a7f0;}

.search_window .group_item.group_color_2 > .handle{ background-color: #0BCD6E; }
.search_window .group_item.group_color_2 .routes { background-color: #0BCD6E; }
.search_window .group_item.group_color_2 .routes .route_item .itembar .handle { background-color: #0BCD6E; }
.search_window .group_item.group_color_2 .routes .route_item table.head .ico svg { color: #0BCD6E; fill: #0BCD6E;}

.search_window .group_item.group_color_3 > .handle{ background-color: #E04129; }
.search_window .group_item.group_color_3 .routes { background-color: #E04129; }
.search_window .group_item.group_color_3 .routes .route_item .itembar .handle { background-color: #E04129; }
.search_window .group_item.group_color_3 .routes .route_item table.head .ico svg { color: #E04129; fill: #E04129;}

.search_window .group_item.group_color_4 > .handle{ background-color: #9D56B8; }
.search_window .group_item.group_color_4 .routes { background-color: #9D56B8; }
.search_window .group_item.group_color_4 .routes .route_item .itembar .handle { background-color: #9D56B8; }
.search_window .group_item.group_color_4 .routes .route_item table.head .ico svg { color: #9D56B8; fill: #9D56B8;}

.search_window .group_item.group_color_5 > .handle{ background-color: #FB9500; }
.search_window .group_item.group_color_5 .routes { background-color: #FB9500; }
.search_window .group_item.group_color_5 .routes .route_item .itembar .handle { background-color: #FB9500; }
.search_window .group_item.group_color_5 .routes .route_item table.head .ico svg { color: #FB9500; fill: #FB9500;}

.search_window .group_item.group_color_6 > .handle{ background-color: #DF0559; }
.search_window .group_item.group_color_6 .routes { background-color: #DF0559; }
.search_window .group_item.group_color_6 .routes .route_item .itembar .handle { background-color: #DF0559; }
.search_window .group_item.group_color_6 .routes .route_item table.head .ico svg { color: #DF0559; fill: #DF0559;}

.search_window .group_item.group_color_7 > .handle{ background-color: #426AB5; }
.search_window .group_item.group_color_7 .routes { background-color: #426AB5; }
.search_window .group_item.group_color_7 .routes .route_item .itembar .handle { background-color: #426AB5; }
.search_window .group_item.group_color_7 .routes .route_item table.head .ico svg { color: #426AB5; fill: #426AB5;}

.search_window .group_item.group_color_8 > .handle{ background-color: #0DBB9B; }
.search_window .group_item.group_color_8 .routes { background-color: #0DBB9B; }
.search_window .group_item.group_color_8 .routes .route_item .itembar .handle { background-color: #0DBB9B; }
.search_window .group_item.group_color_8 .routes .route_item table.head .ico svg { color: #0DBB9B; fill: #0DBB9B;}

.search_window .group_item.group_color_9 > .handle{ background-color: #D37470; }
.search_window .group_item.group_color_9 .routes { background-color: #D37470; }
.search_window .group_item.group_color_9 .routes .route_item .itembar .handle { background-color: #D37470; }
.search_window .group_item.group_color_9 .routes .route_item table.head .ico svg { color: #D37470; fill: #D37470;}

.search_window .group_item.group_color_10 > .handle{ background-color: #579F5A; }
.search_window .group_item.group_color_10 .routes { background-color: #579F5A; }
.search_window .group_item.group_color_10 .routes .route_item .itembar .handle { background-color: #579F5A; }
.search_window .group_item.group_color_10 .routes .route_item table.head .ico svg { color: #579F5A; fill: #579F5A;}

.search_window .group_item.group_color_11 > .handle{ background-color: #C45E28; }
.search_window .group_item.group_color_11 .routes { background-color: #C45E28; }
.search_window .group_item.group_color_11 .routes .route_item .itembar .handle { background-color: #C45E28; }
.search_window .group_item.group_color_11 .routes .route_item table.head .ico svg { color: #C45E28; fill: #C45E28;}

.search_window .group_item.group_color_12 > .handle{ background-color: #3E8DC0; }
.search_window .group_item.group_color_12 .routes { background-color: #3E8DC0; }
.search_window .group_item.group_color_12 .routes .route_item .itembar .handle { background-color: #3E8DC0; }
.search_window .group_item.group_color_12 .routes .route_item table.head .ico svg { color: #3E8DC0; fill: #3E8DC0;}


.search_window .group_item.group_color_13 > .handle{ background-color: #eb278d; }
.search_window .group_item.group_color_13 .routes { background-color: #eb278d; }
.search_window .group_item.group_color_13 .routes .route_item .itembar .handle { background-color: #eb278d; }
.search_window .group_item.group_color_13 .routes .route_item table.head .ico svg { color: #eb278d; fill: #eb278d;}


.search_window .group_item.group_color_14 > .handle{ background-color: #000080; }
.search_window .group_item.group_color_14 .routes { background-color: #000080; }
.search_window .group_item.group_color_14 .routes .route_item .itembar .handle { background-color: #000080; }
.search_window .group_item.group_color_14 .routes .route_item table.head .ico svg { color: #000080; fill: #000080;}



.search_window .groups .group_item.opened .routes{
	display: block;
    	min-height: 51px;

}


/*---------------------------------------------------*/
.poi_window{


}


.poi_radius
{

   width: 50% !important;
}

.poi_radius_span
{
 width: 50% !important;

}

.visible
{

         display: inline !important;

}

.poi_window.toggle_panel_right{

}
.poi_window.opened.toggle_panel_right{

	width: 335px;
	height: 90%;
	height: calc(100% - 40px);
}

.poi_window.opened.toggle_panel_right .content{
	height: 90%;
	height: calc(100% - 51px);
}

.poi_window.scrollactive{

}
.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 .top .right_section{
	float: right;
	text-align: right;
	line-height: 1.1;
	padding: 10px 42px 0 0;
}
/*.poi_window .content{
	padding: 10px;
	font-size: 13px;
}*/
.poi_window .filterform{
	/*margin: 10px 0 20px 0;*/
}
.poi_window .filterform .options{
	float: right;
	width: 100px;
}
.poi_window .filterform .options .checkbox1{
	display: block;
	margin-bottom: 7px;
}

.poi_window .dataform input[type=text]{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.poi_window .result_content{
	margin-top: 10px;
	height: 90%;
	height: calc(100% - 110px);
}


.poi_window .add_new_item{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
}
.poi_window .add_new_item .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
	margin-right: 5px;
}
.poi_window .add_new_item .button:hover{
	background-color: #28b1f7;
}


.poi_window .hr{
	height: 1px;
	border-bottom: 1px solid #ECECEC;
	margin: 15px -10px;
	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 .poifooter{
	text-align: center;
	border-top: 1px solid #ECECEC;
	padding: 10px 0;
	font-size: 12px;
}
.poi_window .footer{
	text-align: center;
	border-top: 1px solid #ECECEC;
	padding: 10px 0;
	font-size: 12px;
}

.poi_window .buttons{
	overflow: hidden;
	margin: 10px 0 10px 0;
}

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

.poi_window .groups > .placeholder{
	width: 314px !important;
}
.poi_window .groups .placeholder{
	background: #f0f0f0;
	width: 301px;
	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.svg) no-repeat 5px center;
	color: white;
	height: 30px;
	line-height: 30px;
	padding: 0 22px;
	display: block;
	border-bottom: 1px solid #ECECEC;
	cursor: move;
	position: relative;
}

.poi_window .groups .group_item > .handle .view{
	display: block;
	width: 22px;
	height: 16px;
	position: absolute;
	right: 30px;
	top: 8px;
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;
}
.poi_window .groups .group_item > .handle .view svg{
	fill: rgba(35,31,32,0.5);
	stroke: rgba(35,31,32,0.5);
	width: 100%;
	height: 100%;
	vertical-align: top;
}
.poi_window .groups .group_item > .handle .view.active svg{
	fill: rgba(255,0,0,0.7);
	stroke: rgba(255,0,0,0.7);
}

.poi_window .groups .group_item > .handle .arrow{
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 7px;
	top: 7px;
	cursor: pointer;
	fill: rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
	text-align: center;

}
.poi_window .groups .group_item.opened > .handle .arrow{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.poi_window .groups .group_item > .handle .arrow svg{
	width: 100%;
	height: 100%;
	vertical-align: top;
}

.poi_window .pois{
	background: #08A5F2;
	padding-left: 13px;
	display: none;
}
.poi_window .groups .group_item.opened .pois{
	display: block;
}

.poi_window .pois .poi_item{
	background: white;
	position: relative;
}
.poi_window .pois .poi_item svg {
    height: 100%;
    width: 100%;
}
.poi_window .pois .poi_item .head{
	overflow: hidden;
	height: 30px;
	padding: 10px 14px 10px 7px;
	position: relative;
	border-bottom: 1px solid #ECECEC;
	cursor: pointer;
}
.poi_window .pois .poi_item .head a{
	display: block;
	width: 100%;
}
.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.svg) no-repeat center;
	display: block;
	height: 100%;
	cursor: move;
}
.poi_window .pois .poi_item.opened .handle{
	background-image: none;
	display: none;
}
.poi_window .pois .poi_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;
}
.poi_window .pois .poi_item.opened .head .ico_status{
	fill: #08A5F2;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.poi_window .pois .poi_item .head .name{
	font-size: 14px;
	font-weight: bold;
	float: left;
	display: block;
	width: 165px;
	line-height: 30px;
}
.poi_window .pois .poi_item.head .name:hover{
	color: #08A5F2;
}
.poi_window .pois .poi_item svg{
	width: 100%;
	height: 100%;
}
.poi_window .pois .poi_item .head .buttons{
	position: absolute;
	right: 14px;
	margin: 0;
}
.poi_window .pois .poi_item .head .buttons .button{
	background: transparent;
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	text-align: center;
	font-size: 11px;
	margin-left: 10px;
	cursor: default;
}

.poi_window .pois .poi_item .head .buttons .button.enabled{

}
.poi_window .pois .poi_item .head .buttons .button.enabled svg,
.poi_window .pois .poi_item .head .buttons .button.disabled svg{
	fill: #00C027;
	width: 21px;
	height: 16px;
	vertical-align: middle;
}
.poi_window .pois .poi_item .head .buttons .button.disabled{

}
.poi_window .pois .poi_item .head .buttons .button.disabled svg{
	fill: #EE4535;
}
.poi_window .pois .poi_item .head .buttons .button.remove{
	background: #E8E8E8;
	color: #444444;
	font-size: 40px;
	line-height: 23px;
	cursor: pointer;
}
.poi_window .pois .poi_item .head .buttons .button.remove svg{
	width: 20px;
	height: 20px;
	fill: #444444;
	vertical-align: middle;
}


/* poi_item content */
.poi_window .pois .poi_item .content{
	background: white;
	display: none;
	overflow: hidden;
	line-height: 1.3;
	border-bottom: 0 solid #ECECEC;
	padding: 10px;
}
.poi_window .pois .poi_item.opened .content{
	border-bottom: 1px solid #ECECEC;
	display: block;
}





/* device_item menu */
.poi_window .pois .poi_item.opened .content nav.menu{
	margin: -10px -10px 10px -10px;
	font-size: 10px;
	text-transform: uppercase;
}
.poi_window .pois .poi_item.opened .content nav.menu ul{
	overflow: hidden;
	border-bottom: 1px solid #ECECEC;
}
.poi_window .pois .poi_item.opened .content nav.menu ul li{
	float: left;
	/*width: 74px;	*/
	width: 25%;
	/*border-right: 1px solid #ECECEC;*/
	box-shadow: -1px 0px 0px #ececec inset;
}
.poi_window .pois .poi_item.opened .content nav.menu ul li:last-child,
.poi_window .pois .poi_item.opened .content nav.menu ul li.last{
	/*width: 73px;
	border-right: 0;*/
	width: 25%;
	box-shadow: 0 0 0;
}
.poi_window .pois .poi_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;
}
.poi_window .pois .poi_item.opened .content nav.menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
.poi_window .pois .poi_item.opened .content nav.menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}

.poi_window .pois .poi_item.opened .content nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
    text-decoration: none;
}




.poi_window  .innerform fieldset{
	border: 1px solid #ECECEC;
	padding: 10px;
	margin: 0 0 5px 0;
}
.poi_window  .innerform fieldset .caption{
	font-size: 13px;
	color: #444444;
	display: block;
	margin-bottom: 10px;
}
.poi_window  .innerform fieldset .field{
	margin: 0 0 10px 0;
}

.poi_window  .innerform input[type=text]{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
}

.poi_window  .innerform input.size1{
	width: 200px;
	margin-right: 5px;
}
.poi_window  .innerform input.size2{
	width: 50px;
}
.poi_window  .innerform select{
	width: 100%;
}
.poi_window  .innerform .select_wrapper.size1{
	width: 200px;
}
.poi_window .button_container{
	text-align: center;
	margin: 10px 0;
}
/*.poi_window  .innerform  .field_poi_csoport .select_wrapper {
	float: left;
}
.poi_window  .innerform  .field_poi_csoport .button1{
	float: left;
	padding: 0;
	width: 71px;
	margin-left: 5px;
}
.poi_window  .innerform .field.w50{
	width: 49%;
	float: left;
	margin-bottom: 0;
}
.poi_window  .innerform .field.w50 input[type=text]{
	width: 100%;
	box-sizing: border-box;
}

.poi_window  .innerform .color_selector{
	width: auto;
}
.poi_window  .innerform .color_selector ul.items li{
	width: 34px;
	height: 34px;
	margin: 0 10px 10px 0;
}
.poi_window  .innerform .color_selector ul.items li span{
	width: 26px;
	height: 26px;
}*/

.poi_window  .innerform .button_container .button1{
	width: 48%;
	padding: 0;
	float: left;
}


.poi_window table.datatable1 td {
    width: 50%;
    padding: 5px 0;
}

.poi_window  .fieldset_place{

}
.poi_window  .fieldset_place .button_modify{
	padding: 0 10px;
	margin-bottom: 10px;
}
.poi_window  .fieldset_place input[type="text"]{
	width: 100%;
	box-sizing: border-box;
}
.poi_window .field_szelessegi_fok{
	float: left;
	width: 49%;
}
.poi_window .field_hosszusagi_fok{
	float: right;
	width: 49%;
}
.poi_window .field_poi_csoport .select_wrapper{
	width: 225px;
	display: inline-block;
}
.poi_window .add_new_group{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	float: right;
}
.poi_window .add_new_group .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
}
.poi_window .add_new_group .button:hover{
	background-color: #28b1f7;
}

.poi_window .edit
{
	background-color: #00a000 ;
}

.poi_window .result_content .scrollbox{
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 100%;
}

/*colors*/

/*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.opened .head .ico_status{ fill: #08A5F2; }
.poi_window .group_item.group_color_1 .pois .poi_item.opened .content nav.menu ul a.active{ color: #22a7f0; fill: #22a7f0;}
.poi_window .group_item.group_color_1 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #22a7f0; fill: #22a7f0;}
.poi_window .group_item.group_color_1 .pois .poi_item .head .name:hover{ color: #08A5F2; }

.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.opened .head .ico_status{ fill: #0BCD6E; }
.poi_window .group_item.group_color_2 .pois .poi_item.opened .content nav.menu ul a.active{ color: #0BCD6E; fill: #0BCD6E;}
.poi_window .group_item.group_color_2 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #0BCD6E; fill: #0BCD6E;}
.poi_window .group_item.group_color_2 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #E04129; }
.poi_window .group_item.group_color_3 .pois .poi_item.opened .content nav.menu ul a.active{ color: #E04129; fill: #E04129;}
.poi_window .group_item.group_color_3 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #E04129; fill: #E04129;}
.poi_window .group_item.group_color_3 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #9D56B8; }
.poi_window .group_item.group_color_4 .pois .poi_item.opened .content nav.menu ul a.active{ color: #9D56B8; fill: #9D56B8;}
.poi_window .group_item.group_color_4 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #9D56B8; fill: #9D56B8;}
.poi_window .group_item.group_color_4 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #FB9500; }
.poi_window .group_item.group_color_5 .pois .poi_item.opened .content nav.menu ul a.active{ color: #FB9500; fill: #FB9500;}
.poi_window .group_item.group_color_5 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #FB9500; fill: #FB9500;}
.poi_window .group_item.group_color_5 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #DF0559; }
.poi_window .group_item.group_color_6 .pois .poi_item.opened .content nav.menu ul a.active{ color: #DF0559; fill: #DF0559;}
.poi_window .group_item.group_color_6 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #DF0559; fill: #DF0559;}
.poi_window .group_item.group_color_6 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #426AB5; }
.poi_window .group_item.group_color_7 .pois .poi_item.opened .content nav.menu ul a.active{ color: #426AB5; fill: #426AB5;}
.poi_window .group_item.group_color_7 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #426AB5; fill: #426AB5;}
.poi_window .group_item.group_color_7 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #0DBB9B; }
.poi_window .group_item.group_color_8 .pois .poi_item.opened .content nav.menu ul a.active{ color: #0DBB9B; fill: #0DBB9B;}
.poi_window .group_item.group_color_8 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #0DBB9B; fill: #0DBB9B;}
.poi_window .group_item.group_color_8 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #D37470; }
.poi_window .group_item.group_color_9 .pois .poi_item.opened .content nav.menu ul a.active{ color: #D37470; fill: #D37470;}
.poi_window .group_item.group_color_9 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #D37470; fill: #D37470;}
.poi_window .group_item.group_color_9 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #579F5A; }
.poi_window .group_item.group_color_10 .pois .poi_item.opened .content nav.menu ul a.active{ color: #579F5A; fill: #579F5A;}
.poi_window .group_item.group_color_10 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #579F5A; fill: #579F5A;}
.poi_window .group_item.group_color_10 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #C45E28; }
.poi_window .group_item.group_color_11 .pois .poi_item.opened .content nav.menu ul a.active{ color: #C45E28; fill: #C45E28;}
.poi_window .group_item.group_color_11 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #C45E28; fill: #C45E28;}
.poi_window .group_item.group_color_11 .pois .poi_item .head .name:hover{ color: #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.opened .head .ico_status{ fill: #3E8DC0; }
.poi_window .group_item.group_color_12 .pois .poi_item.opened .content nav.menu ul a.active{ color: #3E8DC0; fill: #3E8DC0;}
.poi_window .group_item.group_color_12 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #3E8DC0; fill: #3E8DC0;}
.poi_window .group_item.group_color_12 .pois .poi_item .head .name:hover{ color: #3E8DC0; }


.poi_window .group_item.group_color_13 > .handle{ background-color: #eb278d; }
.poi_window .group_item.group_color_13 .pois { background-color: #eb278d; }
.poi_window .group_item.group_color_13 .pois .poi_item .itembar .handle { background-color: #eb278d; }
.poi_window .group_item.group_color_13 .pois .poi_item.opened .head .ico_status{ fill: #eb278d; }
.poi_window .group_item.group_color_13 .pois .poi_item.opened .content nav.menu ul a.active{ color: #eb278d; fill: #eb278d;}
.poi_window .group_item.group_color_13 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #eb278d; fill: #eb278d;}
.poi_window .group_item.group_color_13 .pois .poi_item .head .name:hover{ color: #eb278d; }


.poi_window .group_item.group_color_14 > .handle{ background-color: #000080; }
.poi_window .group_item.group_color_14 .pois { background-color: #000080; }
.poi_window .group_item.group_color_14 .pois .poi_item .itembar .handle { background-color: #000080; }
.poi_window .group_item.group_color_14 .pois .poi_item.opened .head .ico_status{ fill: #000080; }
.poi_window .group_item.group_color_14 .pois .poi_item.opened .content nav.menu ul a.active{ color: #000080; fill: #000080;}
.poi_window .group_item.group_color_14 .pois .poi_item.opened .content nav.menu ul a:hover{ color: #000080; fill: #000080;}
.poi_window .group_item.group_color_14 .pois .poi_item .head .name:hover{ color: #000080; }


.poi_window .group_item .pois {
  min-height: 51px;


}


.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;
}
.events_window.window.maximized{
	width: 95%;
	min-height: 95%;
	width: calc(100% - 22px);
	min-height: calc(100% - 22px);
	top: 10px;
	left: 10px;
	margin: 0;

}

.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: 244px;
	overflow: auto;
	/*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: 140px; }
.events_window table.datatable2 td:nth-child(4){ width: 160px; }
.events_window table.datatable2 td:nth-child(5){ width: 120px; }
.events_window table.datatable2 td:nth-child(6){ width: 100px; }
.events_window table.datatable2 td:nth-child(7){ width: 155px; text-align: center; }

.events_window table.datatable2{
	table-layout: fixed;
}
.events_window table.datatable2.object_table  td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(2){ width: 130px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(3){ width: 90px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(4){ width: 90px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(5){ width: 90px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(6){ width: 90px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(7){ width: 120px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(8){ width: 120px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(9){ width: 120px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(10){ width: 120px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(11){ width: 100px; text-align: center;}
.events_window table.datatable2.object_table  td:nth-child(12){ width: 100px; text-align: center;}


.events_window table.datatable2 .button1{
	width: 90px;
	padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
}
/*---------------------------------------------------*/
.system_window.window{
	width: 1120px;
	top: 120px;
	margin: 0 0 0 -480px;
}
.system_window nav.menu{

}
.system_window nav.menu ul{
	overflow: hidden;
	margin-bottom: -20px;
}
.system_window nav.menu > ul > li{
	float: left;
	width: 408px;
	height: 144px;
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #ECECEC;
	padding: 15px 20px 0 20px;
	position: relative;
}
.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 > li:after{
	background: #F7F7F7 no-repeat center;
	width: 64px;
	/*height: 64px;*/

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

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

.system_window 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;
}


.dot{
	background: url(../images/bg_list.svg) no-repeat left 6px;
	padding-left: 16px;
	line-height: 1.3;
	margin-bottom: 5px;
}

.system_window nav.menu ul a{




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

.system_window nav.menu .text{
	overflow: hidden;
}
.system_window nav.menu .text .header{
	margin-bottom: 10px;
	font-size: 15px;
}
.system_window .scrollbox{
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 550px;
}

.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_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 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;
    height: 32px;
}
.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;
    	margin-bottom: 20px;
	display: block;
	float: left;

}
.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;
}
.system_window .mtop{
	margin-top: 5px;
}
.system_window span.color{
	width: 24px;
	height: 24px;








	border: 1px solid #E0E0E0;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: default;
}

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

/*---------------------------------------------------*/
.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 10px 10px 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; }
.color_selector ul.items li.color_13 span{ background-color: #eb278d; }

.color_selector ul.items li.color_14 span{ background-color: #000080; }


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


.auth_panel{
	background: white;
	width: 338px;
	border: 1px solid #CCCCCC;
	padding: 20px 20px 0 20px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -240px 0 0 -190px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}


.auth_panel .logo{
	background: url(../images/logo.svg) no-repeat;
	background-size: 215px;
	width: 215px;
	height: 65px;
	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 .reg{
	font-weight: bold;
	float: right;
	margin: 0 0 0 10px;
}


.auth_panel .button_container{
	overflow: hidden;
	margin: 10px 0;
}
.auth_panel .confirmbox{
	text-align: center;
	line-height: 1.5;
	margin-top: 20px;
	font-size: 12px;
}


.auth_panel .version{
	text-align: center;
	font-size: 12px;
	margin: 10px 0;
}
.auth_panel .field_password .show_pass{
	width: 20px;
	position: absolute;
	top: 7px;
	right: 10px;
	cursor: pointer;
	display: block;
}
.auth_panel .field_password .show_pass img,
.auth_panel .field_password .show_pass svg{
	width: 100%;
}
.auth_panel .field_password .show_pass g{
	fill: #22a7f0;
}

.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 !important;
	border: 1px solid #CCCCCC;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
/*	position: absolute;	*/
	left: 50%;
	top: 250px;
	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 .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.svg);
}
.device_info .data_section{
	border: 1px solid #ECECEC;
	border-top: 0;
	padding: 10px;
	line-height: 1.5;
        background: white;
}
.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: 120px; }

/*---------------------------------------------------*/
.loading_window.window{
	width: 540px;
	top: 150px;
	margin: 0 0 0 -270px;
        z-index: 9999999;
}
.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 td:nth-child(2){ width: 100px; padding: 0; text-align: center; }
.loading_window table td:nth-child(3){ width: 100px; padding: 0; text-align: center; }
.loading_window table td:nth-child(4){ 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.svg);
    */
}
.loading_window table tr.status_failed td:nth-child(2){
/*
	background-color: #FEF6F6;
	background-image: url(../images/ico_failed.svg);
    */
}
.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;
}

/*---------------------------------------------------*/
.charts_window2.window.abspos{
	width: 80%;
	width: calc(100% - 357px);
	top: auto;
	left: auto;
	bottom: 10px;
	right: 5px;
	margin: 0 0 0 40%;

	-webkit-transition: width 1s cubic-bezier(.47,.11,0,.89);
	   -moz-transition: width 1s cubic-bezier(.47,.11,0,.89);
           transition: width 1s cubic-bezier(.47,.11,0,.89);
}
.charts_window2.abspos.full_width{
	width: 90%;
	width: calc(100% - 10px);
}
/*.charts_window2 .top{
	background: transparent;
	overflow: visible;
	border-bottom: 0;
	padding-bottom: 0;
}*/
.charts_window2.window.minimized .top{
	/*background: #f7f7f7;*/
	border-bottom: 1px solid #ececec;
	overflow: hidden;
	padding: 8px 10px 8px 20px;
}
.charts_window2 .chart{
	background-color: #F7F7F7;
	text-align: center;
	border: 1px solid #DCDCDC;
	float: left;
	height: 100%;

	width: calc(100% - 214px);
}
.charts_window2 .settings{
	width: 192px;
	height: 100%;
	border: 1px solid #DCDCDC;
	float: right;
	position: relative;

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


.charts_window2 .settings .title{
	font-size: 13px;
	display: block;
	margin-bottom: 15px;
	padding: 10px 10px 0 10px;
}
.charts_window2 .settings .content{
	padding: 10px;
    overflow-y: scroll;
    height: 120px;
}
.charts_window2 .settings .checkbox1{
	display: block;
	width: auto;
	text-align: left;
	margin: 0 0 10px 0;
	padding-left: 20px;
	position: relative;
}
.charts_window2 .settings .checkbox1:last-of-type{
	margin-bottom: 0;
}
.charts_window2 .settings .checkbox1 .legend{
	background: black;
	width: 33px;
	height: 3px;
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
}
.charts_window2 .windowcontent{
	padding-top: 10px;
	height: 180px;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
           transition: all 0.3s ease-out;
}

.charts_window2.maximized .windowcontent{
	height: 360px;
}
/*---------------------------------------------------*/
.charts_window3.window.abspos{
	width: 80%;
	width: calc(100% - 352px);
	top: auto;
	left: auto;
	bottom: 10px;
	right: 5px;
	margin: 0 0 0 40%;

	-webkit-transition: width 1s cubic-bezier(.47,.11,0,.89);
	   -moz-transition: width 1s cubic-bezier(.47,.11,0,.89);
           transition: width 1s cubic-bezier(.47,.11,0,.89);
}
.charts_window3.abspos.full_width{
	width: 90%;
	width: calc(100% - 10px);
}
.charts_window3 .chart{
	background: #F7F7F7;
	text-align: center;
	border: 1px solid #EBEBEB;
}
.charts_window3 .chart.chart1{
	height: 120px;
}
.charts_window3 .chart.chart2{
	height: 50px;
	margin-top: 10px;
}
.charts_window3 .windowcontent{
	padding: 10px;
}
/*---------------------------------------------------*/
.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.svg) 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: none;
}
.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: none;
}

.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: none;
}
.textcontent1 ul{
	margin: 15px 0;
}
.textcontent1 ul li{
	background: url(../images/bg_list.svg) 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{
	background-image: url(../map_icons/base_blue_circle.svg);
	width: 38px;
	height: 47px;
	line-height: 37px;
	text-align: center;
}
.map_pointer.dark_circle{
	background-image: url(../map_icons/base_blue_dark_circle.svg);
	width: 38px;
	height: 47px;
	line-height: 37px;
	text-align: center;
	color: #fefefe;
}
/*---------------------------------------------------*/
.master-container{
    position: 'absolute';
	height: 10px;
    width: 100%;
    background-color: #FFFFFF;
}
.detail-container{
	position: 'absolute';
    top: 300;


    width: 100%;
}
.chartContent{
	height: 100%;
    width: 100%;

}
.detail-container.maximized{
	position: 'absolute';
    top: 300;
    min-height: 450px;

    width: 100%;
}

#print_box{
	display: none;
}
/*---------------------------------------------------*/
.panel_left  .time_select{

}
.panel_left .time_select .field_indulasi_datum,
.panel_left .time_select .field_befejezesi_datum{
	display: none;
}
.panel_left .time_select.custom_time .field_indulasi_datum,
.panel_left .time_select.custom_time .field_befejezesi_datum{
	display: block;
}
/*---------------------------------------------------*/


.panel_left .sys_utemezes,
.panel_left .sys_utemezes{
	display: none;
}
.panel_left .sys_utemezes.custom_time,
.panel_left .sys_utemezes.custom_time{
	display: block;
}





/*
.events_window .result_container{
	margin: 0 -16px 0 -16px;

	max-height: 300px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}*/
/*---------------------------------------------------*/
.scheduling_settings_window .add_new_item{
	margin-bottom: 20px;
	display: block;
	float: left;
}
.scheduling_settings_window .result_container{
	margin: 0 -16px 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.scheduling_settings_window table.datatable2{

}
.scheduling_settings_window table.datatable2 td:nth-child(1){ width: 5%; padding: 0; text-align: center;}
.scheduling_settings_window table.datatable2 td:nth-child(2){ width: 20%; }
.scheduling_settings_window table.datatable2 td:nth-child(3){ width: 15%; }
.scheduling_settings_window table.datatable2 td:nth-child(4){ width: 15%; }
.scheduling_settings_window table.datatable2 td:nth-child(5){ width: 15%; }
.scheduling_settings_window table.datatable2 td:nth-child(6){ width: 15%; }
.scheduling_settings_window table.datatable2 td:nth-child(7){ width: 15%; }
.scheduling_settings_window table.datatable2 td:nth-child(8){ width: 20%; text-align: center; }
.scheduling_settings_window table.datatable2 td:nth-child(9){ width: 20%; text-align: center; }

.scheduling_settings_window table.datatable2 tr.active td{
	background-color: #FFFAEF;

}

table.datatable2 tr.active td{
	background-color: #FFFAEF;

}


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



.ext_unit_settings_window .result_container{
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.ext_unit_settings_window table.datatable2{

}
.ext_unit_settings_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.ext_unit_settings_window table.datatable2 td:nth-child(2){ width: 155px; }
.ext_unit_settings_window table.datatable2 td:nth-child(3){ width: 270px; }
.ext_unit_settings_window table.datatable2 td:nth-child(4){ width: 295px; }
.ext_unit_settings_window table.datatable2 td:nth-child(5){ width: 90px; text-align: center; }
/*---------------------------------------------------*/
.sensor_types_window .add_new_item{
	margin-bottom: 20px;
	display: block;
	float: left;
}
.sensor_types_window .result_container{
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.sensor_types_window table.datatable2{

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

/*---------------------------------------------------*/
.features_window .add_new_item{
	margin-bottom: 20px;
	display: block;
	float: left;
}
.features_window .result_container{
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.features_window table.datatable2{

}
.features_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.features_window table.datatable2 td:nth-child(2){ width: 760px; }
.features_window table.datatable2 td:nth-child(3){ width: 90px; text-align: center; }

/*---------------------------------------------------*/
.confirm_window.window{
/*	width: 420px;*/
	margin: -195px 0 0 -190px;
	font-size: 13px;
	text-align: center;
	z-index: 13;
}
.confirm_window .button_container{
	margin-top: 20px;
}
.confirm_window .button_container .button1{
	width: 100px;
	margin: 0 10px;
}
.confirm_overlay{
	content: '';
	display: block;
	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: 12;
}

/*---------------------------------------------------*/
.reports_window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;
}
.reports_window ul.items{

}
.reports_window ul.items li{
	border: 1px solid #EBEBEB;
	margin-bottom: 20px;
}
.reports_window ul.items li:last-child{
	margin-bottom: 0;
}
.reports_window ul.items li a{
	display: block;
	padding: 20px;
}
.reports_window ul.items li .header{
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: none;
}
/*---------------------------------------------------*/
.report_settings_window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;
}
.report_settings_window .field{
	float: left;
	width: 440px;
	margin: 5px 0;
}
.report_settings_window input.date{
	width: 140px;
}
.report_settings_window input.time{
	width: 35px;
	text-align: center;
}
.report_settings_window .select_wrapper{
	width: 218px;
}

.report_settings_window .left .select_wrapper{
	width: 235px !important;
}

.box .left .select_wrapper{
	width: 235px !important;
}

.report_settings_window .mtop{
	margin-top: 5px;
}

.report_settings_window  .time_select{

}
.report_settings_window .time_select .field_indulasi_datum,
.report_settings_window .time_select .field_befejezesi_datum{
	display: none;
}
.report_settings_window .time_select.custom_time .field_indulasi_datum,
.report_settings_window .time_select.custom_time .field_befejezesi_datum{
	display: block;
}

.report_settings_window .msg{
	display: none;
	color: #db0000;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 0;
}

/*---------------------------------------------------*/
.option_selector{
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.option_selector .box{
	width: 420px;
}
.option_selector .box .header{
	background-color: #F7F7F7;
	border: 1px solid #EBEBEB;
	border-bottom: 0;
	padding: 10px 20px;
	margin-bottom: 0;
}
.option_selector .box .container{
	border: 1px solid #A8A8A8;
	padding-bottom: 1px;
	position: relative;
}
.option_selector .box.left{
	float: left;
}
.option_selector .box.right{
	float: right;
}

.option_selector .box .container select{
	width: 100%;
	border: none;
	padding: 0;
	height: 162px;
}
.option_selector .box .container select option{
	padding: 5px 20px;
}
.option_selector .box .container select option:disabled{
	color: #bababa;
}
.option_selector .buttons{
	position: absolute;
	top: 70px;
	/*left: 440px;*/
	left: 50%;
	margin-left: -21px;
}

.option_selector .buttons .button1{
	padding: 0;
	width: 40px;
	display: block;
	margin-bottom: 18px;
	font-size: 24px;
	line-height: 29px;
}


.refreshlink
{

        font-size: 14px;
    color: #22a7f0;
    display: block;
    margin-bottom: 15px;

     cursor: pointer !important;
    cursor: hand !important;



}
/*---------------------------------------------------*/


.report_window{
	width: 960px;
	top: 10px;
	margin: 0 0 0 -480px;

}
.report_window.maximized{
	width: 95%;
	min-height: 95%;
	width: calc(100% - 22px) !important;
	min-height: calc(100% - 11px) !important;
	top: 3px;
	left: 5px;
	margin: 0;

}
.report_window .button_container{
	overflow: hidden;
}

.report_window table.toptable{
	width: 100%;
	border-spacing: 0;
	border: 1px solid #EBEBEB;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.report_window table.toptable td{
/*	width: 25%;*/
}
.report_window table.toptable thead td{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	border-bottom: 1px solid #EBEBEB;
}
.report_window table.toptable thead td .header{
	color: #22a7f0;
	text-transform: uppercase;
	margin-bottom: 0;
}

.report_window table.toptable tbody td{
		padding: 10px 15px;

}


.report_window table.sumtable{
	width: 100%;
	border-spacing: 0;
	border: 1px solid #EBEBEB;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.report_window table.sumtable td{
	width: 25%;
}
.report_window table.sumtable thead td{
	font-size: 14px;
	font-weight: bold;
	padding: 15px;
	border-bottom: 1px solid #EBEBEB;
}
.report_window table.sumtable thead td .header{
	color: #22a7f0;
	text-transform: uppercase;
	margin-bottom: 0;
}

.report_window table.sumtable tbody td{
	padding: 10px 15px;
}
.report_window table.sumtable tbody td:nth-child(2){
	border-right: 1px solid #EBEBEB;
}
.report_window .chart_container{
	border: 1px solid #E6E6E6;
	margin-bottom: 20px;
}
.report_window .chart_container .header{
	color: #22a7f0;
	display: block;
	font-size: 14px;
	padding: 15px;
	margin-bottom: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #E6E6E6;
}
.report_window .chart_container .chart{
	background: #E6E6E6;
	padding: 15px;
	height: 320px;
}
.report_window .result_container{
	margin: 0 -16px 0 -16px;
/*	max-height: 244px;*/
	min-height: calc(100% - 100px);
	overflow: auto;
	position: relative;
}

.report_window .result_container.autoheight{
	height: auto;

   max-height: -moz-calc(60% - 18px);
/* WebKit */
 max-height: -webkit-calc(60% - 18px);
/* Opera */
 max-height: -o-calc(60% - 18px);
/* Standard */
 max-height: calc(60% - 18px);
	overflow-y: auto;

}

.heightcalc
{

    height: calc(100% - 22px);
}


.fixed{

  position:fixed;
  width:auto;
  display:none;
  border:none;
}


#thfloathead-styled { border-bottom: 1px dotted red; background-color: #afa !important; }
#thfloathead-styled * { background-color: #3af; }


.report_window table.datatable2.type1 tbody td:nth-child(1){ width: 150px; background-color: #FBFBFB;}
.report_window table.datatable2.type1 tbody td:nth-child(2){ width: 160px; }
.report_window table.datatable2.type1 tbody td:nth-child(3){ width: 340px; }
.report_window table.datatable2.type1 tbody td:nth-child(4){ width: 180px; }


.report_window table.datatable2.type2 tbody td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type2 tbody td:nth-child(2){ width: 160px; }
.report_window table.datatable2.type2 tbody td:nth-child(3){ width: 130px; }
.report_window table.datatable2.type2 tbody td:nth-child(4){ width: 70px; }
.report_window table.datatable2.type2 tbody td:nth-child(5){ width: 50px; }
.report_window table.datatable2.type2 tbody td:nth-child(6){ width: 60px;  }
.report_window table.datatable2.type2 tbody td:nth-child(7){ width: 50px; }
.report_window table.datatable2.type2 tbody td:nth-child(8){ width: 60px; }
.report_window table.datatable2.type2 tbody td:nth-child(9){ width: 50px; }
.report_window table.datatable2.type2 tbody td:nth-child(10){ width: 60px; }



.report_window .tableitem{
	display: inline-block;
	white-space: normal;
	margin-right: -4px;
}

.report_window table.datatable2.type3{
	table-layout: fixed;
	width: auto;
}

.report_window table.datatable2.type3 tfoot td {
	background-color: #F7F7F7;
}

.report_window table.datatable2.type3 td:nth-child(1){ width: 132px; }
.report_window table.datatable2.type3 td:nth-child(2){ width: 132px; }
.report_window table.datatable2.type3 td:nth-child(3){ width: 50px; text-align: right }


.report_window table.datatable2.type4{
	table-layout: auto;
	width: 1850px;
}
.report_window.maximized table.datatable2.type4{
	width: 100%;
    height: 80%;
}

.report_window table.datatable2.type4 a{
	color: #22a7f0;
}
.report_window table.datatable2.type4 tfoot td{
	background-color: #F7F7F7;
}
/*
.report_window table.datatable2.type4 tbody td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type4 tbody td:nth-child(2){ width: 75px; }
.report_window table.datatable2.type4 tbody td:nth-child(3){ width: 55px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(4){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(5){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(6){ width: 70px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(7){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(8){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(9){ width: 70px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(10){ width: 50px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(11){ width: 80px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(12){ width: 80px; text-align: right;  }
.report_window table.datatable2.type4 tbody td:nth-child(13){ width: 60px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(14){ width: 80px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(15){ width: 75px; }
*/


.report_window table.datatable2.type4 tbody td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type4 tbody td:nth-child(2){ width: 80px; }
.report_window table.datatable2.type4 tbody td:nth-child(3){ width: 80px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(4){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(5){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(6){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(7){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(8){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(9){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(10){ width: 110px; }
.report_window table.datatable2.type4 tbody td:nth-child(11){ width: 110px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(12){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(13){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(14){ width: 100px; text-align: right;  }
.report_window table.datatable2.type4 tbody td:nth-child(15){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(16){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tbody td:nth-child(17){ width: 120px; }
.report_window table.datatable2.type4 tbody td:nth-child(18){ width: 140px; }

.report_window table.datatable2.type4 tfoot td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type4 tfoot td:nth-child(2){ width: 80px; }
.report_window table.datatable2.type4 tfoot td:nth-child(3){ width: 80px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(4){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(5){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(6){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(7){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(8){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(9){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(10){ width: 110px; }
.report_window table.datatable2.type4 tfoot td:nth-child(11){ width: 110px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(12){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(13){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(14){ width: 100px; text-align: right;  }
.report_window table.datatable2.type4 tfoot td:nth-child(15){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(16){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 tfoot td:nth-child(17){ width: 120px; }
.report_window table.datatable2.type4 tfoot td:nth-child(18){ width: 140px; }

.report_window table.datatable2.type4 thead td:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(2){ width: 80px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(3){ width: 80px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(4){ width: 110px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(5){ width: 110px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(6){ width: 110px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(7){ width: 100px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(8){ width: 110px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(9){ width: 110px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(10){ width: 110px; text-align: center;}
.report_window table.datatable2.type4 thead td:nth-child(11){ width: 110px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(12){ width: 100px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(13){ width: 100px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(14){ width: 100px; text-align: center;  }
.report_window table.datatable2.type4 thead td:nth-child(15){ width: 100px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(16){ width: 100px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(17){ width: 120px; text-align: center; }
.report_window table.datatable2.type4 thead td:nth-child(18){ width: 140px; text-align: center; }

.report_window table.datatable2.type4 tbody td[colspan]{
	width: auto !important;
}

.textbold
{
    font-weight: bold;
}

.textcenter
{
   text-align: center;
}
.textright
{
   text-align: right;
}


.table_normal
{
 width: 140px;
 text-align: right;

}

.table_mini
{
 width: 120px;
 text-align: right;

}
.table_ex_mini
{
 width: 25px;
 text-align: center;

}

.table_large
{
 width: 300px;
 text-align: right;

}
/*
.report_window table.datatable2.type4 colgroup col:nth-child(1){ width: 25px; padding: 0; text-align: center; }
.report_window table.datatable2.type4 colgroup col:nth-child(2){ width: 140px; }
.report_window table.datatable2.type4 colgroup col:nth-child(3){ width: 140px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(4){ width: 140px; }
.report_window table.datatable2.type4 colgroup col:nth-child(5){ width: 300px; }
.report_window table.datatable2.type4 colgroup col:nth-child(6){ width: 110px; }
.report_window table.datatable2.type4 colgroup col:nth-child(7){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(8){ width: 140px; }
.report_window table.datatable2.type4 colgroup col:nth-child(9){ width: 300px; }
.report_window table.datatable2.type4 colgroup col:nth-child(10){ width: 110px; }
.report_window table.datatable2.type4 colgroup col:nth-child(11){ width: 110px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(12){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(13){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(14){ width: 100px; text-align: right;  }
.report_window table.datatable2.type4 colgroup col:nth-child(15){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(16){ width: 100px; text-align: right; }
.report_window table.datatable2.type4 colgroup col:nth-child(17){ width: 120px; }
*/

.report_window table.datatable2.type5 tbody tr.sum td{
	background-color: #F5F7F8;
}
.report_window table.datatable2.type5 tbody td:nth-child(1){ width: 100px; }
.report_window table.datatable2.type5 tbody td:nth-child(2){ width: 135px; }
.report_window table.datatable2.type5 tbody td:nth-child(3){ width: 140px; }
.report_window table.datatable2.type5 tbody td:nth-child(4){ width: 130px; }
.report_window table.datatable2.type5 tbody td:nth-child(5){ width: 130px; }
.report_window table.datatable2.type5 tbody td:nth-child(6){ width: 130px; }

table.datatable2 .hover
{
  /*background-color:#fcf774 !important;   */
}

table.datatable2 .hover2
{
  background-color:#edba21 !important;
}

table.hover2
{
  background-color:#edba21 !important;
}
table.hover
{
  background-color:#fcf774 !important;
}


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

.gps_groups_window .result_container{
	margin: 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.gps_groups_window table.datatable2{

}
.gps_groups_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.gps_groups_window table.datatable2 td:nth-child(2){ width: 270px; }
.gps_groups_window table.datatable2 td:nth-child(3){ width: 360px; }
.gps_groups_window table.datatable2 td:nth-child(4){ width: 100px; }
.gps_groups_window table.datatable2 td:nth-child(5){ width: 100px; }
/*---------------------------------------------------*/
.poi_groups_window .result_container{
	margin: 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.poi_groups_window table.datatable2{

}
.poi_groups_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.poi_groups_window table.datatable2 td:nth-child(2){ width: 270px; }
.poi_groups_window table.datatable2 td:nth-child(3){ width: 360px; }
.poi_groups_window table.datatable2 td:nth-child(4){ width: 100px; text-align: center; }
.poi_groups_window table.datatable2 td:nth-child(5){ width: 100px; text-align: center;  }

/*---------------------------------------------------*/
.gps_data_window input.date{
	width: 105px;
}
.gps_data_window input.time{
	width: 35px;
	text-align: center;
}
/*---------------------------------------------------*/
.user_profile_window{

}
.user_profile_window a{
	color: #08a5f2;
	font-weight: bold;
}
/*---------------------------------------------------*/
.drivers_window .result_container{
	margin: 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.drivers_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.drivers_window table.datatable2 td:nth-child(2){ width: 200px; }
.drivers_window table.datatable2 td:nth-child(3){ text-align: center; }




/*---------------------------------------------------*/
.cards_window .result_container{
	margin: 0 -16px;
	max-height: 250px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.cards_window table.datatable2{

}
.cards_window table.datatable2.type1 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.cards_window table.datatable2.type1 td:nth-child(2){ width: 170px; }
.cards_window table.datatable2.type1 td:nth-child(3){ width: 100px; }
.cards_window table.datatable2.type1 td:nth-child(4){ width: 320px; }
.cards_window table.datatable2.type1 td:nth-child(5){ width: 120px; text-align: center; }
.cards_window table.datatable2.type1 td:nth-child(6){ width: 120px; text-align: center; }

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


.cards_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.cards_window table.datatable2 td:nth-child(2){ width: 770px; }
.cards_window table.datatable2 td:nth-child(3){ text-align: center; }

.cards_window input.date{
	width: 105px;
}
.cards_window input.time{
	width: 40px;
	text-align: center;
}


.option_inactive
{
        background-color:#ededed;
        color: #050505;

}
.option_active
{
        background-color:white;
        color: #000;

}

/*---------------------------------------------------*/
.partners_window .result_container{
	margin: 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.partners_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.partners_window table.datatable2 td:nth-child(2){ width: 170px; }
.partners_window table.datatable2 td:nth-child(3){ width: 280px; }
.partners_window table.datatable2 td:nth-child(4){ width: 140px; }
.partners_window table.datatable2 td:nth-child(5){ width: 120px; }
.partners_window table.datatable2 td:nth-child(6){ text-align: center; }

 .nav_button{
	width: 195px;
	text-align: center;
	display: inline-block;
	border: 1px solid #ECECEC;
	height: 32px;
	line-height: 32px;
	color: #22a7f0;
}
/*---------------------------------------------------*/
.partners_role_window{

}
.partners_role_window table.datatable2{

}
.partners_role_window table.datatable2 td:nth-child(1){ width: 275px; }
.partners_role_window table.datatable2 td:nth-child(2){ width: 130px; }
.partners_role_window table.datatable2 td:nth-child(3){ width: 140px; }
.partners_role_window table.datatable2 td:nth-child(4){ width: 140px; }
.partners_role_window table.datatable2 td:nth-child(5){ text-align: center; }

.partners_role_window table.datatable2 tbody td{
	padding-top: 4px;
	padding-bottom: 4px;
}

.partners_role_window input.date{
	width: 108px;
}
.partners_role_window.system_window table.datatable2 .checkbox2{
	padding-left: 30px;
}

.partners_role_window .dropdown_panel.opened .head{
	border-bottom: 0;
}
.partners_role_window .dropdown_panel .dropdown_content{
	border: none;
}
.partners_role_window .scrollbox{
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 450px;
}

/*---------------------------------------------------*/
.partners_profile_window{

}
.partners_profile_window .result_container{
	margin: 0 -16px;
	max-height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.partners_profile_window table.datatable2.type1 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.partners_profile_window table.datatable2.type1 td:nth-child(2){ width: 350px; }
.partners_profile_window table.datatable2.type1 td:nth-child(3){ width: 240px; }

.partners_profile_window.system_window table.datatable2 .checkbox2{
	padding-left: 30px;
}

.partners_profile_window .dropdown_panel.opened .head{
	border-bottom: 0;
}
.partners_profile_window .dropdown_panel .dropdown_content{
	border: none;
}

.partners_profile_window .dropdown_panel table.datatable2 td:nth-child(1){ width: 440px;}
/*---------------------------------------------------*/
.dropdown_panel{
	margin-bottom: 20px;
}
.dropdown_panel .head{
	background-color: #F1F9FE;
	font-size: 14px;
	color: #22a7f0;
	text-transform: uppercase;
	font-weight: bold;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	cursor: pointer;
	border: 1px solid #ECECEC;
}
.dropdown_panel .head .arrow{
	background: #22A7F0;
	display: block;
	width: 34px;
	height: 34px;
	margin-top: 8px;
	float: right;
	text-align: center;
}
.dropdown_panel .head .arrow svg{
	width: 15px;
	height: 15px;
	stroke: white;
	position: relative;
	top: -6px;
	display: inline-block;
}
.dropdown_panel .dropdown_content{
	display: none;
	border: 1px solid #ECECEC;
	border-top: 0;
}

.dropdown_panel.opened .arrow{
	background-color: #444444;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.dropdown_panel.opened .dropdown_content{
	display: block;
}


 /* ----------->>> GridView <<<----------*/
        .gridView
        {
            width: 100%;
            clear: both;
            margin: 10px 0;
            border: medium none !important;
            border-collapse: collapse;
        }
        .gridView tr td
        {
            vertical-align: top;
        }
        .gridView thead tr, .footer
        {
            font: bold 11px Arial;
            vertical-align: middle;
            text-decoration: none;
            text-align: center;
        }

        /* --->>> HeaderStyle (cabe�alho) <<<---*/
        .gridView thead tr
        {
            color: #333;
            background: #fff url(../images/bg-header-grid.svg) bottom repeat-x;
            vertical-align: middle;
            height: 25px;
        }
        .gridView thead tr th
        {
            border-top: 1px solid #E2E6E6;
            border-bottom: 3px solid #E5E5E5;
            vertical-align: middle;
        }
        .gridView thead tr a
        {
            font: bold 11px Arial, Verdana;
            color: #333;
            padding: 0 0 0 10px;
            text-decoration: underline;
            background: url(../images/Icones/ico-ordem.gif) left no-repeat;
            vertical-align: middle;
        }
        .gridView thead tr a:hover
        {
            color: #06c;
            background: url(../images/Icones/ico-ordem-hover.gif) left no-repeat;
        }

        /* ---->>> FooterStyle (rodap�) <<<------*/
        .footer
        {
            height: 20px;
            width: auto;
            margin: 0 auto;
            text-align: center;
            padding: 5px;
        }
        /*PagerStyle*/
        .footer a, .footer span
        {
            color: #555;
            padding: 2px 6px 2px 6px;
            border: 1px solid #bcbcbc;
            background: #F1F1F1 url(../images/bg-pg.svg) bottom repeat-x;
            text-decoration: none;
        }
        .footer a:hover
        {
            color: #C40B17;
            background-color: #fff;
            background-image: none;
            border: 1px solid #890812;
        }
        .footer span
        {
            color: #fff;
            background: #D7403F url(../images/bg-pg-focus.svg) bottom repeat-x;
            border: 1px solid #890812;
        }


        /* ------------>>> Grid <<<--------------*/
        .grid, .gridAlternada, .gridDestacada
        {
            font: 11px Arial,Verdana;
            text-align: left;
            text-align: center;
            vertical-align: middle;
        }
        .grid:hover, .gridAlternada:hover, .gridDestacada:hover
        {
            color: #000;
            background: #D4E5F6 url(../images/bg-dia.svg) 0 0 repeat-x;
        }

        .grid
        {
            background-color: #fff;
        }
        /*RowStyle*/
        .gridAlternada
        {
            background-color: #eee;
        }
        /*AlternatingRowStyle*/
        .gridDestacada
        {
            background-color: #FFE082;
            color: #333;
        }
        /*SelectedRowStyle / EditRowStyle*/


        /* -------->>> Link Grid's <<<-----------*/
        .grid a, .gridAlternada a, .gridDestacada a
        {
            color: #384249;
            text-decoration: none;
        }
        .grid a:hover, .gridAlternada a:hover, .gridDestacada a:hover
        {
            color: #000;
            text-decoration: underline;
        }



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


.toggle_panel_right{
	background: white;
	position: absolute;
	top: 10px;
	right: 5px;
	padding: 0;
	width: 0;
	/*height: 44px;*/
	overflow: hidden;
	z-index: 1;


	-webkit-transition: width 0.5s cubic-bezier(.47,.11,0,.89), height 0.5s cubic-bezier(.47,.11,0,.89), top 0.5s cubic-bezier(.47,.11,0,.89);
	   -moz-transition: width 0.5s cubic-bezier(.47,.11,0,.89), height 0.5s cubic-bezier(.47,.11,0,.89), top 0.5s cubic-bezier(.47,.11,0,.89);
           transition: width 0.5s cubic-bezier(.47,.11,0,.89), height 0.5s cubic-bezier(.47,.11,0,.89), top 0.5s cubic-bezier(.47,.11,0,.89);
}
.toggle_panel_right.opened{
	width: 330px;
	padding: 10px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	border: 1px solid #CCCCCC;
	height: auto;
	z-index: 2;
}


.toggle_panel_right .top{
    background: #f7f7f7;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
    height: 50px;
    line-height: 53px;
    padding: 0 10px;
    position: relative;
    margin: -10px -10px 10px -10px;
    opacity: 0;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
           transition: all 0.5s linear;
}
.toggle_panel_right.opened .top{
	opacity: 1;
}

.toggle_panel_right .top .head_text{
	font-size: 16px;
	font-weight: bold;
	display: block;
	float: left;
}
.toggle_panel_right .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;
}
.toggle_panel_right .button:hover{
	background-color: #616161;
}
.toggle_panel_right .top .button.close{
	background-image: url(../images/bg_close.svg);
	position: absolute;
	right: 10px;
	top: 10px;
}

.toggle_panel_right > .opener{

	width: 63px;
	height: 53px;
	padding: 10px 0 0 0;
	font: 10px "Lato";
	text-align: center;
	cursor: pointer;
	position: absolute;
	right: -1px;
	top: -1px;
	z-index: 2;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.toggle_panel_right.opened > .opener{
	display: none;
}

.toggle_panel_right > .opener .ico{
	display: block;
}
.toggle_panel_right > .opener .ico svg{
	max-width: 100%;
	height: 30px;
	fill: #444444;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
.toggle_panel_right > .opener:hover{
	color: #22a7f0;
	fill: #22a7f0;
}
.toggle_panel_right > .opener:hover svg{
	fill: #22a7f0;
}

.toggle_panel_right > .opener .title{
	display: block;
	text-transform: uppercase;
}
.toggle_panel_right .content{
	opacity: 0;
	-webkit-transition: all 0.5s linear;
	   -moz-transition: all 0.5s linear;
           transition: all 0.5s linear;
}
.toggle_panel_right.opened .content{
	opacity: 1;
}


/*---------------------------------------------------*/
.ftable{
	overflow: hidden;
	overflow-x: auto;
}
.ftable table{
	table-layout: fixed;
}
.ftable .tablescroll{
	height: 204px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
    	float: left;

}
/*---------------------------------------------------*/
.bottom_section{
	position: absolute;
    right: 0px;
    bottom: 8px;
}
.Logo_item{

background:#fff url(./images/print.svg) no-repeat 5px;
  background-size:16px 16px;
  display: block;
}

.bottom_section .item{

	display: block;
	height: 37px;


	margin-left: 10px;
	font-size: 14px;
	color: #444444;

	float: left;
}
.bottom_section .item img{
	vertical-align: middle;
}
/*---------------------------------------------------*/
nav.main_menu{
	font-size: 10px;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	right: 5px;
	z-index: 2;
	overflow: hidden;
	/*width: 172px;*/
	width: 65px;
	height: 58px;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}
nav.main_menu.opened{
	width: 172px;
	height: 374px;
}

nav.main_menu .opener{
	background: #F7F7F7;
	width: 63px;
	height: 56px;
	cursor: pointer;
	border: 1px solid #CCCCCC;
	box-shadow: 0 0 5px rgba(0,0,0,0.13);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
nav.main_menu.opened .opener{
	background-color: white;
	border-bottom: 0;
	height: 48px;
	box-shadow: 0 0 0;
}
nav.main_menu .opener .ico{
	width: 25px;
	height: 18px;
	display: block;
	margin: 20px auto 0 auto;
}
nav.main_menu .opener:hover svg{
	fill: #22A7F0;
}

nav.main_menu .content{
	background: white;
	width: 150px;
	padding: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 48px;
	box-shadow: 0 0 5px rgba(0,0,0,0.13);
	visibility: hidden;
	opacity: 0;
	right: -172px;
	position: relative;
	-webkit-transition: all 0.3s linear;
	   -moz-transition: all 0.3s linear;
           transition: all 0.3s linear;
}

nav.main_menu.opened .content{
	visibility: visible;
	opacity: 1;
	right: 0;
}
nav.main_menu ul{
	overflow: hidden;
}
nav.main_menu ul li{
	background: #F7F7F7;
	float: left;
	width: 74px;
	margin-bottom: 2px;
}
nav.main_menu ul li:nth-of-type(2n){
	float: right;
}

nav.main_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;
}
nav.main_menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
nav.main_menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}
nav.main_menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
}
nav.main_menu svg{
	width: 100%;
	height: 100%;
}

/*---------------------------------------------------*/
.report_scheduling_window .result_container{
	margin: 0 -16px;
	max-height: 137px;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}
.report_scheduling_window table.datatable2 td:nth-child(1){ width: 25px; padding: 0; text-align: center;}
.report_scheduling_window table.datatable2 td:nth-child(2){ width: 250px; }
.report_scheduling_window table.datatable2 td:nth-child(3){ width: 210px; }
.report_scheduling_window table.datatable2 td:nth-child(4){ width: 210px; }
.report_scheduling_window table.datatable2 td:nth-child(5){ text-align: center; }

.report_scheduling_window .inner_content.inner_content_profile .header{
	border-bottom: 1px solid #ececec;
	padding: 0 15px 15px 15px;
	margin: 0 -15px 15px -15px;
}
.report_scheduling_window .section_left{
	float: left;
	width: 48%;
}
.report_scheduling_window .section_right{
	float: right;
	width: 48%;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile .field {
	float: none;
	width: auto;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile .field .label.left{
	width: 100px;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile  .select_wrapper{
	width: 310px;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile  input[type="text"]{
	width: 289px;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile .field_ervenyes input[type="text"]{
	width: 132px;
}

.report_scheduling_window .dataform .inner_content.inner_content_profile .field_tovabbitas select{
	width: 422px;
	box-sizing: border-box;
	padding: 0;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile .field_tovabbitas select option{
	padding: 2px;
}
.report_scheduling_window .dataform .inner_content.inner_content_profile .field_osszefoglalo textarea{
	height: 274px;
}
/*---------------------------------------------------*/
.report_scheduling_window2{

}
.report_scheduling_window2 .inner_content{
	background-color: #F7F7F7;
}
.report_scheduling_window2 a.reset{
	position: absolute;
	right: 20px;
	top: 60px;
}
.report_scheduling_window2 .month_selector{
	padding: 0 0 20px 20px;
}
.report_scheduling_window2 .month_selector ul.months{
	margin-top: 10px;
	overflow: hidden;
}
.report_scheduling_window2 .month_selector ul.months li{
	background-color: #F7F7F7;
	float: left;
	font-size: 15px;
	color: #22a7f0;
	font-weight: bold;
	text-align: center;
	width: 57px;
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
	cursor: pointer;
}
.report_scheduling_window2 .month_selector ul.months li:hover{
	background-color: #E7E7E7;
}
.report_scheduling_window2 .month_selector ul.months li.active{
	background-color: #444444;
	color: white;
}


.report_scheduling_window2 .day_selector{
	background-color: #F7F7F7;
	border: 1px solid #ECECEC;
	float: left;
	width: 408px;
	margin-bottom: 20px;
	padding: 10px 20px 20px 20px;
}
.report_scheduling_window2 .wd_selector{
	background-color: #F7F7F7;
	border: 1px solid #ECECEC;
	float: right;
	width: 408px;
	margin-bottom: 20px;
	padding: 10px 20px 20px 20px;
}

.report_scheduling_window2 .radiobutton1{
	display: block;
	margin-bottom: 10px;
	cursor: default;
}
.report_scheduling_window2 .checkbox2{
	display: block;
	margin-bottom: 10px;
}
.report_scheduling_window2 .day_selector ul.days{
	background: white;
	border: 1px solid #AAAAAA;
	padding: 15px 0 0 15px;
	margin-top: 10px;
	overflow: hidden;
}
.report_scheduling_window2 .day_selector ul.days li{
	background-color: #F7F7F7;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	border-radius: 15px;
	margin: 0 35px 15px 0;
	cursor: pointer;
}
.report_scheduling_window2 .day_selector ul.days li:hover{
	background-color: #E7E7E7;
}
.report_scheduling_window2 .day_selector ul.days li.active{
	background-color: #444444;
	color: white;
}


.report_scheduling_window2 .week_selector{
	width: 105px;
	float: left;
	margin-right: 20px;
}

.report_scheduling_window2 .weekday_selector{
	width: 275px;
	float: left;
}
.report_scheduling_window2 select{
	width: 100%;
	height: 230px;
	padding: 0;
}
.report_scheduling_window2 select option{
	padding: 5px;
}
.report_scheduling_window2 .field{
	float: none;
	width: auto;
}
.report_scheduling_window2 textarea{
	width: 100%;
}

/*---------------------------------------------------*/
.route_window.window{
	width: 960px;
	top: 120px;
	margin: 0 0 0 -480px;
}
.route_window .section_left{
	float: left;
	width: 407px;
	height: 380px;
	border: 1px solid #EFEFEF;
	padding: 20px;
	position: relative;
}
.route_window .section_right{
	float: right;
	width: 407px;
	height: 380px;
	border: 1px solid #EFEFEF;
	padding: 20px;
	position: relative;
}

.route_window .searchparam_box{

}
.route_window .searchparam_box nav.menu{
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.route_window .searchparam_box nav.menu ul{
	overflow: hidden;
	padding-left: 1px;
}
.route_window .searchparam_box nav.menu ul li{
	float: left;
	width: 25%;
	height: 86px;
	box-sizing: border-box;
	border: 1px solid #DDDDDD;
	position: relative;

	z-index: 1;
	margin-left: -1px;
}
/*.route_window .searchparam_box nav.menu ul li:last-child,
.route_window .searchparam_box nav.menu ul li.last{
	width: 25%;
}*/
.route_window .searchparam_box nav.menu ul li.active{
	background-color: #F7F7F7;
	border-color: #22A7F0;
	z-index: 2;
}
.route_window .searchparam_box 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;
}
.route_window .searchparam_box nav.menu .ico{
	width: 34px;
	height: 34px;
	display: block;
	margin: 0 auto 10px auto;
}
.route_window .searchparam_box nav.menu ul li.active a{

	color: #22a7f0;
	fill: #22a7f0;

}
.route_window .searchparam_box nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
}
.route_window .searchparam_box nav.menu svg{
	width: 100%;
	height: 100%;
}

.route_window .searchparam_box .menu_content{

}
.route_window .searchparam_box .menu_content .item{
	display: none;
}
.route_window .searchparam_box .menu_content .item.opened{
	display: block;
}
.route_window .dataform input[type="text"]{
	width: 180px;
}

.route_window .searchform .button_container{
	 padding: 15px 20px;
	 width: 100%;
	 box-sizing: border-box;
	 border-top: 1px solid #ececec;
	 position: absolute;
	 bottom: 0;
	 left: 0;
}
.route_window .searchform .button_container .button1{
	margin-right: 10px;
}
.route_window .progress_indicator{
	position: absolute;
	top: 40px;
	left: 20px;
}
.route_window .progress_indicator .label{
	background: url(../images/bg_progress.svg) no-repeat left center;
	font-size: 13px;
	padding: 10px 0 8px 20px;
	display: none;
}


.wait_ico
{
 /*
 	background: url(../images/bg_progress.svg) no-repeat left center;
    width: 20px;
    height: 20px;
    background-size: cover;*/
}


.route_window .progress_indicator.searching .label{
	display: block;
}
.route_window .no_result{
	background: url(../images/bg_no_result.svg) no-repeat center 135px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	display: none;
}
.route_window .no_result.opened{
	display: block;
}

.route_window .no_result .text{
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	font-size: 13px;
}
.route_window .no_result .text .big{
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
	color: #444444;
}

.route_window  .result_container{
	width: 100%;
	height: 365px;
	overflow-y: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}

.route_window  ul.address_items{
	font-size: 13px;
}
.route_window  ul.address_items li{
	padding: 15px 20px;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	cursor: pointer;
	position: relative;
}
.route_window  ul.address_items li:hover{
	background-color: #F7F7F7;
}
.route_window  ul.address_items li .name{
	display: block;
	margin-bottom: 5px;
}
.route_window  ul.address_items li .type{
	color: #999999;
}
.route_window  ul.address_items li .ico{
	background-color: #E7E7E7;
	width: 40px;
	height: 40px;
	line-height: 40px;

	border-radius: 20px;
	float: left;
	margin-right: 18px;
	display: block;
	text-align: center;
}
.route_window  ul.address_items li .ico svg{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-top: -3px;
}

.route_window  ul.address_items li .arrow{
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #aaaaaa;
	border-radius: 13px;
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	text-align: center;
}
.route_window  ul.address_items li .arrow svg{
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -4px;
	stroke: #aaaaaa;
}





/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
*
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
*
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;

    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;

	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;

			/* size */
		    height: 1px;
			}

	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }

	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */


 .center_szoveg
 {


    padding: 8px !important;
    text-align: center !important;
    font: 13px 'Lato', Arial, Helvetica, sans-serif !important;

    line-height: 1 !important;

 }

/*  TABLE FIXHEAD          */

@header_background_color: #333;
@header_text_color: #FDFDFD;
@alternate_row_background_color: #DDD;

@table_width: 750px;
@table_body_height: 300px;
@column_one_width: 200px;
@column_two_width: 200px;
@column_three_width: 350px;

.fixed_headers {
  width: @table_width;
  table-layout: fixed;
  border-collapse: collapse;

  th { text-decoration: underline; }
  th, td {
    padding: 5px;
    text-align: left;
  }

  td:nth-child(1), th:nth-child(1) { min-width: @column_one_width; }
  td:nth-child(2), th:nth-child(2) { min-width: @column_two_width; }
  td:nth-child(3), th:nth-child(3) { width: @column_three_width; }

  thead {
    background-color: @header_background_color;
    color: @header_text_color;
    tr {
      display: block;
      position: relative;
    }
  }
  tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: @table_body_height;
    tr:nth-child(even) {
      background-color: @alternate_row_background_color;
    }
  }
}

.old_ie_wrapper {
  height: @table_body_height;
  width: @table_width;
  overflow-x: hidden;
  overflow-y: auto;
  tbody { height: auto; }
}


.POI_SELECT {
  height: 33px;

}

.TableBorder
{

  border:  1px solid #E7E7E7;
   border-collapse: collapse;
}
#bottom_anchor
{
     height: 5px !important;

}

.bottom_anchor
{
    margin-bottom: 20px;

}

.movetolink_remove
{
    cursor: pointer;
}

.movetolink
{
    cursor: pointer;
}


 .cookie-wrapper.slide-in{bottom:-20px}
 .cookie-wrapper {box-sizing:border-box;background:rgba(226, 111, 29, 0.925); bottom:-140px;color:#fff;font-size:14px;left:0;padding:15px 45px 35px 25px;position:fixed;text-align:center;transition:bottom 700ms cubic-bezier(0.68,-.55,.265,1.55) 0s;width:100%;z-index:9999}
 .cookie-wrapper a{color:#fff}
 .cookie-close::after{content:"x";font-size:28px;font-weight:700;left:0;line-height:1em;position:absolute;text-indent:0;top:-10px}
 .cookie-close{display:block;height:13px;position:absolute;right:20px;text-decoration:none!important;text-indent:-9000px;top:20px;width:14px}
 .cookie-wrapper p{margin:0;padding:0;line-height:1.5em}.cookie-wrapper p a{text-decoration:underline}header


/*  GPS DATA EXPORT */

.gps_data_window .time_select .field_indulasi_datum,
.gps_data_window .time_select .field_befejezesi_datum{
	display: none;
}
.gps_data_window .time_select.custom_time .field_indulasi_datum,
.gps_data_window .time_select.custom_time .field_befejezesi_datum{
	display: block;
}

 .gps_data_window .time_select .field_indulasi_datum,
.gps_data_window .time_select .field_befejezesi_datum{
	display: none;
}
.gps_data_window .time_select.custom_time .field_indulasi_datum,
.gps_data_window .time_select.custom_time .field_befejezesi_datum{
	display: block;
}

.gps_data_window .msg{
	display: none;
	color: #db0000;
	font-weight: bold;
	font-size: 12px;
	margin: 10px 0 0 0;
}
.toggleclass
{
    cursor: pointer;
}

.sublist
{
   	color: #22a7f0;
	font-weight: bold;
	font-size: 10px;
	margin: 10px 0 0 0;
}

.maxheight50
{

    height: 50px !important;

}

.maxheight30
{

    height: 27px !important;

}


.data_section_kivalasztas
{
    font-size: 14px !important;
    color: #0078A8 !important;
        font-weight: bold;
}



.contextMenuPlugin {
 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;
}

.contextMenuPlugin > li {
  margin: 0 0 0 0;
  padding: 1px;
  background-repeat: no-repeat;
}

.contextMenuPlugin > li > a {
  position: relative;
  display: block;
  padding: 3px 3px 3px 28px;
  color: ButtonText;
  text-decoration: none;
  margin: 1px;
}

.contextMenuPlugin > li > a img {
  position: absolute;
  left: 3px;
  margin-top: -2px;
  width: 16px;
  height: 16px;
}
.contextMenuPlugin > li > a:hover {
  border: 1px solid #fffbff;
  outline: 1px solid #b5d3ff;
  margin: 0;
  background: -moz-linear-gradient(top, rgba(239,239,255,0.5) 0%, rgba(223,223,255,0.5) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,255,0.5)), color-stop(100%,rgba(223,223,255,0.5))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80efefff', endColorstr='#80dfdfff',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, rgba(239,239,255,0.5) 0%,rgba(223,223,255,0.5) 100%); /* W3C */
  cursor: default;
}

.contextMenuPlugin > li.disabled {
  pointer-events: none;
}

.contextMenuPlugin > li.disabled a {
  color: grey;
}

.contextMenuPlugin > li.disabled > a:hover {
  border: none;
  outline: none;
}

.contextMenuPlugin > li.divider {
  border-top: 1px solid #e7e3e7;
  border-bottom: 1px solid #ffffff;
  height: 0;
  padding: 0;
  margin: 5px 0 5px 27px;
}

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

.contextMenuPlugin > .gutterLine {

}

.DISABLED_SELECT
{

     cursor: default !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;

}




/*   */

.poisetting
{

    min-height: 550px;
    min-width: 600px;

}


.NOBORDER
{
    border: 0px solid #ECECEC !important;
     padding: 0 0 0 0 !important;
     margin-bottom: 0px !important;

}

.fill
{
    min-height: 500px;
    height: 100%;
    width: 100%;
    min-width: 100%;
}


.map_poisettings
{
       width: 595px;
    height: 506px;
    min-height: 100%;
    min-width: 100%;
    display: block;
}


.poi_setting_window .scrollbox{
	overflow: hidden !important;
	overflow-y: auto !important;
	position: relative !important;
	height: 100% !important;


}


.poi_setting_window .edit
{
	background-color: #00a000 ;
}


.poi_setting_window .pois .poi_item.opened .content nav.menu{
	margin: -10px -10px 10px -10px;
	font-size: 10px;
	text-transform: uppercase;
}
.poi_setting_window .pois .poi_item.opened .content nav.menu ul{
	overflow: hidden;
	border-bottom: 1px solid #ECECEC;
}
.poi_setting_window .pois .poi_item.opened .content nav.menu ul li{
	float: left;
	/*width: 74px;	*/
	width: 25%;
	/*border-right: 1px solid #ECECEC;*/
	box-shadow: -1px 0px 0px #ececec inset;
}
.poi_setting_window .pois .poi_item.opened .content nav.menu ul li:last-child,
.poi_setting_window .pois .poi_item.opened .content nav.menu ul li.last{
	/*width: 73px;
	border-right: 0;*/
	width: 25%;
	box-shadow: 0 0 0;
}
.poi_setting_window .pois .poi_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;
}
.poi_setting_window .pois .poi_item.opened .content nav.menu .ico{
	width: 28px;
	height: 28px;
	display: block;
	margin: 0 auto 6px auto;
}
.poi_setting_window .pois .poi_item.opened .content nav.menu ul a.active{
	background-color: #F7F7F7;
	color: #22a7f0;
	fill: #22a7f0;
}

.poi_setting_window .pois .poi_item.opened .content nav.menu ul a:hover{
	color: #22a7f0;
	fill: #22a7f0;
    text-decoration: none;
}




.poi_setting_window  .innerform fieldset{
	border: 1px solid #ECECEC;
	padding: 10px;
	margin: 0 0 10px 0;
}
.poi_setting_window  .innerform fieldset .caption{
	font-size: 13px;
	color: #444444;
	display: block;
	margin-bottom: 10px;
}
.poi_setting_window  .innerform fieldset .field{
	margin: 0 0 10px 0;
}

.poi_setting_window  .innerform input[type=text]{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
}

.poi_setting_window  .innerform input.size1{
	width: 200px;
	margin-right: 5px;
}
.poi_setting_window  .innerform input.size2{
	width: 50px;
}
.poi_setting_window  .innerform select{
	width: 100%;
}




.poi_setting_window table.datatable1 td {
    width: 50%;
    padding: 5px 0;
}

.poi_setting_window  .fieldset_place{

}
.poi_setting_window  .fieldset_place .button_modify{
	padding: 0 10px;
	margin-bottom: 10px;
}
.poi_setting_window  .fieldset_place input[type="text"]{
	width: 100% !important;
	box-sizing: border-box !important;
}
.poi_setting_window .field_szelessegi_fok{
	float: left;
	width: 49%;
}
.poi_setting_window .field_hosszusagi_fok{
	float: right;
	width: 49%;
}
.poi_setting_window .field_poi_csoport .select_wrapper{
	width: 225px;
	display: inline-block;
}
.poi_setting_window .add_new_group{
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;

}
.poi_setting_window .add_new_group .button{
	background-color: #08A5F2;
	font-size: 30px;
	font-weight: normal;
}
.poi_setting_window .add_new_group .button:hover{
	background-color: #28b1f7;
}

.poi_setting_window .edit
{
	background-color: #00a000 ;
}

.poi_setting_window .result_content .scrollbox{
	overflow: hidden;
	overflow-y: auto;
	position: relative;
	height: 100%;
}

.scrollbox2{
    overflow: hidden !important;
    overflow-y: auto !important;
    position: relative !important;
    height: 580px !important;
}

.MaxH560
{

   height: 560px !important;
}

.MaxW280
{
  max-width: 289px !important;
   min-width: 289px !important;


}

.MaxW170
{
  max-width: 170px !important;
   min-width: 170px !important;


}

.SelectMaxW280
{
  max-width: 286px  !important;
   min-width: 286px  !important;


}

.PaddingZero
{
    padding: 0 0px !important;
        border: 0px solid transparent;
}

.PXDOWNDIV
{

   padding: 10px 0px 14px 10px !important;
}

.NONW
{

    width: 34% !important;
}

.PXDOWN
{
    padding: 5px 0 0 1px;

}

.MINBORDER
{
    padding: 5px 10px 10px 10px !important;
}

.MINTOP
{
    margin-top: 0px !important;
}

.poi_setting_window .leaflet-control
{
    margin-bottom: 15px !important;
}

.MAXHEIGH
{

    padding: 20px !important;
    max-height: calc(100% - 110px) !important;
    min-height: calc(100% - 110px) !important;
    overflow: auto !important;

}

.TABLEMAX
{


    max-height: 500px !important;


}


.CircleCheckbox3.active {
    background-image: url(../images/bg_checkbox3_active.svg);
}
.CircleCheckbox3 {
   background: url(../images/bg_checkbox3.svg) 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;
}
.system_window table.datatable2.poi_export .checkbox2
{

    padding-left: 30px !important;
}

.poi_export_div{

    height: 310px !important;
}

.poi_export_div_scroll{

    height: 245px !important;
}


input[type=file] {
   border: 1px solid #AAAAAA;
    font-size: 13px;
    padding: 8px 10px;
    width: 418px !important;
}

.blue_poi
{

        background: #22a7f0 !important;
      /*   max-width: 150px !important;
         width: 150px !important;*/

}

.red_poi
{
        background: #db0000 !important;
         /*max-width: 150px !important;
         width: 150px !important;*/


}

.padding_16
{
    padding: 0 16px !important;

}

.center
{

    padding: 8px 10px;
}

.black
{
    color: #444444 !important;

}

.center_precent
{


}

.minimize_font
{

       font-size: 8px !important;

}

.search_indicator
{
        background: url(../images/ico_wait.gif) no-repeat left center !important;
    font-size: 13px !important;
    padding: 10px 0 8px 20px !important;


}


.icomegalassi
{
    background: white no-repeat center;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 29px;
    border-radius: 15px;
    border: 1px solid #0500c1;
    color: #0500c1;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    cursor: default;
    position: absolute;
    left: -17px;
    top: 0;

}

/*  */


.datatable1 tr td:first-child{
    font-weight: bold;
}

.datatable_address tr td:first-child{
    font-weight: bold;
}




/*  FLEXMARKER COLORS  */


/* Colors */


/* options */

.option_btn{
	font-size: 16px;

	padding: 0 0 0 25px;
	position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
}
.option_btn .text{
	line-height: 1.4;
}
.option_btn .format{
	position: absolute;
	top: 1px;
	left: 0;
	margin: 0;
	display: block;
}
.option_btn .format:after{
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
		  transition: all 0.2s ease-out;
	opacity: 0;
}
.option_btn input:checked + .format:after{
	opacity: 1 !important;
}
.option_btn label{
	cursor: pointer;
}
.option_btn input{
	display: none;
}
.option_btn.checkbox .format{
	background: white;
	width: 15px;
	height: 15px;
	border: 2px solid #E3E3E3;
	border-radius: 4px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
		  transition: all 0.2s ease-out;
}
.option_btn.checkbox input:checked + .format{
	border-color: #22A7F0;
}
.option_btn.checkbox .format:after{
	content: '';
	position: absolute;
	width: 10px;
	height: 4px;
	top: 3px;
	left: 2px;
	border: 2px solid #22A7F0;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




.option_btn.radio .format{
	background: white;
	width: 15px;
	height: 15px;
	border: 2px solid #E3E3E3;
	border-radius: 8px;
}
.option_btn.radio .format:after{
	background: #22A7F0;
	width: 9px;
	height: 9px;
	border-radius: 5px;
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
}

.AddressReloadSpan
{
     cursor: pointer;
    color: #ff0d0d;
}

.Addsearch
{
    background: url(../images/ico_wait.gif) no-repeat left center !important;
    font-size: 13px !important;
    padding: 10px 0 8px 20px !important;

}


.inputfile {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;}

.inputfile + label {
font-size: 1.25em;
font-weight: 700;
color: white;
background-color: black;
display: inline-block;
}
/*---------------------------------------------------*/
.terms_window{
	width: 960px;
	max-width: 100%;
	/*top: 10px;*/
	margin: 0 0 0 -480px;
	height: 80%;
}
.terms_window .windowcontent {
    height: calc(100% - 165px);
}
.terms_window .textcontent1 p{
	margin-top: 0;
	margin-bottom: 20px;
}

.terms_window .button1{
	width: 220px;
	padding: 0;
	margin-right: 10px;
}
.terms_window ul.nav{
	display: flex;
	margin-bottom: 10px;
}
.terms_window ul.nav > li{
	margin-right: 10px;
}
.terms_window ul.nav > li .number{
	background-color: #a9a9a9;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	color: white;
}
.terms_window ul.nav > li.active{
	color: black;
}
.terms_window ul.nav > li.active .number{
	background-color: #22a7f0;
}

.terms_window .inner_content{
	/*max-height: 500px;*/
	height: calc(100% - 50px);
	overflow-y: auto;
}

.terms_window .button_container{
	margin: 10px 0;
}



 .button_panel{
	position: absolute;
	right: 10px;
	bottom: 160px;
}


 .button_panel .button{
	background: white no-repeat center;
	background-size: 23px;
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	line-height: 46px;
	border-radius: 4px;
	text-align: center;
	box-shadow: 0 1px 5px rgb(0 0 0 / 65%);
    border-radius: 4px;
}
.button_panel .button img{
	width: 24px;
}
.button_panel .button svg{
	width: 20px;
	height: 20px;
	vertical-align: middle;
	fill : #000000;
	margin-bottom: 23px;
}
.button_panel .button.pos_enable svg {
    fill: #08A5F2;
}
.panel2{

 bottom: 195px;
}

.dataform .field .input.left span {
   float: left;
    padding-top: 9px;
    width: 170px;
    margin-right: 10px;
}