/* Overrides for OpenLayers styles */
.ol-control, .ol-scale-line {
	position: static;
}

.ol-scale-line {
    background: rgba(68, 110, 202, 0.9);
    border-radius: 0px;
}

.ol-scale-line-inner {
    font-size: 12px;
	border-image: linear-gradient(#eee, #eee);
	border-image-width: 8px 1px 1px;
	border-image-slice: 0 10 10 10;
	border-image-outset: initial;
}

/* SOURCE: app/assets/fonts/open_sans.css */

/* https://github.com/FontFaceKit/open-sans */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'),
     url(/viewer/assets/fonts/OpenSans-Regular.woff2) format('woff2'),
     url(/viewer/assets/fonts/OpenSans-Regular.woff) format('woff'),
     url(/viewer/assets/fonts/OpenSans-Regular.ttf) format('ttf'),
     url(/viewer/assets/fonts/OpenSans-Regular.eot) format('eot');
}

@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: local('Open Sans Bold'),
    url(/viewer/assets/fonts/OpenSans-Bold.woff2) format('woff2'),
    url(/viewer/assets/fonts/OpenSans-Bold.woff) format('woff'),
    url(/viewer/assets/fonts/OpenSans-Bold.ttf) format('ttf'),
    url(/viewer/assets/fonts/OpenSans-Bold.eot) format('eot');
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family:'Open Sans';
	font-size: 13px;
	overflow: hidden;
}

.mapContainer{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.rightBox{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.rb-other{
	height: 100%;
	position: relative;
	width: 0;
}
.rb-rightPane{
	height: 100%;
	position: relative;
	transition-property: opacity, width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;
	width: 350px;
	opacity: 1;
}
.rb-rightPane .rb-loading{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.rb-rightPane .rb-loading-icon{
	background-image: url(/viewer/assets/icons/loading.50c5e3.gif);
	width: 32px;
	height: 32px;
}

.rp-box{
	height: 100%;
	width: 350px;
}

.w-map-tooltip {
	position: relative;
	padding: 4px 8px;
	opacity: 0.8;
}
.w-map-tooltip-static {
	background-color: #fcf06a;
	color: black;
	border: 1px solid #9b9ea2;
}
.w-map-tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.w-map-tooltip-static:before {
	border-top-color: #9b9ea2;
}

.w-map-tooltip .headBox {
	position: absolute;
	top: -17px;
	right: 0;
	height: 16px;
	overflow: hidden;
}
.w-map-tooltip .head {
	background-color: #fcf06a;
	border: 1px solid #518dca;
	padding: 2px;
	margin-top: 17px;
	transition: margin-top 0.25s linear;
}
:hover.w-map-tooltip.w-map-tooltip-static .head{
	margin-top: 0;
}

.w-map-tooltip .close{
	background-image: url(/viewer/assets/icons/tooltipClose.95a047.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.w-map-tooltip .close:hover{
	background-position: -10px 0px;
}


.tb_measure{
	background: url(/viewer/assets/icons/tb_measure.081326.png);
}
.tb_coorIcon{
	background: url(/viewer/assets/icons/tb_coor.5005ec.png);
}
.tb_GPXIcon{
	background: url(/viewer/assets/icons/tb_GPX.cb7fcc.png);
}
.tb_identifyIcon{
	background: url(/viewer/assets/icons/tb_identify.8652e8.png);
}
.tb_printIcon {
	background: url(/viewer/assets/icons/tb_print.4f559e.png);
}
.tb_shareIcon{
	background: url(/viewer/assets/icons/share.5b747d.png);
	background-size: cover;
}
.tb_clearIcon{
	background: url(/viewer/assets/icons/tb_clear.7f8440.png);
}
.t_lengthIcon{
	background: url(/viewer/assets/icons/lp_length.081326.png);
}
.t_areaIcon{
	background: url(/viewer/assets/icons/lp_area.811bb6.png);
}
.t_coorIcon{
	background: url(/viewer/assets/icons/lp_coor.5005ec.png);
}
.t_toCoorIcon{
	background: url(/viewer/assets/icons/lp_toCoor.a08a12.png);
}

.c_maps_icon{
	background: url(/viewer/assets/icons/maps.d96627.png);
}
.c_layers_icon{
	background: url(/viewer/assets/icons/layers.e68dd9.png);
}
.c_legend_icon{
	background: url(/viewer/assets/icons/legend.02e661.png);
}
.c_bookmarks_icon{
	background: url(/viewer/assets/icons/bookmarks.913107.png);
}
.c_GPS_icon{
	background: url(/viewer/assets/icons/tracks.7d4a98.png);
}
.c_RKS_icon{
	background: url(/viewer/assets/icons/RKS.4416aa.png);  
}
.c_ETRIS_icon{
	background: url(/viewer/assets/icons/ETRIS.647291.png);  
}
.c_editor_icon{
	background: url(/viewer/assets/icons/edit24.54514e.png);
}

.c_search_icon{
	background: url(/viewer/assets/icons/search2.052e51.png);
}
.c_help_icon{
	background: url(/viewer/assets/icons/help.ff5c76.png);
}
.c_auth_icon{
	background: url(/viewer/assets/icons/auth.8ccf87.png);
}
.c_profile_icon {
	background: url(/viewer/assets/icons/profile.b83672.png);
}

.b_baseMap_icon{
	background: #ffffff url(/viewer/assets/icons/baseMap.2f9fef.png);
}

#basemapPanelSwitcher {
	position: absolute;
	top:-42px;
	right:25px;
	border: 1px solid #518dca;
	background-color: rgba(255, 255, 255, 0.9);
}

#basemapPanelSwitcher.active, #basemapPanelSwitcher:active, #basemapPanelSwitcher:hover {
	background-color: rgba(107, 158, 234, 1);
}

.w-flatButton.w-button-active .b_baseMap_icon, .w-flatButton:active .b_baseMap_icon, .w-flatButton:hover .b_baseMap_icon {
	background-color: rgba(107, 158, 234, 1);
}

/* временное скрытие для кнопки ООПТ до выпуска */
/* .btn-module-oopt
{
    display: none;
} */

.clear{
	clear: both;
}

.manual
{
	color: #7e002f;
	font-weight: bold;
    text-decoration: none;
}

.manual:hover
{
	color: #380015;
	font-weight: bolder;
}

/*.toolsPane{
	position: absolute;
	top: 15px;
	right: 30px;
}*/
/* Стили кнопки слоёв зон мобильной связи */
.mobile-communication-button
{
	width: 42px;
    height: 42px;
	margin-top: 5px;
    border: 1px solid #518dca;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-communication-openBtn-icon{
	width: 24px;
	height: 24px;
	background-image: url(/viewer/assets/icons/mobile.5ae3a4.png);
	background-repeat: no-repeat;
}

.active.mobile-communication-button .mobile-communication-openBtn-icon,
:hover.mobile-communication-button .mobile-communication-openBtn-icon{
	background-position: -24px 0;
}

.active.mobile-communication-button,
:hover.mobile-communication-button{
	background-color: rgb(107, 158, 234);
}

.mobileCommunicationPanel
{
	width: 310px;
    height: 125px;
	/* margin-top: 5px; */
	right: 50px;
    border: 1px solid #518dca;
    background-color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    flex-direction: column;
    font-size: 14px;
}

.mobile-operator
{
	width: fit-content;
	height: fit-content;
	color: white;
    cursor: pointer;
	padding: 4px 5px 4px 5px;
	border-radius: 5px;
}

.active.mobile-operator,
:hover.mobile-operator
{
	background-color: rgb(74 108 183);
	color: white;
}

.mobile-communication-cover
{
	color: rgb(181, 181, 181);
    cursor: pointer;
    padding-bottom: 1px;
	font-weight: bold;
}

.active.mobile-communication-cover.mts,
:hover.mobile-communication-cover.mts
{
	color: rgb(253 31 33);
    border-bottom: 2px solid;
}

.active.mobile-communication-cover.bil,
:hover.mobile-communication-cover.bil
{
	color: rgb(247, 194, 1);
    border-bottom: 2px solid;
}

.active.mobile-communication-cover.meg,
:hover.mobile-communication-cover.meg
{
	color: rgb(0, 185, 86);
    border-bottom: 2px solid;
}

.active.mobile-communication-cover.tel,
:hover.mobile-communication-cover.tel
{
	color: rgb(25 25 25 / 75%);
    border-bottom: 2px solid;
}

.tp-box{
	box-shadow: 1px 1px 1px 0 rgba(81, 141, 202, 0.12);
	border-color: #518dca;
	border-style: solid;
	background-color: rgba(255, 255, 255, 0.9);
	border-width: 0 1px 1px 1px;
}

.tp-body{
	overflow: hidden;
}

.tp-body .w-flatButton {
	border-bottom: 1px solid #518dca;
}

.rb-btn-toggle{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	opacity: 0.6;
	transition: opacity .2s ease-in-out;
	cursor: pointer;
	background-color: white;
	background-repeat: no-repeat;
	background-position: center;
	/*border-radius: 0 0 0 4px;*/
	border-style: solid;
	border-color: #518dca;
	border-width: 0 0 1px 1px;
	padding: 4px;
}
.rb-btn-toggle.icon-next{
	background-image: url(/viewer/assets/icons/arrow_next.1fee26.png);
}
.rb-btn-toggle.icon-prev{
	background-image: url(/viewer/assets/icons/arrow_prev.2fd47e.png);
}
.rb-btn-toggle:hover{
	opacity: 1;
}




.rb-container{
	display: flex;
	flex-direction: column;
	position: absolute;
	top: 15px;
	right: 25px;
}

.rb-modules{
	margin-top: 5px;
	border-color: #518dca;
	border-style: solid;
	background-color: rgba(255, 255, 255, 0.9);
	border-width: 1px;
	display: flex;
	flex-direction: column;
}


.tp-openBtn{
	width: 42px;
	height: 42px;
	border: 1px solid #518dca;
	cursor: pointer;
	background-color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
}
.tp-openBtn.mod{
	margin: 15px 0 0 0;
}
.tp-openBtn-icon{
	width: 24px;
	height: 24px;
	background-image: url(/viewer/assets/icons/tools.d7dcd7.png);
	background-repeat: no-repeat;
}
.active.tp-openBtn .tp-openBtn-icon,
:hover.tp-openBtn .tp-openBtn-icon{
	background-position: -24px 0;
}

.active.tp-openBtn,
:hover.tp-openBtn{
	background-color: rgba(68, 110, 202, 0.9);
}

.tp-boxContent{
	background: rgba(255, 255, 255, 0.9);
	padding: 5px;
	position: absolute;
	top: 0;
	right: 57px;
	border: 1px solid #518dca;
}


.bottomPane{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	overflow: visible;
	user-select: none;
}

.bp_top{
	margin: 0 5px 10px 0;
}

.bp_baseMap{
	height: 0px;
	position: relative;
	border-style: solid;
	border-width: 1px 0px 0 1px;
	border-color: #518dca;
	border-radius: 1px 0 0 0;
	box-shadow: 1px 1px 3px 0 #518dca;
	background-color: white;
	transition: height .3s ease-in-out;
	overflow: hidden;
}
.bp_baseMap .list{
	padding: 2px;
	white-space: nowrap;
	display: flex;
}
/* Контейнер с группой слоёв - статические */
.p_bm_group_static{
	flex: 1 1;
    margin-right: 10px;
    overflow-y: auto !important;
    overflow-x: auto !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
/* Контейнер с группой слоёв - неограниченое число */
.p_bm_group{
	flex: 1 1;
    max-height: 228px;
    min-width: 315px;
    overflow-y: auto !important;
    overflow-x: auto !important;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.p_bm_group:first-child{
	margin: 0;
}
/* Контейнер с картинкой слоя и её надписью */
.map_box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
    flex-direction: column;
	height: fit-content;
}
/* Контейнер с картинкой слоя и её надписью - выбраный*/
.map_box .select {
	color: #518dca;
}
/* Картинка слоя */
.p_bm_item{
	display: flex;
	vertical-align: middle;
	height: 80px;
	width: 80px;
    border-radius: 8px;
	margin: 4px;
	border: 2px solid #d8d8d8;
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.2s ease-in-out;
	background-repeat: no-repeat!important;
	background-position: center!important;
	padding: 2px;
}
/*.p_bm_item:hover{
	box-shadow: 0px 0px 7px #518dca;
}*/
.bp-bottom{
	height: 0px;
	border-style: solid;
	border-width: 1px 0px 0 1px;
	border-color: #d8d8d8;
	background-color: white;
	overflow: hidden;
	position: relative;
}
.bp-resize{
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/resize.b1dbc1.png);
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	cursor: se-resize;
}
.bp-bottom.clip{
	transition: width .3s ease-in-out;
	border-width: 1px 0px 0 0;
}
.bp-bottom.clip .bp-resize{
	display: none;
}
.bp-resize-view{
	position: absolute;
	background: none;
	border: 1px dashed gray;
}
.bp-ctrl{
	position: absolute;
	top: 5px;
	right: 5px;
	display: flex;
}
.bp-bottom .bp-ctrl .clip{
	background-image: url(/viewer/assets/icons/clip.8fa7dd.png);
	width: 16px;
	height: 16px;
	margin: 0 5px;
	cursor: pointer;
}
.bp-bottom.clip .bp-ctrl .clip{
	background-position: -16px 0;
}


.bp-ctrl .close{
	background-image: url(/viewer/assets/icons/close.0344de.png);
	width: 16px;
	height: 16px;
	margin: 0 5px;
	cursor: pointer;
}


.p_bm_item.select{
	border-color: #518dca;
	border-width: 2px;
}

.p_bm_item:after{
	display: inline-block;
	content: attr(title);
	position: absolute;
	top: 3px;
	left: 3px;
	text-shadow: 0px 0px 4px white;
}

.bp_scaleLine{
	position: absolute;
	right: 72px;
	top: -28px;
	display: flex;
    align-items: center;
}

.bp_attribution
{
    background-color: rgba(68, 110, 202, 0.9);
    color: white;
    font-size: 12px;
    width: 110px;
    /* margin-right: 5px; */
    /* text-align: center; */
    display: flex;
    height: 24px;
    align-items: center;
    justify-content: center;
}

/* pages */
/* атрибутивная таблица */
.p-attrTable{
	padding: 8px;
	white-space: nowrap;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
}

.p-attrTable .p-at-head{
	display: flex;
	flex: 0 0 auto;
}


.p-attrTable .p-at-table{
	margin: 5px 0 0 0;
	display: flex;
	flex: 1 1 auto;
	overflow: hidden;
}

.p-attrTable .p-at-table textarea{
	padding: 2px;
	resize: none;
	font-family: inherit;
	font-size: inherit;
}





.mi_arcgis{
	background: url(/viewer/assets/icons/arcgis.d711f5.png);
}
.mi_OSM{
	background: url(/viewer/assets/icons/OSM.42d7cf.png);
}
.mi_landsat{
	background: url(/viewer/assets/icons/landsat.26aaec.png);
}
.mi_rosreestr{
	background: url(/viewer/assets/icons/rosreestr.1b3f42.png);
}
.mi_skaneks{
	background: url(/viewer/assets/icons/skaneks.2a36ad.png);
}

.measureTool {
	overflow: hidden;
}
.measureTool .controls{
	white-space: nowrap;
	display: flex;
}
.measureTool .headLabel{
	flex: 1 1 auto;
	margin-left: 5px;
	overflow: hidden;
	text-align: center;
	color: rgb(105, 103, 103);
}
.measureTool .boxContent{
}
.measureTool.hide{
	transition: width 0.2s 0.2s ease-in-out, height 0.2s ease-in-out;
}
.measureTool.show{
	transition: width 0.2s ease-in-out, height 0.2s 0.2s ease-in-out;
}
.measureTool.select{
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.measureTool.hide .boxContent{
	transition: width 0.2s 0.2s ease-in-out, height 0.2s ease-in-out;
}
.measureTool.show .boxContent{
	transition: width 0.2s ease-in-out, height 0.2s 0.2s ease-in-out;
}
.measureTool.select .boxContent{
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.measureTool .content{
	overflow: hidden;
	width: 200px;

}
.measureTool .result{
	display: flex;
	vertical-align: middle;
	align-items: center;
	color:rgb(105, 103, 103);
}
.measureTool .result .value{
	flex: 1 1 auto;
	text-align: center;
	display: inline-block;
	font-size: 1.4em;
	white-space: nowrap;
    overflow: hidden;
    padding: 2px;
	color: rgba(68, 110, 202, 1);
	text-overflow: ellipsis;
}


.coordinateTool{
	overflow: hidden;
}
.coordinateTool .controls{
	white-space: nowrap;
	display: flex;
}

.coordinateTool .headLabel{
	flex: 1 1 auto;
	margin-left: 5px;
	overflow: hidden;
	text-align: center;
	color: rgb(105, 103, 103);
}

.coordinateTool .boxContent{
}
.coordinateTool.hide{
	transition: width 0.2s 0.2s ease-in-out, height 0.2s ease-in-out;
}
.coordinateTool.show{
	transition: width 0.2s ease-in-out, height 0.2s 0.2s ease-in-out;
}
.coordinateTool.select{
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.coordinateTool.hide .boxContent{
	transition: width 0.2s 0.2s ease-in-out, height 0.2s ease-in-out;
}
.coordinateTool.show .boxContent{
	transition: width 0.2s ease-in-out, height 0.2s 0.2s ease-in-out;
}
.coordinateTool.select .boxContent{
	transition: width 0.2s ease-in-out, height 0.2s ease-in-out;
}

.coordinateTool .content{
	overflow: hidden;
	width: 250px;
	white-space: nowrap;
}
.coordinateTool .content select{
	width: 100%;
	margin: 10px 0 0 0;
	box-sizing: border-box;
	white-space: nowrap;
	display: block;
}
.coordinateTool .rows{
	display: flex;
}

.coordinateTool .label{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	overflow: hidden;
	flex: 0 0 auto;
	color: rgb(105, 103, 103);
}
.coordinateTool .content_point{
	margin: 0 0 0 5px;
	flex: 1 1 auto;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	overflow: hidden;
	height: 50px;
}
.coordinateTool .content_point div {
	text-align: center;
	font-size: 1.4em;
	color: rgba(68, 110, 202, 1);
	overflow: hidden;
}

.coordinateTool .content_coor{
	display: flex;
	overflow: hidden;
	align-items: center;
	flex: 1 1 auto;
}
.coordinateTool .content_coor_inputs{
	margin: 0 5px;
	flex: 1 1 auto;
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	overflow: hidden;
}
.coordinateTool .bot-ctrl{
	margin: 5px 0 0 0;
	display: flex;
	justify-content: flex-end;
}

.content_coor_inputs .row{
	flex: 1 1 auto;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	flex-flow: nowrap;
	width: 100%;
}
.content_coor_inputs .row:first-child{
	margin: 0 0 5px 0;
}

.content_coor_inputs input{
	text-align: center;
	flex: 1 1;
	overflow: hidden;
	outline: none;
	width: 20px;
	border-style: solid;
	border-color: #9b9ea2;
	border-width: 0 0 1px 0;
}
.coordinateTool .input_err{
	border-color: red;
	color: red;
}
.content_coor_inputs .symbol{
	margin: 0 4px 0 2px;
}

.printTool{}
.printTool .ctrl{
	display: flex;
	margin: 3px 0 0 0;
	align-items: center;
}
.printTool .btn{
	padding: 0 2px;
	border: 1px solid #518dca;
	cursor: pointer;
	color: #518dca;
	border-radius: 3px;
}
.printTool .load{
    background-image: url(/viewer/assets/icons/loading20.ee533d.gif);
    width: 20px;
    height: 20px;
    margin: 0 5px;
}

@keyframes showAnimate {
	from {
		visibility: visible;
		opacity: 0;
	}
	to {
		visibility: visible;
		opacity: 1;
	}
}
@keyframes hideAnimate {
	from {
		visibility: visible;
		opacity: 1;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}


.mapInformer{
	position: relative;
	padding: 4px 8px;
    border-radius: 5px;
    box-shadow: 6px 6px 16px -7px #888;
    background-color: white;
    border: solid 1px #8FA9B5;
    max-width: 300px;
}
.mapInformer .head{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.mapInformer .head-controls{
	display: flex;
	align-items: center;
}
.mapInformer .head-controls > *{
	margin: 0 0 0 5px;
}

.mapInformer .title{
	color: #52AEDA;
	margin: 0 5px 0 0;
}
.mapInformer .close{
	right: 0;
	background-image: url(/viewer/assets/icons/tooltipClose.95a047.png);
	width: 10px;
	height: 10px;
	padding: 2px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-position: 2px 2px;
}
.mapInformer .body{
	margin: 5px 0 0 0;	
}

.slide-show-img-container
{
    width: 100%;
    margin-top: 10px;
	cursor: pointer;
}

.slide-show-open{
    width: 115px;
    height: 45px;
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(100, 100, 100, 0.5);
    border-radius: 10px;
    position: relative;
    margin-top: -62px;
    margin-bottom: 15px;
    left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* z-index: 1; */
}

.slide-show-img-container:hover .slide-show-open{
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(100, 100, 100, 0.7);
}

.mapInformer .controls{
	line-height: 0;
	padding: 5px;
	user-select: none;
	margin: 5px 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #55B9E9;
}
.mapInformer.arrow {
	position: relative;
	background: #88b7d5;
	border: 1px solid #c2e1f5;
}
.mapInformer .mi-ctrl{
	display: flex;
	align-items: center;
}
.mapInformer .mi-link{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/link.20241b.png);
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	cursor: pointer;
}

.mapInformer .arrow:after, .mapInformer .arrow:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.mapInformer .arrow:before {
	border-color: transparent;
	border-top-color: #8FA9B5;
	border-width: 10px;
	margin-left: -10px;
}
.mapInformer .arrow:after {
	border-color: transparent;
	border-top-color: white;
	border-width: 10px;
	margin-left: -10px;
}



.big-photo
{
    background-size: 100% 100%;
    position: fixed;
}

.photos-background
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.left_arrow-background
{
    position: fixed;
    width: 42px;
    height: 64px;
    background-image: url(/viewer/assets/icons/next3.eb2063.png);
    cursor: default;

    background-repeat: no-repeat;
    background-position: center;
}

.left_arrow-background:hover
{
    background-color: rgba(255, 255, 255, 0.7);
}

.right_arrow-background
{
    position: fixed;
    width: 42px;
    height: 64px;
    background-image: url(/viewer/assets/icons/next2.bc43e0.png);
    cursor: default;

    background-repeat: no-repeat;
    background-position: center;
}

.right_arrow-background:hover
{
    background-color: rgba(255, 255, 255, 0.7);
}


.mapPopup{
	position: absolute;
	border: 1px solid #518dca;
	animation-duration: 0.3s;
	animation-fill-mode: forwards;
	visibility: hidden;
}
.mapPopup.show{
	animation-name: showAnimate;
}
.mapPopup.hide{
	animation-name: hideAnimate;
}


.mapPopup .head{
	background-color: rgba(107, 158, 234, 1);
	/*background-image: linear-gradient(rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 100%);*/
	transition: background-color 0.1s ease-in-out;
	padding: 4px;
	color: white;
}
.mapPopup .head:hover{
 cursor: pointer;
}

.mapPopup .title{
	float: left;
	line-height: 16px;
	cursor: pointer;
}
.mapPopup .headBtn{
	vertical-align: middle;
	float: right;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 2px;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 3px;
}
.mapPopup .headBtn:hover{
	border-color: #4c4c4c;
}

.closeIcon_16{
	background: url(/viewer/assets/icons/close2.be2c5f.png);
	width: 16px;
	height: 16px;
}

.mapPopup .body{
	background-color: white;
	padding: 5px;
}

.identify {
	width: 320px;
}
.identify .result{
	border: 1px solid #d8d8d8;
	max-height: 150px;
	overflow: auto;
}
.identify .group{
	cursor: pointer;
	padding: 2px 5px;
	border-style: solid;
	border-color: transparent;
	border-width: 1px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.identify .group:hover{
	background-color: rgba(81, 141, 202, 0.12);
	border-color: #d8d8d8;
}
.identify .list {
	overflow: hidden;
}
.identify .list .item{
	cursor: pointer;
	padding: 2px 5px 2px 25px;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px;
}
.identify .list .item.select{
	background-color: rgba(81, 141, 202, 0.12);
}
.identify .list .item:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.identify .label {
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	flex: 1 1 auto;
}
.identify .symbol {
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/p_m.232381.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px 0 0;
	background-repeat: no-repeat;
}
.identify .open .symbol {
	background-position: -16px 0;
}
.identify .noItem{
	padding: 5px;
	text-align: center;
}


.identify .iwTable {
	margin-top: 15px;
}
.identify .iwTable table{
	table-layout: fixed;
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
.identify .iwTable .iwTableHed{
	text-align: center;
	background: rgba(216, 216, 216, 0.38);
}
.identify .iwTable td{
	border: 1px solid #d8d8d8;
	padding: 2px 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.identify .iwTable .iwTableRow{
	text-align: left;
}

.feature-attachment{
	margin: 5px;
    padding: 5px;
    cursor: default;
    border: 1px solid gray;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* background-color: #d7e3fc; */
    transition: background-color 0.2sease-in-out;
}
.feature-attachment:hover{
	background-color: #d7e3fc;
}
.feature-attachment-label{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.feature-attachment-load-icon{
	width: 24px;
	height: 24px;
	background-image: url(/viewer/assets/icons/gps_load.d81289.png);
	cursor: pointer;
	margin: 0 5px 0 5px;
}

.feature-attachment:hover .feature-attachment-load-icon{
	background-position: 24px;
}

.feature-attachment-ctrl{
	display: flex;
	justify-content: space-around;
	margin: 0 0 0 5px;
}
.feature-attachment-ctrl > *{
	margin: 0 5px 0 0;
}





.rks-title-load{
	margin: 5px;
	background-image: url(/viewer/assets/icons/loading.50c5e3.gif);
	width: 32px;
	height: 32px;
}





.u-toggle{
	overflow: hidden;
	transition: height 0.15s ease-in-out;
	box-sizing: border-box;
}

.u-animate{
	overflow: hidden;
	box-sizing: border-box;
}


/*-- тестовый диалог ---*/
.test-content{
	width: 350px;
	text-align: justify;
	text-indent: 10px;
}
.test-content .icon{
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
	width: 24px;
	height: 24px;
    background-image: url(/viewer/assets/icons/help_test.4c1eb1.png);
}




/* -- глобалные, часто повторяющиеся стили -- */
.g-input{
	background-color: white!important;
	box-shadow: none!important;
	outline-offset: 0!important;
	outline: none!important;
	border-style: solid!important;
	border-color: #d8d8d8!important;
	border-width: 1px;
	transition: background 0.25s!important;
}
.g-input:hover,
.g-input:focus{
	background-color: #e5f2fe!important;
	background-image: linear-gradient(rgba(127, 127, 127, 0.2) 0%, rgba(127, 127, 127, 0) 2px)!important;
}
.g-input.err{
	background-color: #ead9d9!important;
	color: red!important;
}
.g-input:disabled{
	background-color: #efefef!important;
	color: #757575!important;
}

.print-size{
	/*border: 1px dashed red;*/
	position: absolute;
	background-color: #efefef9e;
	/*width: 757px;
	height: 496px;
	position: absolute;
	right: 560px;
	top: 35px;*/
}
.m_icon_show {
	background-image: url(/viewer/assets/icons/map16.81d2d9.png);
	width: 16px;
	height: 16px;
}
.m_icon_show.disabled {
	background-position: -16px 0;
}

.m_icon_save{
	background-image: url(/viewer/assets/icons/save.543a76.png);
	width: 16px;
	height: 16px;
}

.m_icon_clear{
	background-image: url(/viewer/assets/icons/clear.0344de.png);
}

.m_icon_download{
	background-image: url(/viewer/assets/icons/download.94a661.png);
}

.m_icon_list{
	background-image: url(/viewer/assets/icons/list.4de12d.png);
}
.m_icon_goto{
	background-image: url(/viewer/assets/icons/goto.311faa.png);
	width: 16px;
	height: 16px;
}

.m_icon_search_16{
	background-image: url(/viewer/assets/icons/search_16.4136f2.png);
}

.m_icon_next{
	background-image: url(/viewer/assets/icons/arrow.ea644c.png);
	width: 16px;
	height: 16px;
	background-position: 0 -16px;
}
.m_icon_next.disabled{
	background-position: -16px -16px;
}

.m_icon_prev{
	background-image: url(/viewer/assets/icons/arrow.ea644c.png);
	width: 16px;
	height: 16px;
	background-position: 0 0;
}
.m_icon_prev.disabled{
	background-position: -16px 0;
}

.icon_geom_point{
	background-image: url(/viewer/assets/icons/type_geom.8db83d.png);
	width: 16px;
	height: 16px;
}

.icon_geom_line{
	background-image: url(/viewer/assets/icons/type_geom2.7c9060.png);
	width: 16px;
	height: 16px;
	background-position: -64px 0;
}
.icon_geom_rect{
	background-image: url(/viewer/assets/icons/type_geom2.7c9060.png);
	width: 16px;
	height: 16px;
	background-position: -16px 0;
}
.icon_geom_poly{
	background-image: url(/viewer/assets/icons/type_geom2.7c9060.png);
	width: 16px;
	height: 16px;
	background-position: 0 0;
}
.icon_geom_circle{
	background-image: url(/viewer/assets/icons/type_geom2.7c9060.png);
	width: 16px;
	height: 16px;
	background-position: -48px 0;
}
.icon_geom_rect_cut{
	background-image: url(/viewer/assets/icons/type_geom2_cut.dca8e6.png);
	width: 16px;
	height: 16px;
	background-position: -16px 0;
}
.icon_geom_poly_cut{
	background-image: url(/viewer/assets/icons/type_geom2_cut.dca8e6.png);
	width: 16px;
	height: 16px;
	background-position: 0 0;
}
.icon_geom_circle_cut{
	background-image: url(/viewer/assets/icons/type_geom2_cut.dca8e6.png);
	width: 16px;
	height: 16px;
	background-position: -48px 0;
}

.icon_geom_fixcircle{
	background-image: url(/viewer/assets/icons/fix-rectangle.064fe9.png);
	width: 16px;
	height: 16px;
}

.icon_fix-rect{
	background-image: url(/viewer/assets/icons/fix-rectangle.064fe9.png);
	width: 16px;
	height: 16px;
}


/* search */
.lp_content_item_search .add-icon {
	background-image: url(/viewer/assets/icons/add0.eb9659.png);
}
.lp_content_item_search .remove-icon {
	background-image: url(/viewer/assets/icons/close.0344de.png);
}






/* ROUTES */
.lp_content_item_gps .show-gpx-icon{
	background-image: url(/viewer/assets/icons/map16.81d2d9.png);
	width: 16px;
	height: 16px;
}

.lp_content_item_gps .del-gpx-icon{
	background-image: url(/viewer/assets/icons/close.0344de.png);
	width: 16px;
	height: 16px;
}

.lp_content_item_gps .del2-gpx-icon{
	background-image: url(/viewer/assets/icons/trash.bfcda8.png);
	background-position: -16px 0;
	width: 16px;
	height: 16px;
}
.lp_content_item_gps .del2-gpx-icon.disabled{
	background-position: 0;
}


.lp_content_item_gps .add-gpx-icon{
	background-image: url(/viewer/assets/icons/add.66ee81.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.lp_content_item_gps .add-gpx-icon:hover {
	background-position: -16px 0;
}

.lp_content_item_gps .edit-gpx-icon{
	background-image: url(/viewer/assets/icons/edit.fe0e14.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.lp_content_item_gps .save-gpx-icon{
	background-image: url(/viewer/assets/icons/save.543a76.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}


.lp_content_item_gps .copy-gpx-icon{
	background-image: url(/viewer/assets/icons/copy.091e5e.png);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}
.lp_content_item_gps .copy-gpx-icon.disabled {
	background-position: -16px 0;
}


/* upload form */
.point-gpx-icon{
	background-image: url(/viewer/assets/icons/gps_point.6fa93f.png);
	width: 24px;
	height: 24px;
}
.route-gpx-icon{
	background-image: url(/viewer/assets/icons/gps_route.e5fe8d.png);
	width: 24px;
	height: 24px;
}
.track-gpx-icon{
	background-image: url(/viewer/assets/icons/gps_track.11d82a.png);
	width: 24px;
	height: 24px;
}
.load-gpx-icon{
	background-image: url(/viewer/assets/icons/gps_load.d81289.png);
	width: 24px;
	height: 24px;
}
.upload-gpx-icon{
	background-image: url(/viewer/assets/icons/gps_upload.ebbe8f.png);
	width: 24px;
	height: 24px;
}
/* ----- */


/* LAYERS */

.lp_content_item_maps .desc-icon{
	width: 16px;
	background: url(/viewer/assets/icons/desc.1c20fa.png);
}

.lp_content_item_maps .desc{
    flex: 0 0 auto;
    cursor: pointer;
    align-self: stretch;
    background-repeat: no-repeat;
    background-position: left;
    background-clip: content-box;
    margin: 0 3px;
}

.lp_content_item_maps li:hover .desc{
	background-position: right;
}

.map_topic ul{
	padding-inline-start: 20px;
}

.map_topic li{
	display: flex;
	justify-content: space-between;
}

/* КОНСТРУКТОР КАРТ */ 
.map_constructor
{
	height: fit-content;
    width: fit-content;
    min-width: 1262px;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 1vh;
    justify-content: space-evenly;
    align-items: center;
}

.map_constructor li 
{
	margin-bottom: 10px;
}

.map_constructor .map_topic 
{
	margin-bottom: 10px;
}

.map_constructor .modal_close
{
	height: 22px;
    width: 22px;
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 16px; */
    background-color: white;
    color: rgb(45, 45, 45);
	background-image: url(/viewer/assets/icons/close_w_24.8e0a46.png);
    background-size: 100% 100%;
    border-radius: 1vh;
    cursor: pointer;
	margin: 5px 15px -15px auto;
}

.map_constructor .modal_logo
{
	height: 64px;
    width: 64px;
    font-size: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 16px; */
    background-color: white;
    color: rgb(45, 45, 45);
	background-image: url(/viewer/assets/icons/cube.46088d.png);
    background-size: 100% 100%;
	margin-left: 35px;
    /* border-radius: 1vh; */
    /* cursor: pointer; */
	margin-top: 20px;
	/* margin: 15px auto -15px 15px; */
}

.map_topic .item-bullet{
	margin-right: 10px;
	font-family: arial;
	font-size: 20px;
	color: #6b9eea;
}

.map_topic .item-name{
	flex: 1 1;
}



.tree .ctrl-icon{
	width: 16px;
	background: url(/viewer/assets/icons/ctrl.9ba48f.png);
}

.tree .symbol-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/p_m.232381.png);
}

.w-t-ctrl .opacity-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/opacity.d94eb9.png);
}

.w-t-ctrl .attrTabe-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/table.3bb3d6.png);
	background-repeat: no-repeat;
}
.w-t-ctrl .cluster-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/cluster.c67260.png);
	background-repeat: no-repeat;
}
.w-t-ctrl .cluster-icon.select:after{
	background-image: url(/viewer/assets/icons/ok_12.48272d.png);
	width: 12px;
	height: 12px;
	content: "";
	display: block;
	margin: 5px 0 0 5px;
}
.w-t-ctrl .not-cluster-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/not-cluster.ac27da.png);
	background-repeat: no-repeat;
}

.w-t-ctrl .description-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/metabase.8f8605.png);
}
/* ----- */


/* MARK */
.lp_content_item_mark .add-mark-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/add.66ee81.png);
	background-repeat: no-repeat;
}
.lp_content_item_mark .add-mark-icon:hover {
	background-position: -16px 0;
}

.edit-mark-icon{
	background-image: url(/viewer/assets/icons/edit.fe0e14.png);
	width: 16px;
	height: 16px;
}
.del-mark-icon{
	background-image: url(/viewer/assets/icons/close.0344de.png);
	width: 16px;
	height: 16px;
}
.save-mark-icon{
	background-image: url(/viewer/assets/icons/save.543a76.png);
	width: 16px;
	height: 16px;
}
.show-mark-icon{
	background-image: url(/viewer/assets/icons/map16.81d2d9.png);
	width: 16px;
	height: 16px;
}
/* ----- */


/* HELP */
.lp_content_item_help .manual-icon{
	display: inline-block;
	background-image: url(/viewer/assets/icons/manual.5181ba.png);
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 3px;
}
/* ---- */


/* EDIT */
.attr-table-icon{
	background-image: url(/viewer/assets/icons/table.3bb3d6.png);
	margin-left: 5px;
}
.template-editor-icon{
	background-image: url(/viewer/assets/icons/template.3bbdac.png);
}

.edit-editor-icon{
	background-image: url(/viewer/assets/icons/edit.fe0e14.png);
}
.del-editor-icon{
	background-image: url(/viewer/assets/icons/close.0344de.png);
}
.del-attachment-icon{
	background-image: url(/viewer/assets/icons/close.0344de.png);
}
.show-attachment-icon{
	background-image: url(/viewer/assets/icons/download.94a661.png);
}
/* ---- */


/* widgets */
.close-dialog-icon{
	 background: url(/viewer/assets/icons/close2.be2c5f.png);
	width: 16px;
	height: 16px;
}

.icon-loading16{
	background: url(/viewer/assets/icons/loading16.cf46f7.gif);
	width: 16px;
	height: 16px;
}

.fp-tab-avia .icon-loading16{
	background: url(/viewer/assets/icons/loading16.cf46f7.gif);
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 21px;
}

.icon-attachment{
	background: url(/viewer/assets/icons/attachment.98c251.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
}
/* ----- */

.transport-icon {
	background-image: url(/viewer/assets/icons/transport.354a51.png);
	width: 24px;
	height: 24px;
}

.icon_a4{
	background-image: url(/viewer/assets/icons/a4.263b98.png);
	width: 35px;
	height: 35px;
	margin-right: 5px; 

}
.icon_a3{
	background-image: url(/viewer/assets/icons/a3.cb6084.png);
	width: 35px;
	height: 35px;
	margin-right: 5px; 

}
.icon_a5{
	background-image: url(/viewer/assets/icons/a5.1ef734.png);
	width: 35px;
	height: 35px;
	margin-right: 0px;
}

.icon_ao{
	background-image: url(/viewer/assets/icons/ao.5a59a9.png);
	width: 35px;
	height: 35px;
	margin-right: 5px;
}

.icon_ko{
	background-image: url(/viewer/assets/icons/ko.2c8468.png);
	width: 35px;
	height: 35px;
	margin-right: 0px;
}

.box_link_icon{
    display: inline-block;
    background-image: url(/viewer/assets/icons/manual.5181ba.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 3px;
}

/* SOURCE: app/assets/accordion.css */

.accordion > .header > .symbol {
  background-image: url(/viewer/assets/icons/accordion.f4687f.png);
  background-position: 0 0;
  width: 11px;
  height: 7px;
  float: right;
}

.accordion.active > .header > .symbol {
  background-position: 0 7px;
}

.accordion > .header:hover > .symbol {
  background-position: 11px 0;
}

.accordion.active > .header:hover > .symbol {
  background-position: 11px 7px;
}

.accordion > .body {
  display: none;
}

.accordion.active > .body {
  display: block;
}


/* SOURCE: widgets/styles/tree.css */

.tree{
	padding: 2px;
	white-space: nowrap;
	border: 1px solid transparent;
	display: block;
}
.tree .item, .tree .path{
	display: flex;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	align-items: center;
	justify-content: space-between;
	padding: 1px 0;
	overflow: hidden;
	position: relative;
}
.tree .item:hover, .tree .path:hover{
	background-color: rgba(81, 141, 202, 0.12);
	border-color: rgba(81, 141, 202, 0.02);
}

.tree .item.open{
	background-color: rgba(81, 141, 202, 0.22);
	border-color: rgba(81, 141, 202, 0.08);
}

.tree .w-cb { /* чекбоксы*/
	flex: 0 0 auto;
	margin: 0 0 0 3px;
}
.tree .label {
	flex: 1 1 auto;
	margin-left: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	align-self: stretch;
}



.tree .ctrl{
    flex: 0 0 auto;
    cursor: pointer;
    align-self: stretch;
    background-repeat: no-repeat;
    background-position: left;
    background-clip: content-box;
    margin: 0 3px;
}
.tree .path:hover .ctrl,
.tree .item:hover .ctrl{
	background-position: right;
}


.tree .legendList .l_item{
	display: flex;
	justify-content: space-between;
	margin: 2px 0 2px 10px;
	align-items: center;
}
.tree .legendList .l_icon{
	flex: 0 0 auto;
}
.tree .legendList .l_label{
	flex: 1 1 auto;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}


.tree .symbol {
	background-repeat: no-repeat;
	cursor: pointer;
	flex: 0 0 auto;
}
.tree .path.open .symbol {
	background-position: -16px 0;
}
.tree .pathList{
}

.w-t-ctrl {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-left: 28px;
}

.w-t-ctrl:before {
    border-bottom: 6px solid #518dca;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    top: -6px;
    transform: rotate(-90deg);
    margin-left: -9px;
    margin-top: -7px;
    /*left: 50%;*/
}
.w-t-ctrl:after {
    border-bottom: 6px solid rgb(255, 255, 255);
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    content: "";
    position: absolute;
    top: -5px;
    margin-left: -8px;
    transform: rotate(-90deg);
    /*left: 50%;*/
    margin-top: -8px;
}

.w-t-ctrl .btns {
    background-color: white;
    border: 1px solid #518dca;
    padding: 8px;
    flex: 0 0 auto;
    display: flex;
    margin-top: -27px;
}

.w-t-ctrl .btn {
	cursor: pointer;
	margin: 0 3px;
}

.w-t-ctrl .box_opacity {
    background-color: white;
    border: 1px solid #518dca;
    padding: 4px 8px;
    flex: 0 0 auto;
    top: 8px;
    width: 110px;
    position: absolute;
}

.w-t-ctrl .label{
	text-align: center;
}

.w-t-ctrl .num{
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
}

.maps-description-ctrl {
    display: flex;
    flex-direction: column;
    position: absolute;
    margin-left: 30px;
    margin-top: -50px;
}

.box_description {
    background-color: white;
    border: 1px solid #518dca;
    padding: 4px 8px;
    flex: 0 0 auto;
    top: 8px;
    width: 350px;
    position: absolute;
}

/*.box_header{
    font-weight: bold;
    text-align: center;
}*/

.box_caption{
    font-weight: bold;
    margin: 10px 0 2px 0;
}

.box_link{
    margin: 15px 0 10px 0; /* 15 0 10 0 */
    display: flex;
    /*justify-content: ;*/
}
/* Закладки */

.lp_content_item_mark {
}

.lp_content_item_mark .list {
	flex: 0 1 auto;
	overflow: auto;
}

.lp_content_item_mark .controls {
	margin: 5px;
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lp_content_item_mark .add-mark-icon{
	background-clip: content-box;
	background-origin: content-box;
	cursor: pointer;
	flex: 0 0 auto;
	padding: 5px;
	border: 1px solid #9b9ea2;
}
.lp_content_item_mark .controls .add:active{
	box-shadow: inset 1px 1px 1px #9b9ea2;
}

.lp_content_item_mark .controls input {
	flex: 1 1 auto;
	vertical-align: middle;
	margin: 0;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 5px;
	width: 10px;
	height: 16px;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #9b9ea2;
}

.lp_content_item_mark .item{
	padding: 0px 7px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	border: 1px solid transparent;
	overflow: hidden;
}
.lp_content_item_mark .item:hover{
	background-color: rgba(81, 141, 202, 0.12);
	
}
.lp_content_item_mark .item:hover .item-controls{
	opacity: 1;
}

.lp_content_item_mark .item-name{
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	flex: 1 1 auto;
	align-items: center;
	cursor: pointer;
}
.lp_content_item_mark .item-input{
	width: 100%;
	margin: 0;
}
.lp_content_item_mark .item-controls{
	opacity: 0.5;
	display: flex;
	flex: 0 0 auto;
}

.up-form-gpx {
	width: 250px;
	height: 150px;
	max-height: 500px;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

.up-form-gpx .ctrl{
	text-align: center;
}

.up-form-gpx .btn{
	margin: 2px;
	padding: 5px 7px;
	cursor: pointer;
	display: inline-block;
	transition: background .25s;
	position: relative;
}
.up-form-gpx .num{
	position: absolute;
	bottom: 0;
	right: 0;
	color: blue;
	font-size: 0.8em;
	background-color: #bdbdbd;
	background-image: linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	padding: 0 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 2em;
	font-weight: bold;
}

.up-form-gpx .btn:active,
.up-form-gpx .btn:hover,
.up-form-gpx .btn.active {
	background-color: rgba(107, 158, 234, 1);
}

.up-form-gpx .btn:active .icon,
.up-form-gpx .btn:hover .icon,
.up-form-gpx .btn.active .icon{
	background-position: -24px 0px;
}

.up-form-gpx .list{
	flex: 1 1 auto;
	border: 1px solid #9b9ea2;
	overflow: auto;
}
.up-form-gpx .item{
	display: flex;
	align-items: center;
	padding: 1px 0;
	border: 1px solid transparent;
}

.up-form-gpx .item:hover {
	background-color: rgba(81, 141, 202, 0.12);
}
.up-form-gpx input{
	vertical-align: middle;
	margin: 0;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 5px;
	border: 1px solid #9b9ea2;
	flex: 0 0 auto;
	margin-top: 8px;
}

.copy-form-gpx{
	width: 250px;
	height: 150px;
	max-height: 500px;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

.copy-form-gpx .ctrl{
	text-align: center;
}

.copy-form-gpx .btn{
	margin: 2px;
	padding: 5px 7px;
	cursor: pointer;
	display: inline-block;
	transition: background .25s;
	position: relative;
}
.copy-form-gpx .num{
	position: absolute;
	bottom: 0;
	right: 0;
	color: blue;
	font-size: 0.8em;
	background-color: #bdbdbd;
	background-image: linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	padding: 0 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 2em;
	font-weight: bold;
}

.copy-form-gpx .btn:active,
.copy-form-gpx .btn:hover,
.copy-form-gpx .btn.active {
	background-color: rgba(107, 158, 234, 1);
}

.copy-form-gpx .btn:active .icon,
.copy-form-gpx .btn:hover .icon,
.copy-form-gpx .btn.active .icon{
	background-position: -24px 0px;
}

.copy-form-gpx .list{
	flex: 1 1 auto;
	border: 1px solid #9b9ea2;
	overflow: auto;
}
.copy-form-gpx .item{
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 1px 0;
	border: 1px solid transparent;
}

.copy-form-gpx .item:hover {
	background-color: rgba(81, 141, 202, 0.12);
}

.lp_content_item_gps {
}
.lp_content_item_gps .pane{
	margin: 8px 8px 0 8px;
}
.lp_content_item_gps .pane-ctrl{
	margin: 8px 8px 0 8px;
	display: flex;
	justify-content: space-between;
}
.lp_content_item_gps .btn,
.lp_content_item_gps .btn_2{
	margin: 2px;
	padding: 5px 7px;
	cursor: pointer;
	display: inline-block;
	transition: background .25s;
	position: relative;
}
.lp_content_item_gps .btn:hover,
.lp_content_item_gps .btn.active {
	background-color: rgba(107, 158, 234, 1);
}
.lp_content_item_gps .btn:active .icon,
.lp_content_item_gps .btn:hover .icon,
.lp_content_item_gps .btn.active .icon,
.lp_content_item_gps .btn_2.active .icon,
.lp_content_item_gps .btn_2:hover .icon {
	background-position: -24px 0px;
}
.lp_content_item_gps .btn_2.disabled{
	cursor: not-allowed;
}

.lp_content_item_gps .btn .num{
	position: absolute;
	bottom: 0;
	right: 0;
	color: blue;
	font-size: 0.8em;
	background-color: #bdbdbd;
	background-image: linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	padding: 0 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 2em;
	font-weight: bold;
}

/****
.lp_content_item_gps .btn{
	border: 1px solid #518dca;
	border-radius: 2px;
	box-sizing: content-box;
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
	padding: 3px;
	cursor: pointer;
	margin: 0 4px;
	width: 24px;
	height: 24px;
	position: relative;
	overflow: hidden;
}
.lp_content_item_gps .btn:active,
.lp_content_item_gps .btn.active {
    box-shadow: inset 1px 1px 5px #9b9ea2;
}
.lp_content_item_gps .btn .num{
	position: absolute;
	bottom: 0;
	right: 0;
	color: blue;
	font-size: 0.8em;
	background-color: #bdbdbd;
	background-image: linear-gradient(rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);
	padding: 0 2px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 2em;
	font-weight: bold;
}
*/

.lp_content_item_gps .ctrl-l, .lp_content_item_gps .ctrl-r{
	display: flex;
}
.lp_content_item_gps .ctrl-r input{
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	opacity: 0;
}


.lp_content_item_gps .add{
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lp_content_item_gps .add-input{
	flex: 1 1 auto;
	vertical-align: middle;
	margin: 0;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 5px;
	width: 10px;
	height: 16px;
	border-style: solid;
	border-width: 1px 0 1px 1px;
	border-color: #9b9ea2;
}
.lp_content_item_gps .add-btn:active{
	box-shadow: inset 1px 1px 1px #9b9ea2;
}

.lp_content_item_gps .pane-head{
	margin: 8px 0 0 0;
}

.lp_content_item_gps .list,
.lp_content_item_gps .pointList{
	user-select: none;
	border: 1px solid #9b9ea2;
	overflow: auto;
	height: 150px;
}
.lp_content_item_gps .list-clear {
	text-align: center;
	margin: 5px;
	opacity: 0.8;
}


.lp_content_item_gps .info{
	margin: 16px 0 0 0;
	padding: 0 2px;
}
.lp_content_item_gps .info-head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
	font-weight: bold;
}
.lp_content_item_gps .info-list{
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
	border-bottom-width: 1px;
}

.lp_content_item_gps .opt {
	margin: 2px 0 0 0;
	display: flex;
	justify-content: space-between;
}
.lp_content_item_gps .opt2 {
	display: flex;
}


.lp_content_item_gps .row{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
	
}
.lp_content_item_gps .row:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp_content_item_gps .row.select{
	background-color: rgba(81,141,202,0.30);
}
.lp_content_item_gps .row.s-info{

}
.lp_content_item_gps .row .label{
	margin: 0 0 0 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1 1 auto;
}
.lp_content_item_gps .row .inp{
	width: 100%;
	margin: 0;
	flex: 1 1 auto;
}
.lp_content_item_gps .row .btns{
	display: flex;
	flex: 0 0 auto;
	opacity: 0.5;
}
.lp_content_item_gps .row:hover .btns {
    opacity: 1;
}



.lp_content_item_gps .point {
	cursor: default;
	display: flex;
	align-items: center;
	overflow: hidden;
	padding: 1px 0;
	justify-content: space-between;
	border: 1px solid transparent;
}
.lp_content_item_gps .point:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp_content_item_gps .point.select{
	background-color: rgba(81,141,202,0.30);
}
.lp_content_item_gps .point.s-info{

}
.lp_content_item_gps .point.drag {
	border: 1px dashed gray;
	background-color: rgba(191, 0, 161, 0.4);
}
.lp_content_item_gps .point .sym{
	flex: 0 0 auto;
}
.lp_content_item_gps .point .label{
	margin: 0 0 0 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1 1 auto;
}
.lp_content_item_gps .point .coor{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 0 0 auto;
	display: flex;
	justify-content: space-between;
}
.lp_content_item_gps .point .coors{
	width: 70px;
	margin: 0 0 0 5px;
	flex: 0 0 auto;
	overflow: hidden;
}

.lp_content_item_gps .itemInfo{
	display: flex;
    text-align: left;
    border-style: solid;
    border-color: #d8d8d8;
    border-width: 1px 0 0 0;
}
.lp_content_item_gps .itemInfo .label{
	flex: 0 1 auto;
	width: 40%;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	align-self: center;
}
.lp_content_item_gps .itemInfo input{
	width: 1px;
	flex: 1 1 auto;
	padding: 2px 5px;
	border-width: 0 0 0 1px;
}

.lp_content_item_gps .add-gpx-icon{
	background-clip: content-box;
	background-origin: content-box;
	cursor: pointer;
	flex: 0 0 auto;
	padding: 5px;
	border: 1px solid #9b9ea2;
}


.GPX-track-hover{

}
.GPX-track-hover .length-box{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.GPX-track-hover .transport.v-1{
	background-position: -24px 0;
}
.GPX-track-hover .transport.v-2{
	background-position: -48px 0;
}
.GPX-track-hover .length{
	margin-left: 5px;
}
.GPX-track-hover .time,
.GPX-track-hover .speed{
	text-align: right;
}

/* Редактор */

.lp-content-item-editor {
	padding: 8px 5px 3px 5px!important;
}


.lp-content-item-editor .pane-legend{
	border: 1px solid #9b9ea2;
	margin: 5px 0 0 0;
}
.lp-content-item-editor .pane-legend .head{
	text-align: center;
}
.lp-content-item-editor .pane-legend .list{
	margin: 5px 0 0 0;
	display: flex;
	overflow: auto;
	resize: vertical;
	flex-wrap: wrap;
	height:	44px;
}
.lp-content-item-editor .pane-legend .item{
	width: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 1px 1px 1px;
	padding: 2px;
	cursor: pointer;
}
.lp-content-item-editor .pane-legend .item:hover{
	background-color: rgba(81, 141, 202, 0.10);
}
.lp-content-item-editor .pane-legend .item.select{
	background-color: rgba(81,141,202,0.40);
}
.lp-content-item-editor .pane-legend .icon{
}
.lp-content-item-editor .pane-legend .label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	font-size: 9px;
}

/* -- */

.lp-content-item-editor .pane-tool{
	margin: 10px 0 0 0;
}
.lp-content-item-editor .pane-tool .list{
	padding: 10px 40px 10px 40px;
	border-color: #efefef;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
.lp-content-item-editor .btn-box{
	display: flex;
	align-items: center;
	justify-content: center;
}
.lp-content-item-editor .btn-box > *{
	margin: 2px;
}
.lp-content-item-editor .btn-box-cut{
	display: flex;
	align-items: center;
	justify-content: center;
}
.lp-content-item-editor .btn-box-cut > *{
	margin: 2px;
}




.lp-content-item-editor .pane-tool .head{
	text-align: center;
}
.lp-content-item-editor .size-box{
	display: flex;
	border-color: #efefef;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	align-items: center;
}
.lp-content-item-editor .size{
	align-items: center;
	padding: 5px 0 5px 15px;
	flex: 1 1 auto;
}
.lp-content-item-editor .size-input{
	display: flex;
	align-items: center;
	white-space: nowrap;
	justify-content: space-between;
	padding: 4px 0;
}
.lp-content-item-editor .size-ctrl{
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	width: 60px;
}

.lp-content-item-editor .size-input input{
	width: 70px;
	text-align: center;
}
/* -- */

.rsButton.w-button{
	border: 1px solid #6b9eea!important;
	border-radius: 50px!important;
}

.lp-content-item-editor .pane-controls-info{
	display: flex;
	margin: 15px 0 0 0;
}
.lp-content-item-editor .btn-coor,
.lp-content-item-editor .btn-attr{
	flex: 1 1 50%;
	text-align: center;
	cursor: pointer;
	padding: 2px 0;
}
.lp-content-item-editor .btn-coor:hover,
.lp-content-item-editor .btn-attr:hover{
	background-color: rgba(81, 141, 202, 0.10);
}
.lp-content-item-editor .btn-coor.select,
.lp-content-item-editor .btn-attr.select{
	background-color: rgba(81,141,202,0.40);
}

/* -- */

.lp-content-item-editor .btn-coor{
	border-color: #9b9ea2;
	border-style: solid;
	border-width: 1px 0 1px 1px;
}
.lp-content-item-editor .btn-attr{
	border-color: #9b9ea2;
	border-style: solid;
	border-width: 1px;
}

/* -- */

.pane-attr-table{
	margin: 10px 0 0 0;
}
.pane-attr-table .head{
	display: flex;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px 0 0 0;
	background-color: rgba(216, 216, 216, 0.3);
}
.pane-attr-table .head-field,
.pane-attr-table .head-value{
	text-align: center;
}
.pane-attr-table .head-field{
	flex: 1 1 50%;
}
.pane-attr-table .head-value{
	flex: 1 1 50%;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #d8d8d8;
}
.pane-attr-table .attr-table{
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
	border-bottom-width: 1px;
}
.pane-attr-table .attr-item{
	display: flex;
	text-align: left;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px 0 0 0;
}
.pane-attr-table .attr-item .label{
	flex: 1 1 50%;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pane-attr-table .attr-item input{
	flex: 1 1 50%;
	width: 1px;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 2px 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #d8d8d8;
	transition: background 0.25s;
	overflow: hidden;
}
.pane-attr-table .attr-item textarea{
	flex: 1 1 50%;
	width: 1px;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 2px 5px;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #d8d8d8;
	transition: background 0.25s;
	overflow: hidden;
	resize: none;
	font-family: inherit;
	font-size: inherit;
}
.pane-attr-table .attr-item.disabled .label{
	background-color: #d8d8d84d;
}
.pane-attr-table .attr-item.disabled input{
	background-color: #d8d8d84d!important;
}
.pane-attr-table .attr-item.hidden {
	display: none;
	/*background-color: red;*/
}


/*  ---  */

.lp-content-item-editor .pane-coor-table{
	margin: 10px 0 0 0;
}
.lp-content-item-editor .pane-coor-table .head{
	display: flex;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px 0 0 0;
	background-color: rgba(216, 216, 216, 0.3);
}
.lp-content-item-editor .pane-coor-table .head-lon,
.lp-content-item-editor .pane-coor-table .head-lat{
	text-align: center;
}
.lp-content-item-editor .pane-coor-table .head-lon{
	flex: 1 1 50%;
}
.lp-content-item-editor .pane-coor-table .head-lat{
	flex: 1 1 50%;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #d8d8d8;
}
.lp-content-item-editor .coor-table{
	max-height: 150px;
	overflow: auto;
}
.lp-content-item-editor .coor-block{
	border: none;
	margin: 8px 0 0 0;
}
.lp-content-item-editor .coor-block:first-child{
	margin: 0;
}

.lp-content-item-editor .coor-item{
	display: flex;
	text-align: left;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px 0 0 0;
}
.lp-content-item-editor .coor-item:last-child{
	border-width: 1px 0 1px 0;
}

.lp-content-item-editor .coor-item-lon,
.lp-content-item-editor .coor-item-lat{
	flex: 1 1 50%;
	width: 1px;
	background-color: white;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	padding: 2px 5px 2px 8px;
	border-style: solid;
	border-color: #d8d8d8;
	transition: background 0.25s;
	overflow: hidden;
}
.lp-content-item-editor .coor-item-lon{
	border-width: 0;
}
.lp-content-item-editor .coor-item-lat{
	border-width: 0 0 0 1px;
}
/* -- */

.lp-content-item-editor .pane-pattern{
	margin: 10px 0 0 0;
}
.lp-content-item-editor .pane-pattern-controls{
	margin: 6px 0 0 0;
	text-align: right;
}
.lp-content-item-editor .pane-pattern-controls *{
	flex: 0 1 auto;
	margin: 2px 0 0 2px;
}
/* -- */

.lp-content-item-editor .pane-attachment{
	margin: 15px 0 0 0;
}

.lp-content-item-editor .pane-attachment-controls{
	display: flex;
	justify-content: center;
}
.lp-content-item-editor .list-attachment{
	margin: 5px;
	padding: 3px;
	border: 1px solid gray;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	flex: 0 0 auto;
	flex-direction: column;
}

.lp-content-item-editor input[type=file]{
	position: absolute;
	visibility: hidden;
	width: 0px;
	height: 0px;
	opacity: 0;
}
/* -- */

.lp-content-item-editor .pane-controls{
	display: flex;
	justify-content: space-between;
	margin: 20px 30px 0 30px;
}
.lp-content-item-editor .pane-controls-save{
	flex: 0 1 1px
}
.lp-content-item-editor .pane-controls-save div:not(:first-child){
	margin-top: 10px;
}

/* -- */
.d-input-pattern-name{
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 1em 0;
	padding: 2px 5px;
}
/* -- */

/*-- Панель инструментов --*/

.instr_lb{
	display: flex;  
	height: 100%; 
	align-content: 
	center; height: 100%; 
	margin: 0px;	
}
.left_instr_lb{
	border-bottom: 1px solid #efefef; 
	margin: 0px; 
	padding:0px 20px 0px 20px;
}
.center_instr_lb{
	flex-grow:1; 
	margin: 0px;
}
.right_instr_lb{
	border-bottom: 1px solid #efefef; 
	margin: 0px; 
	padding:0px 4px 0px 20px;
}
.lp-content-item-RKS {
	flex-direction: column;
	justify-content: space-between;
	display: flex;
}


.lp-content-item-RKS .head-ctrl{
	display: flex;
	justify-content: space-around;
}
.lp-content-item-RKS .head-btn{
	cursor: pointer;
	border: 1px solid rgba(81, 141, 202, 0.4);
	border-radius: 5px;
	transition: 0.2s border-color;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
	align-items: center;
	font-size: 1.1em;
	flex: 1 1 1px;
	height: 35px;
	margin: 2px;
	user-select: none;
	position: relative;
}
.lp-content-item-RKS .head-btn:hover,
.lp-content-item-RKS .head-btn.active{
	border-color: #446eca;
	background-color: rgba(216, 216, 216, 0.3);
}
.lp-content-item-RKS .head-btn .label{
}
.lp-content-item-RKS .head-btn .num{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.8em;
	padding: 0 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 5em;
	font-weight: bold;
	border-radius: 0 5px 0 3px;
	background-color: rgb(107, 158, 234);
	color: #fff;
	text-shadow: 1px 1px 0px #333;
}



.lp-content-item-RKS .head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid rgba(216, 216, 216, 0.4);
	background-color: rgba(216, 216, 216, 0.3);
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
}

.lp-content-item-RKS .date{
	display: flex;
	justify-content: center;
}

.lp-content-item-RKS .date-start,
.lp-content-item-RKS .date-dash,
.lp-content-item-RKS .date-end {
	text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    color: #70737b;
	cursor: pointer;
	border-style: dashed;
	border-color: transparent;
	border-width: 1px;
	padding: 0 3px;
	border-radius: 3px;
}

.lp-content-item-RKS .date-start:hover,
.lp-content-item-RKS .date-dash:hover,
.lp-content-item-RKS .date-end:hover {
    border-color: gray;
}

.lp-content-item-RKS .box{
	margin: 8px 8px 0 8px;
}
.lp-content-item-RKS .list{
	border: 1px solid #9b9ea2;
	overflow: auto;
	max-height: 350px;
}

.lp-content-item-RKS .satellite{
	color: #446eca;
}

.lp-content-item-RKS .resolution{
	margin: 2px;
    text-decoration: underline;
}

.lp-content-item-RKS .btn-inform-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/info.5a6e3e.png);
	cursor: help;
	background-position: 0 0;
	position: relative;
    left: 250px;
}

.lp-content-item-RKS .order-info{
	text-align: center;
}

.lp-content-item-RKS .instrument{
	margin: 3px 0 0 0;
}
.lp-content-item-RKS .instrument:first-child{
	margin: 0;
}
.lp-content-item-RKS .instrument-label{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-RKS .instrument-label:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.lp-content-item-RKS .sensor{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-RKS .sensor:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.lp-content-item-RKS .sensor-leaf{
	display: grid;
	grid-template-rows: 10px 10px;
	grid-template-columns: 10px 10px;
}
.lp-content-item-RKS .sensor-leaf-l{
	grid-row-start: 1;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-column-end: 2;
}
.lp-content-item-RKS .sensor-leaf-t{
	grid-row-start: 1;
	grid-column-start: 2;
	grid-row-end: 2;
	grid-column-end: 3;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #8080808a;
}
.lp-content-item-RKS .sensor-leaf-b{
	grid-row-start: 2;
	grid-column-start: 2;
	grid-row-end: 3;
	grid-column-end: 3;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #8080808a;
}
.lp-content-item-RKS .sensor:last-child .sensor-leaf-b{
	border-color: transparent;
}


.lp-content-item-RKS .instrument.instrument-one .instrument-label{
	display: none;
}
.lp-content-item-RKS .instrument.instrument-one .sensor-leaf{
	display: none;
}


.lp-content-item-RKS .scene{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-RKS .scene:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp-content-item-RKS .scene.select{
	background-color: rgba(81,141,202,0.40);
}




.lp-content-item-RKS .product{
	user-select: none;
	position: relative;
	list-style: none;
	background-color: rgba(96, 160, 192, .5);
	color: #fff;
	border: 1px solid #fff;
	text-shadow: 1px 1px 0 #1f6284;
	margin: .15em;
	display: inline-block;
	border-radius: .5em;
	text-transform: uppercase;
	vertical-align: baseline;
	line-height: 1.8em;
	padding: 0 5px;
	cursor: pointer;
	transition: 0.2s background-color;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
}

.lp-content-item-RKS .product.toa {
	background-color: rgba(0, 160, 0, .5);
	;
}

.lp-content-item-RKS .product.toa:hover {
	background-color: rgb(0, 160, 0);
	;
}

.lp-content-item-RKS .product:hover{
	background-color: rgb(96, 160, 192);
}
.lp-content-item-RKS .product .name{
	margin: 0 0 0 5px;
}



.lp-content-item-RKS .order{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-RKS .order:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp-content-item-RKS .order.select{
	background-color: rgba(81,141,202,0.40);
}
.lp-content-item-RKS .order-name{
	flex: 1 1 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.lp-content-item-RKS .order-state{
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	width: 10px;
	height: 10px;
	margin: 0 3px;
}
.lp-content-item-RKS .order-state.order-completed{
	border-color: green;
	background-color: green;
}
.lp-content-item-RKS .order-state.order-expired{
	border-color: red;
	background-color: red;
}
.lp-content-item-RKS .order-state.order-created,
.lp-content-item-RKS .order-state.order-processing{
	border-color: blue;
	background-color: blue;
}




.lp-content-item-RKS .box-area{
	margin: 8px 8px 8px 8px;
	display: flex;
	flex-direction: column;
}
.lp-content-item-RKS .box-area label{
	display: flex;
	align-items: center;
}

.lp-content-item-RKS .box-btn-geom{
	margin: 8px 8px 8px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lp-content-item-RKS .box-btn-geom > *{
	margin: 0 5px;
}

.lp-content-item-RKS .box-param{
	margin: 8px 8px 0 8px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.lp-content-item-RKS .box-param .g-input{
	width: 2em;
	text-align: center;
}

.lp-content-item-RKS .box-ctrl{
	margin: 20px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.lp-content-item-RKS .box-info{
	margin: 0px 0 10px 0;
	align-items: center;
	justify-content: space-around;
	
	text-align: center;
    display: flex;
    flex-direction: column;
}


.rks-sensor-tooltip{
	max-height: 400px;
	overflow: auto;
}

.rks-sensor-tooltip-row{
	display: flex;
	border-style: solid;
	border-width: 0 0 1px 0;
	width: 320px;
}
.rks-sensor-tooltip-row:nth-child(odd){
	background: rgba(205, 220, 229, .85);
	border-color: #129FEA;
}
.rks-sensor-tooltip-row:nth-child(even){
	background: rgba(255, 255, 255, .85);
	border-color: #999;
}
.rks-sensor-tooltip-row:last-child{
	border: none;
}

.rks-sensor-tooltip-info{
	flex: 1 1 1px;
	white-space: normal;
	justify-content: flex-end;
	text-align: right;
	display: flex;
	align-items: center;
	padding: 3px 8px 3px 3px;
}

.rks-sensor-tooltip-value{
	flex: 1 1 1px;
	white-space: normal;
	justify-content: flex-start;
	text-align: left;
	display: flex;
	align-items: center;
	padding: 3px 3px 3px 8px;
}


.rks-product-legend-box{
	margin: 10px 0 0 28px;
}

.rks-product-legend{
	height: 400px;
	width: 30px;
	display: flex;
	flex-direction: column;
}

.rks-product-legend-item{
	flex: 1 1 auto;
}

.rks-product-legend-name{
	margin: 3px 4px;
	padding: 3px 1px;
	background-color: white;
	border: 1px solid gray;
	writing-mode: tb-rl;
	transform: rotate(-90deg);
}

/* Бесшовные покрытия */

.month-selector{
	background: rgba(0, 0, 0, 0.5);
    height: 28px;
    position: absolute;
    right: 475px;
    top: -30px;
    border-radius: 14px;
    display: flex;
    justify-content: space-evenly;
	align-items: center;

	cursor: default;
}

.month{
	color: white;
    height: 20px;
	display: flex;
    align-items: center;

	border-radius: 10px;
    margin-left: 5px;
	margin-right: 5px;
	padding-left: 10px;
    padding-right: 10px;

	overflow-x: hidden;
}

.month:hover
{
	text-shadow: rgb(255, 255, 255) 1px 0 10px;
	background-color: rgba(255, 255, 255, 0.15);
}


.month.empty
{
	color: rgba(255, 255, 255, 0.5);
}

.month.empty:hover
{
	background-color: rgba(255, 255, 255, 0.05);
}

.month-selected{
	background-color: rgba(255, 255, 255, 0.25);
}

.product-selector{
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(/viewer/assets/icons/up_arrow.f28d5f.png);
	background-repeat: no-repeat;
    background-position: 55px center;
    width: 75px;
    height: 28px;
    position: absolute;
    right: 325px;
    top: -30px;
    border-radius: 14px;
    display: flex;
	
    padding-left: 10px;
	align-items: center;

	cursor: default;
}

.product-selector:hover
{
	text-shadow: rgb(255, 255, 255) 1px 0 10px;
	background-color: rgba(0, 0, 0, 0.25);
}

.products-list
{
	color: white;
	background: rgba(0, 0, 0, 0.5);
    width: 85px;
    min-height: 28px;
    position: absolute;
    right: 325px;
    bottom: 50px;
    border-radius: 14px;
    display: flex;
    justify-content: space-evenly;
	align-items: center;
    flex-direction: column-reverse;

	padding-top: 5px;
    padding-bottom: 5px;

	cursor: default;
}

.product
{
	color: white;
    height: 20px;
	display: flex;
    align-items: center;

	border-radius: 10px;
	padding-left: 4px;
    padding-right: 4px;

	overflow-x: hidden;
}

.product:hover
{
	text-shadow: rgb(255, 255, 255) 1px 0 10px;
	background-color: rgba(255, 255, 255, 0.15);
}

.year-selector{
	color: white;
	background: rgba(0, 0, 0, 0.5);
    width: 65px;
    height: 28px;
    position: absolute;
    right: 400px;
    top: -30px;
    border-radius: 14px;
    display: flex;
    justify-content: space-evenly;
	align-items: center;

	cursor: default;
}

.year-left
{
	color: white;
	border-radius: 14px;
    font-size: x-large;
    font-family: auto;
	height: 28px;
	width: 28px;
    position: absolute;
    top: -30px;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(/viewer/assets/icons/left_arrow.88d3f2.png);
	background-repeat: no-repeat;
    background-position: 10px center;
	justify-content: center;
    align-items: center;
	cursor: default;
}

.year-left:hover
{
	background-color: rgba(0, 0, 0, 0.25);
}

.year-right
{
	color: white;
	border-radius: 14px;
    font-size: x-large;
    font-family: auto;
	height: 28px;
	width: 28px;
    position: absolute;
    top: -30px;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(/viewer/assets/icons/right_arrow.f9593e.png);
	background-repeat: no-repeat;
    background-position: 12px center;
	justify-content: center;
    align-items: center;
	cursor: default;
}

.year-right:hover
{
	background-color: rgba(0, 0, 0, 0.25);
}

.close-mosaics
{
	color: white;
	border-radius: 14px;
    font-size: x-large;
    font-family: auto;
	height: 28px;
	width: 28px;
    position: absolute;
    top: -30px;
	display: flex;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(/viewer/assets/icons/close.590b6a.png);
	background-repeat: no-repeat;
    background-position: center center;
	justify-content: center;
    align-items: center;
	cursor: default;
}

.close-mosaics:hover
{
	background-color: rgba(0, 0, 0, 0.25);
}

.login_ux-protection
{
    width: 100%;
    height: 640px;
    position: absolute;
    background-color: #80808080;
	z-index: 1;
}

.lp-content-item-ETRIS {
	flex-direction: column;
	justify-content: space-between;
	display: flex;
}

.resolution-selector
{
	display: flex;
    flex-direction: column;
    align-content: center;
    margin-left: 100px;
}

.sensor-selector
{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.lp-content-item-ETRIS .head-ctrl{
	display: flex;
	justify-content: space-around;
}
.lp-content-item-ETRIS .head-btn{
	cursor: pointer;
	border: 1px solid rgba(81, 141, 202, 0.4);
	border-radius: 5px;
	transition: 0.2s border-color;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
	align-items: center;
	font-size: 1.1em;
	flex: 1 1 1px;
	height: 35px;
	margin: 2px;
	user-select: none;
	position: relative;
}
.lp-content-item-ETRIS .head-btn:hover,
.lp-content-item-ETRIS .head-btn.active{
	border-color: #446eca;
	background-color: rgba(216, 216, 216, 0.3);
}
.lp-content-item-ETRIS .head-btn .label{
}
.lp-content-item-ETRIS .head-btn .num{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.8em;
	padding: 0 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 5em;
	font-weight: bold;
	border-radius: 0 5px 0 3px;
	background-color: rgb(107, 158, 234);
	color: #fff;
	text-shadow: 1px 1px 0px #333;
}



.lp-content-item-ETRIS .head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid rgba(216, 216, 216, 0.4);
	background-color: rgba(216, 216, 216, 0.3);
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
}

.lp-content-item-ETRIS .date{
	display: flex;
	justify-content: center;
}

.lp-content-item-ETRIS .date-start,
.lp-content-item-ETRIS .date-dash,
.lp-content-item-ETRIS .date-end {
	text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
    font-weight: bold;
    display: flex;
    justify-content: center;
    color: #70737b;
	cursor: pointer;
	border-style: dashed;
	border-color: transparent;
	border-width: 1px;
	padding: 0 3px;
	border-radius: 3px;
}

.lp-content-item-ETRIS .date-start:hover,
.lp-content-item-ETRIS .date-dash:hover,
.lp-content-item-ETRIS .date-end:hover {
    border-color: gray;
}

.lp-content-item-ETRIS .box{
	margin: 8px 8px 0 8px;
}
.lp-content-item-ETRIS .list{
	border: 1px solid #9b9ea2;
	overflow: auto;
	max-height: 300px;

	display: flex;
    flex-direction: column;
    align-items: flex-start;

	margin: 5px;
}
.lp-content-item-ETRIS .cart{
	border: 1px solid #9b9ea2;
	overflow: auto;
	max-height: 300px;
}

.lp-content-item-ETRIS .satellite{
	color: #446eca;
	margin-left: 5px;
}

.lp-content-item-ETRIS .resolution{
	margin: 2px;
    text-decoration: underline;
}

.lp-content-item-ETRIS .btn-inform-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/info.5a6e3e.png);
	cursor: help;
	background-position: 0 0;
	position: relative;
    left: 250px;
}

.lp-content-item-ETRIS .order-info{
	text-align: center;
}

.lp-content-item-ETRIS .instrument{
	margin: 3px 0 0 0;
}
.lp-content-item-ETRIS .instrument:first-child{
	margin: 0;
}
.lp-content-item-ETRIS .instrument-label{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-ETRIS .instrument-label:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.lp-content-item-ETRIS .sensor{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-ETRIS .sensor:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.lp-content-item-ETRIS .sensor-leaf{
	display: grid;
	grid-template-rows: 10px 10px;
	grid-template-columns: 10px 10px;
}
.lp-content-item-ETRIS .sensor-leaf-l{
	grid-row-start: 1;
	grid-column-start: 1;
	grid-row-end: 3;
	grid-column-end: 2;
}
.lp-content-item-ETRIS .sensor-leaf-t{
	grid-row-start: 1;
	grid-column-start: 2;
	grid-row-end: 2;
	grid-column-end: 3;
	border-style: solid;
	border-width: 0 0 1px 1px;
	border-color: #8080808a;
}
.lp-content-item-ETRIS .sensor-leaf-b{
	grid-row-start: 2;
	grid-column-start: 2;
	grid-row-end: 3;
	grid-column-end: 3;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #8080808a;
}
.lp-content-item-ETRIS .sensor:last-child .sensor-leaf-b{
	border-color: transparent;
}


.lp-content-item-ETRIS .instrument.instrument-one .instrument-label{
	display: none;
}
.lp-content-item-ETRIS .instrument.instrument-one .sensor-leaf{
	display: none;
}


.lp-content-item-ETRIS .scene{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-ETRIS .scene:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp-content-item-ETRIS .scene.select{
	background-color: rgba(81,141,202,0.40);
}




.lp-content-item-ETRIS .product{
	user-select: none;
	position: relative;
	list-style: none;
	background-color: rgba(96, 160, 192, .5);
	color: #fff;
	border: 1px solid #fff;
	text-shadow: 1px 1px 0 #1f6284;
	margin: .15em;
	display: inline-block;
	border-radius: .5em;
	text-transform: uppercase;
	vertical-align: baseline;
	line-height: 1.8em;
	padding: 0 5px;
	cursor: pointer;
	transition: 0.2s background-color;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
}

.lp-content-item-ETRIS .product.toa {
	background-color: rgba(0, 160, 0, .5);
	;
}

.lp-content-item-ETRIS .product.toa:hover {
	background-color: rgb(0, 160, 0);
	;
}

.lp-content-item-ETRIS .product:hover{
	background-color: rgb(96, 160, 192);
}
.lp-content-item-ETRIS .product .name{
	margin: 0 0 0 5px;
}



.lp-content-item-ETRIS .order{
	cursor: default;
	user-select: none;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.lp-content-item-ETRIS .order:hover{
	background-color: rgba(81, 141, 202, 0.12);
}
.lp-content-item-ETRIS .order.select{
	background-color: rgba(81,141,202,0.40);
}
.lp-content-item-ETRIS .order-name{
	flex: 1 1 auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.lp-content-item-ETRIS .order-state{
	border-radius: 50%;
	border-width: 1px;
	border-style: solid;
	width: 10px;
	height: 10px;
	margin: 0 3px;
}
.lp-content-item-ETRIS .order-state.order-completed{
	border-color: green;
	background-color: green;
}
.lp-content-item-ETRIS .order-state.order-expired{
	border-color: red;
	background-color: red;
}
.lp-content-item-ETRIS .order-state.order-created,
.lp-content-item-ETRIS .order-state.order-processing{
	border-color: blue;
	background-color: blue;
}




.lp-content-item-ETRIS .box-area{
	margin: 8px 8px 8px 8px;
	display: flex;
	flex-direction: column;
}
.lp-content-item-ETRIS .box-area label{
	display: flex;
	align-items: center;
}

.lp-content-item-ETRIS .box-btn-geom{
	margin: 8px 8px 8px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lp-content-item-ETRIS .box-btn-geom > *{
	margin: 0 5px;
}

.lp-content-item-ETRIS .box-param{
	margin: 8px 8px 0 8px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.lp-content-item-ETRIS .box-param .g-input{
	width: 2em;
	text-align: center;
}

.lp-content-item-ETRIS .box-ctrl{
	margin: 20px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.lp-content-item-ETRIS .box-info{
	margin: 20px 0 10px 0;
	align-items: center;
	justify-content: space-around;
	text-align: center
}


.etris-sensor-tooltip{
	max-height: 400px;
	overflow: auto;
}

.etris-sensor-tooltip-row{
	display: flex;
	border-style: solid;
	border-width: 0 0 1px 0;
	width: 320px;
}
.etris-sensor-tooltip-row:nth-child(odd){
	background: rgba(205, 220, 229, .85);
	border-color: #129FEA;
}
.etris-sensor-tooltip-row:nth-child(even){
	background: rgba(255, 255, 255, .85);
	border-color: #999;
}
.etris-sensor-tooltip-row:last-child{
	border: none;
}

.etris-sensor-tooltip-info{
	flex: 1 1 1px;
	white-space: normal;
	justify-content: flex-end;
	text-align: right;
	display: flex;
	align-items: center;
	padding: 3px 8px 3px 3px;
}

.etris-sensor-tooltip-value{
	flex: 1 1 1px;
	white-space: normal;
	justify-content: flex-start;
	text-align: left;
	display: flex;
	align-items: center;
	padding: 3px 3px 3px 8px;
}


.etris-product-legend-box{
	margin: 10px 0 0 28px;
}

.etris-product-legend{
	height: 400px;
	width: 30px;
	display: flex;
	flex-direction: column;
}

.etris-product-legend-item{
	flex: 1 1 auto;
}

.etris-product-legend-name{
	margin: 3px 4px;
	padding: 3px 1px;
	background-color: white;
	border: 1px solid gray;
	writing-mode: tb-rl;
	transform: rotate(-90deg);
}


/* SOURCE: app/assets/leftPanelView.css */

.leftPane{
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 43px;
}
.lp_c_buttons{
	position: absolute;
	background-color: rgb(68, 110, 202);
	width: 100%;
	height: 100%;
	border-color: rgb(68, 110, 202);
	border-style: solid;
	border-width: 0 1px 0 0;
	box-sizing: border-box;
}

.lp_c_buttons .w-flatButton:hover, .lp_c_buttons .w-flatButton.w-button-active, .lp_c_buttons .w-flatButton:active{
	background-color: rgb(107, 158, 234);
}



.lp_c_top{
	position: absolute;
	width: 100%;
	top:10px;
	left: 0;
	text-align: center;
}
.lp_c_bottom{
	position: absolute;
	width: 100%;
	bottom:0;
	left: 0;
	text-align: center;
}


.lp-box-ctrl{
	position: relative;
	flex: 0 0 auto;
}

.lp-box-ctrl .zoom_box{
	border:1px solid #518dca;
	position: absolute;
	top: 60px;
	left: 30px;
}

.lp-box-ctrl .zoom_box .btn{
	border: 0px solid rgba(68, 110, 202, 0.7);
	outline: none;
	margin: 0px 0;
	padding: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: white url(/viewer/assets/icons/zoom.9fb984.png);
	background-repeat: no-repeat;
	box-sizing: content-box;
	cursor: pointer;
}

.lp-box-ctrl .zoom_box .btn:active{
	box-shadow: 1px 1px 1px 0 gray inset;
}
.lp-box-ctrl .zoom_box .btn_plus{
}
.lp-box-ctrl .zoom_box .btn_minus{
	background-position: -24px 0;
}
.lp-box-ctrl .zoom_box .btn_reset{
	background-position: -48px 0;
}


.lp-box-ctrl .loading_icon{
	position: absolute;
	left: 27px;
	top: 20px;
	background-image: url(/viewer/assets/icons/loading.50c5e3.gif);
	width: 32px;
	height: 32px;
}
.lp-box-ctrl .loading-count{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: rgb(185, 207, 255);
	padding: 2px;
	border-radius: 3px;
	height: 0.8em;
	line-height: 0.8em;
	font-size: 0.8em;
}

.lp-box-ctrl .location-box{
	position: absolute;
	top: 145px;
	left: 30px;
	display: flex;
	align-items: center;
}
.lp-box-ctrl .location{
	background-image: url(/viewer/assets/icons/location.16ba0a.png);
	width: 24px;
	height: 24px;
	cursor: pointer;
	margin: 0 1px;
}
.lp-box-ctrl .location_load{
	background-image: url(/viewer/assets/icons/loading20.ee533d.gif);
	width: 20px;
	height: 20px;
	margin-left: 2px;
}
.lp-box-ctrl .extra-box{
	position: absolute;
	top: 170px;
	left: 0px;
	width: 0;
	height: 0;
	overflow: visible;
}



.user-box{
	position: absolute;
	top: 60px;
	left: 65px;
	box-sizing: border-box;
	display: flex;
}
.user-box .edit{
	overflow: auto;
	background-color: rgba(226, 226, 226, 0.8);
	border: 1px solid rgb(199, 199, 199);
	width: 180px;
	height: 74px;
}
.user-box .edit .msg{
	padding: 1px 4px;
	font-size: 0.8em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	border: 1px solid transparent;
}
.user-box .edit .msg.un{
	background-color: rgba(250, 250, 250, 0.8);
}
.user-box .edit .msg.select{
	color: blue;
}
.user-box .edit .msg:hover{
	border: 1px solid gray;
}

.user-box .status{
	overflow: visible;
	height: 0;
}
.user-box .status .msg{
	width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 0 10px 5px;
	padding: 10px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 10%), inset 0 1px 0 rgb(255 255 255 / 60%);
	cursor: default;
	animation: start_msg 0.30s;
}
@keyframes start_msg {
  0% {
	transform: scale(0.9, 0.9);
	opacity: 0.5;
  }
  100% {
	transform: scale(1, 1);
	opacity: 1;
  }
}

.user-box .status .msg-error{
	background: rgb(253 196 196);
	border: 1px solid rgb(234 107 107);
}
.user-box .status .msg-info{
	background: rgb(196 222 253);
	border: 1px solid rgb(107 158 234);
}


.lp_box{
	position: absolute;
	left: 43px;
	top: 0;
	height: 100%;
	display: flex;
}

.lp-content-box{
	transition-property: opacity, width;
	transition-duration: 0.3s;
	transition-timing-function: ease-in-out;

	opacity: 0;
	background-color: white;
	height: 100%;
	width: 0;
	border-color: #d8d8d8;
	border-style: solid;
	border-width: 0 1px 0 0;
	overflow: hidden;
	box-sizing: border-box;
	flex: 0 0 auto;
}

.lp-content-box-head{
	width: 100%;
	height: 26px;
	box-sizing: border-box;
	padding: 2px;
	border: solid;
	border-color:  rgba(255, 255, 255, 1);
	border-width: thin;;
	background-color: rgba(107, 158, 234, 1);
	display: flex;
	flex: 0 0 auto;
	justify-content: space-between;
	align-items: center;
	margin-top: 2px;
}

.lp-content-box .lp_content_region {
	flex: 1 1 auto;
	position: relative;
	overflow: hidden;
}

.lp-content-box .lp-content-item{
	box-sizing: border-box;
	padding: 0 0 3px 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.lp-content-box .title{
	color: white;
	flex: 1 1 auto;
	text-align: center;
	font-size:16px;
	font-weight: 500;
}

.lp-content-box .headBtn{
	display: flex;
	flex: 0 0 auto;
}

.lp-content-box .headBtn div{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	margin: 0 2px;
	cursor: pointer;
	border-radius: 25px;
}

.lp-content-box .headBtn div:hover{
	border-color: #4c4c4c;
}

.lp-content-box .btn-inform-icon{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/info.5a6e3e.png);
	cursor: help;
	background-position: 0 0;
}

.lp_content{
	width: 280px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.lp-content-item .rp-line{
	border: 1px solid #d8d8d8;
	width: 100%;
	height: 0px;
	box-sizing: border-box;
	cursor: n-resize;
	display: flex;
	flex: 0 0 auto;
	margin: 8px 0;
}

.lp-content-item .rp-line:hover {

}
.lp-content-item .rp-box{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: 100%;
}
.lp-content-item .rp-pane-top{
	overflow: auto;
	flex-direction: column;
	flex: 1 1;
}
.lp-content-item .rp-pane-bottom{
	overflow: auto;
	flex-direction: column;
	flex: 0 0 auto;
}

/* Список карт */

/*
Здесь задаётся внешний вид аккордеона, специфичный для данной панели.
Поведенческие css-правила смотри в accordion.css
*/

.lp_content_item_maps {
}
.lp_content_item_maps .list{
	padding: 5px;
}

.lp_content_item_maps .map_topic {
	border: 1px solid #d8d8d8;
	margin-top: 3px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
}

.map_buttons_container
{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: 10px 0 0 0;
}

.map_button
{
	height: 41px;
    width: 145px;
    margin: 15px 55px 15px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(107, 158, 234);
    color: white;
    border-radius: 10px;
    cursor: pointer;
}

.map_buttons_down_container
{
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: auto 0 0 0;
}

/* убрано для кнопки конструктора карт
/* .lp_content_item_maps .box-initMap{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px 0 0 0;
} */

.constructor-modal-subheader
{
	width: 100%;
    min-height: 45px;
    display: flex;
    flex-flow: wrap;
    background-color: rgb(107, 158, 234);
    border-radius: 0vh;
    justify-content: space-evenly;
    align-items: center;
}

.constructor-item
{
	height: fit-content;
    width: 280px;
    margin: 5px 0px;
	padding: 5px;
    background-color: white;
    border-radius: 0vh;
    justify-content: space-evenly;
    align-items: center;
    overflow-wrap: break-word;
    cursor: pointer;display: flex;
    flex-direction: row;
}

.constructor-modal-subheader > input[type=text]
{
	margin-left: 165px;
    display: flex;
    justify-content: center;
    height: 18px;
    width: 500px;
    margin-right: auto;
    margin-top: -25px;
    font-size: 16px;
    background-color: white;
    color: black;
    border: 1px solid white;
}

.constructor-modal-subheader input[type=text]:focus
{
	outline: none;
	
	box-shadow: 0px 0px 0px 2px #6b9eea, 0px 0px 0px 3px #ffffff;
}

.constructor-modal-container-left
{
	width: 700px;
    min-height: 440px;
    display: flex;
    flex-flow: wrap;
    background-color: white;
    border-radius: 1vh;
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid rgb(155, 158, 162);
    padding: 0px 5px;
    margin-left: 35px;
}

.search-decor
{
	height: 20px;
	width: 20px;
	z-index: 2;
	margin-top: 14px;
    margin-left: 110px;

	background-image: url(/viewer/assets/icons/search-decor.433e03.png);
	cursor: pointer;
}

.search-decor:has(+ input[type=text]:focus)
{
	background-position-x: -20px;
}

.constructor-modal-container-left > input[type=text]
{
	margin-right: 45px;
    display: flex;
    justify-content: center;
    height: 32px;
    width: 100%;
    margin-left: 55%;
    margin-top: -29px;
    background-color: rgba(0, 0, 0, 0);
    color: black;
    border: 1px solid rgb(155, 158, 162);
    border-radius: 16px;
    text-indent: 32px;
}

.constructor-modal-container-left > input[type=text]:focus
{
	outline: none;
  	box-shadow: 0 0 0 1px rgba(107, 158, 234, .80);
	border-color: rgba(107, 158, 234, .80);
}

.constructor-item:hover
{
	background-color: rgba(81,141,202,0.07);
	border: solid  lightgray;
	border-width: 0px 0px 0px 2px;
}

.constructor-item-selected
{
	margin: 5px 0 5px 7px;
	background-color: rgba(81,141,202,0.07) !important;
	border: solid  rgb(81,141,202) !important;
	border-width: 0px 0px 0px 2px !important;
}
.decoration1
{
	width: 64px;
    height: 64px;
	margin: 0 0 55px 0;
    display: flex;
    flex-flow: wrap;
    background-color: white;
    color: rgb(107, 158, 234);
	background-image: url(/viewer/assets/icons/decorationTitleToLayers.3ed504.png);
	background-size: 100% 100%;
    justify-content: space-evenly;
    align-items: center;
    font-size: 75px;
}

.decoration2
{
	width: 64px;
    height: 64px;
    display: flex;
    flex-flow: wrap;
    background-color: white;
    color: rgb(107, 158, 234);
	background-image: url(/viewer/assets/icons/decorationLayersToCart.abdacc.png);
	background-size: 100% 100%;
    justify-content: space-evenly;
    align-items: center;
    margin: auto 0px;
    font-size: 75px;
}


.point-type
{
	height: 16px;
    width: 16px;
    margin: 0px 10px 0px auto ;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/point.e5cad0.png);
	background-size: 100% 100%;
	flex-shrink: 0;
    cursor: pointer;
}

.linear-type
{
	height: 16px;
    width: 16px;
    margin: 0px 10px 0px auto ;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/line.d8a029.png);
	background-size: 100% 100%;
	flex-shrink: 0;
    cursor: pointer;
}

.polygon-type
{
	height: 16px;
    width: 16px;
    margin: 0px 10px 0px auto ;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/poligon.c260f6.png);
	background-size: 100% 100%;
	flex-shrink: 0;
    cursor: pointer;
}

.unknown-type
{
	height: 16px;
    width: 16px;
    margin: 0px 10px 0px auto ;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/question.92a8e1.png);
	background-size: 100% 100%;
	flex-shrink: 0;
    cursor: pointer;
}

.tooltip-constructor {
	width: fit-content;
	min-width: 245px;
	height: 21px;
	padding: 0.5vw;
	visibility: hidden;
  
	background-color: #5558;
	color: #fff;
	text-align: center;
	border-radius: 6px;
  
	transform: translateX(calc(50% + 32px));
	z-index: 1;
  
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
}

.reorder-up
{
	height: 32px;
    width: 32px;
    margin: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: rgb(107, 158, 234);
	background-image: url(/viewer/assets/icons/reorder_up.203a50.png);
    border-radius: 1vh;
    cursor: pointer;
}

.reorder-down
{
	height: 32px;
    width: 32px;
    margin: 15px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    color: rgb(107, 158, 234);
	background-image: url(/viewer/assets/icons/reorder_down.514ae5.png);
    border-radius: 1vh;
    cursor: pointer;
}

.reorder-up:hover
{
	background-position: -32px 0;
}

.reorder-down:hover
{
	background-position: -32px 0;
}

.reorder-up:hover .tooltip-constructor {
	visibility: visible;
	opacity: 1;
}

.reorder-down:hover .tooltip-constructor 
{
	visibility: visible;
	opacity: 1;
}

.layer-remove
{
	height: 12px;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/close_w_24.8e0a46.png);
	background-size: 100% 100%;
	flex-shrink: 0;
    cursor: pointer;
}

.layer-remove:hover
{
    background-color: lightgray;
}

.layer-reorder
{
	height: 12px;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(107, 158, 234);
	background-image: url(/viewer/assets/icons/close.0344de.png);
	background-size: 100% 100%;
	
	flex-shrink: 0;
    cursor: pointer;
}

.map-edit
{
	height: 16px;
    width: 16px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/edit.fe0e14.png);
    color: rgb(245, 245, 245);
    border-radius: 1vh;
    cursor: pointer;
}

.map-delete
{
	height: 16px;
    width: 16px;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
	background-image: url(/viewer/assets/icons/close_w_24.8e0a46.png);
	background-size: 100% 100%;
    color: rgb(245, 245, 245);
    border-radius: 1vh;
    cursor: pointer;
}

.lp_content_item_maps .map_topic > .header {
	cursor: pointer;
	line-height: 13px;
	margin-bottom: 3px;
	padding: 5px 7px 5px 11px;
}

.lp_content_item_maps .map_topic.active > .header {
	font-weight: normal;
}

.lp_content_item_maps .map_topic > .header > .symbol {
	margin-top: 3px;
}

.map_topic > .header > .symbol {
	margin-top: 8px;
}

/*.lp_content_item_maps .map_topic > ul.body {
	margin-left: 0;
	padding-left: 0;
}*/

.lp_content_item_maps .map_topic > ul.body > li {
	cursor: pointer;
	color: #518dca;
	padding:/* 5px 0 5px 20px;*/ 5px 0
	/*list-style-type: none;*/
}

/*.lp_content_item_maps .map_topic > ul.body > li:nth-child(odd) {
	background: rgba(216, 216, 216, 0.3);
}*/

/* .lp_content_item_maps  */
.map_topic > ul.body > li.active {
	font-weight: bold;
}

/* Слои */
.lp_content_item_layer{
	display: flex;
	flex-direction: column;
}
/* Наименование карты - изменение 2024*/
.lp_content_item_layer .map-label{
	display: flex;
	flex-direction: column;
	height: fit-content;
	font-size: 14px;
    color: rgb(100 100 100);
	background-color: rgba(100, 100, 100, 0.15);
	font-weight: bold;
	width: 100%;
    align-items: center;
	
    justify-content: center;
    text-align: center;
}
.lp_content_item_layer .filter-box{
	flex: 0 0 auto;
	padding: 8px;
    border-style: solid;
    border-width: 0 0 1px 0;
    border-color: #d8d8d8;
}
.lp_content_item_layer .treeBox{
	flex: 1 1 auto;
	overflow: auto;
}

/* Легенда */
.lp_content_item_legend{
}
.lp_content_item_legend .list{
	width: 100%;
	padding: 0px 8px;
	box-sizing: border-box;
}
.lp_content_item_legend .controls{
	text-align: center;
	margin: 5px 5px 8px 5px;
}
.lp_content_item_legend .no{
	margin: 5px 0 0 5px;
}
.lp_content_item_legend .layerName{
	margin: 10px 0 0 0;
}
.lp_content_item_legend .layerName:first-child{
	margin: 5px 0 0 0;
}

.lp_content_item_legend .legends{
	padding-left: 20px;
}
.lp_content_item_legend .item{
	display: flex;
	margin: 5px 0;
	align-items: center;
}
.lp_content_item_legend img{
	flex: 0 0 auto;
}
.lp_content_item_legend .label{
	flex: 1 1 auto;
	margin: 0 0 0 5px;
}


.lp_content_item_search{
}

.lp_content_item_search .row{
}
.lp_content_item_search .row_next{
	margin-top: 10px;
}
.lp_content_item_search .row_layer{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lp_content_item_search .row_layer select{
	flex: 1 1 auto;
	width: 100%;
}
.lp_content_item_search .row_layer .w-smallButton {
	flex: 0 0 auto;
}

.lp_content_item_search .typeList{
	width: 100%;
	border: 1px solid #d8d8d8;
	max-height: 150px;
	box-sizing: border-box;
	overflow: auto;
}
.lp_content_item_search .field-item{
	margin: 15px 0;
}
.lp_content_item_search .tp-item{
	display: flex;
	padding: 3px 0;
	align-items: center;
	border-color: transparent;
	border-width: 0 1px;
	border-style: solid;
	cursor: pointer;
}
.lp_content_item_search .tp-item:hover{
	display: flex;
	align-items: center;
	background-color: rgba(81, 141, 202, 0.12);
	border-color: rgba(81, 141, 202, 0.02);
}
.lp_content_item_search .tp-icon{
	flex: 0 0 auto;
}
.lp_content_item_search .tp-label{
	flex: 1 1 auto;
	margin: 0 0 0 5px;
}




.lp_content_item_search .row_search{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lp_content_item_search .row_search input{
	flex: 1 1 auto;
}
.lp_content_item_search .row_search .w-smallButton {
	flex: 0 0 auto;
}



.lp_content_item_search .examples{
	width: 100%;
	border: 1px solid #d8d8d8;
	height: 100px;
	box-sizing: border-box;
}


.lp_content_item_search .row_field{
	display: flex;
}

.lp_content_item_search .row_geom{
	display: flex;
	justify-content: center;
}
.lp_content_item_search .row_geom *{
	margin: 0 7px;
}
.lp_content_item_search .input-geom-buf{
	width: 40px;
	margin: 0 0 0 10px;
	text-align: center;
}

.lp_content_item_search .s_cb_item{
	white-space: nowrap;
	overflow: hidden;
	padding: 2px 0;
	display: flex;
	align-items: center;
}

.lp_content_item_search .s_cb_item .w-cb{
	margin: 2px 5px 2px 2px;
}

.lp_content_item_search .s_resultHead{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid rgba(216, 216, 216, 0.4);
	background-color: rgba(216, 216, 216, 0.3);
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
}

.lp_content_item_search .s-r-no{
	text-align: center;
	margin: 5px 0 0 0;
}

.lp_content_item_search .s_resultPanel{
	margin: 4px 0 0 0;
	flex: 1 1 auto;
}

.lp_content_item_search .s-r-allCount{
	margin: 2px 8px;
	white-space: nowrap;
	overflow: hidden;
}

.lp_content_item_search .s-r-features-box{
	margin: 5px 8px 0 8px;
}
.lp_content_item_search .s-r-features{
	border: 1px solid #9b9ea2;
}


.lp_content_item_search .s_controls{
	display: flex;
	vertical-align: middle;
	justify-content: center;
	align-items: center;
	margin: 5px 0 0 0;
}
.lp_content_item_search .s_controls > div{
	flex: 0 0 auto;
}
.lp_content_item_search .s_controls > input{
	flex: 0 1 auto;
	text-align: center;
    width: 2em;
    margin-left: 2px;
}
.lp_content_item_search .s_controls .s-r-listCount{
	margin: 0 2px;
}

.lp_content_item_search .s-r-btnClear{
	padding: 0 2px;
	border: 1px solid #518dca;
	cursor: pointer;
	color:#518dca;
	border-radius: 3px;
}


.lp_content_item_search .s_resultitem{
	margin-top: 25px;
}

.s_resultitem .layer-label
{
	display: flex;
	flex-direction: column;
	height: fit-content;
    font-size: 14px;
    color: rgb(100 100 100);
	background-color: rgba(100, 100, 100, 0.15);
	font-weight: bold;
	width: 100%;
    align-items: center;
	
    justify-content: center;
    text-align: center;
}

.lp_content_item_search .r_head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lp-s-resultBox-link{
	width: 18px;
	height: 18px;
	background-image: url(/viewer/assets/icons/link2.5e197b.png);
	background-repeat: no-repeat;
	margin: 0 0 2px 8px;
	cursor: pointer;
}
.lp-s-box-attachment{
	margin: 10px 0 0 0;
}

.lp-s-attachment-head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lp-s-attachment{
	margin: 5px;
	padding: 3px;
	border: 1px solid gray;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	flex: 0 0 auto;
	flex-direction: column;
}


.lp_content_item_search .r_info{
	margin: 0 4px;
	border-bottom-style: solid;
	border-bottom-color: #d8d8d8;
	border-bottom-width: 1px;
}

.lp_content_item_search .r_row{
	display: flex;
	align-items: stretch;
	text-align: left;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 1px 0 0 0;
}
.lp_content_item_search .r_row:hover{
	background-color: rgba(81, 141, 202, 0.12);
}

.lp_content_item_search .r_key{
	flex: 0 1 auto;
	width: 40%;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lp_content_item_search .r_value{
	overflow: hidden;
	text-overflow: ellipsis;
	flex: 1 1 auto;
	width: 60%;
	border-style: solid;
	border-color: #d8d8d8;
	border-width: 0 0 0 1px;
	padding: 0 5px;
	font-style: italic;
}


.lp_content_item_search .itemFeature{
	display: flex;
    justify-content: flex-start;
    align-items: stretch;
	overflow: hidden;
	cursor: pointer;
}
.lp_content_item_search .il_head:hover,
.lp_content_item_search .itemFeature:hover{
	background-color: rgba(81,141,202,0.12);
}
.lp_content_item_search .itemFeature.select {
	background-color: rgba(81,141,202,0.40);
}

.lp_content_item_search .if_cb{
	width: 22px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.lp_content_item_search .if_label{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 0 0 5px;
	flex: 1 0;
}

.lp_content_item_search .row-attr-ctrl{
	display: flex;
	align-items: center;
}
.lp_content_item_search .row-attr-ctrl > *{
	margin: 3px;
}

/*-- help --*/

.lp_content_item_help {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.lp_content_item_help .lp-h-head{
	padding: 0 8px;
	text-indent: 24px;
	text-align: justify;
}
.lp_content_item_help .lp-h-hr{
	height: 0;
	margin: 5px 5px 12px 5px;
	border-style: solid;
	border-color: gray;
	border-width: 1px 0 0 0;
}
.lp_content_item_help .lp-h-name,
.lp_content_item_help .lp-h-email,
.lp_content_item_help .lp-h-org,
.lp_content_item_help .lp-h-position{
	flex: 1 1 auto;
	border: 1px solid rgb(169, 169, 169);
	outline: none;
	padding: 2px 5px;
}
.lp_content_item_help .lp-h-text{
	flex: 1 1 auto;
	border: 1px solid rgb(169, 169, 169);
	outline: none;
	resize: vertical;
	max-height: 250px;
	overflow: auto;
	padding: 2px 5px;
	font-family: 'Open Sans';
	font-size: 13px;
}
.lp_content_item_help .lp-h-name.error,
.lp_content_item_help .lp-h-email.error,
.lp_content_item_help .lp-h-text.error{
	border-color: red;
}

.lp_content_item_help .row{
	padding: 0 5px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.lp_content_item_help .row_next{
	margin-top: 10px;
	padding: 0 15px;
	display: flex;
	align-items: center;
}
.lp_content_item_help .row_next_center{
	margin: 10px 0 0 0;
	padding: 0 15px;
	text-align: center;
}
.lp_content_item_help .row-manual{
	margin: 10px 0 5px 0;
	display: flex;
	justify-content: center;
}
.lp_content_item_help .row-resources{
	padding: 0 0 0 8px;
	text-align: center;
}
.lp_content_item_help .row-copyright{
	margin: 32px 0 0 0;
	padding: 0 15px;
	text-align: center;
}


.lp_content_item_help .row-img{
	margin: 10px 0 0 0;
	text-align: center;
}
.lp_content_item_help .lp-h-userYes-cb{
	border: 1px solid transparent;
}
.lp_content_item_help .lp-h-userYes-cb.error{
	border-color: red;
}

.lp_content_item_help .lp-h-userYes{
	margin-left: 5px;
	flex: 1 1 auto;
}


/* Пользователь */

.lp_content_item_profile{
	display: flex;
	flex-direction: column;
}
.lp_content_item_profile .name,
.lp_content_item_profile .uid{
	margin: 3px 8px;
	flex: 0 0 auto;
}
.lp_content_item_profile .lk{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px 0 0 0;
}
.lp_content_item_profile .settings{
	margin: 10px 0 0 0;
	flex: 0 0 auto;
}
.lp_content_item_profile .settings-head{
	text-align: center;
}
.lp_content_item_profile .setting-item{
	margin: 5px 0 0 0;
}
.lp_content_item_profile .setting-item-head{
	width: 100%;
	box-sizing: border-box;
	padding: 2px;
	border: 1px solid rgba(216, 216, 216, 0.4);
	background-color: rgba(216, 216, 216, 0.3);
	color: rgb(105, 103, 103);
	text-align: center;
	flex: 0 0 auto;
}
.lp_content_item_profile .profile-ctrl{
	align-items: center;
	justify-content: center;
	display: flex;
	margin: 25px 0 0 0;
	flex: 0 0 auto;
	padding: 10px 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #d8d8d8;
}





.lp-s-query{
	margin: 5px 5px 0 5px;
	position: relative;
}
.lp-s-query .box-input{
	border: 1px solid #9b9ea2;
	transition: border-color 0.1s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lp-s-query .btn-setting {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	padding: 7px;
	border-style: solid;
	border-width: 0 1px 0 0;
	border-color: #9b9ea2;
	cursor: pointer;
	background-image: url(/viewer/assets/icons/h_arrow.900fbe.png);
	background-repeat: no-repeat;
	background-position: left;
	background-clip: content-box;
	background-origin: content-box;
}

.lp-s-query .btn-setting:hover {
	background-position: -16px 0;
}

.lp-s-query .s-input{
	vertical-align: middle;
	padding: 0;
	background-color: white;
	border: 0;
	box-shadow: none;
	outline-offset: 0;
	outline: none;
	text-align: center;
	margin: 5px;
	flex: 1 1 auto;
	width: 10px;
	height: 20px;
}
.lp-s-query .s-input::-ms-clear { /* for IE */
	display: none;
}

.lp-s-query .btn-clear-txt{
	width: 20px;
	height: 20px;
	background-image: url(/viewer/assets/icons/close.0344de.png);
	background-repeat: no-repeat;
	background-position: 50%;
	margin: 5px 0;
	flex: 0 0 auto;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.lp-s-query .btn-clear-txt.show{
	opacity: 0.7;
	cursor: pointer;
}
.lp-s-query .btn-clear-txt.show:hover{
	opacity: 1;
}

.lp-s-query .btn-toggle {
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/setting_16.b31b70.png);
	background-repeat: no-repeat;

	flex: 0 0 auto;
	cursor: pointer;
	background-clip: content-box;
	background-origin: content-box;
	padding: 4px;
}
.lp-s-query .btn-toggle:hover {
	background-position: -16px 0;
	}
.lp-s-query .btn-go{
	width: 16px;
	height: 16px;
	background-image: url(/viewer/assets/icons/search.4136f2.png);
	background-repeat: no-repeat;

	background-clip: content-box;
	background-origin: content-box;
	cursor: pointer;
	flex: 0 0 auto;
	padding: 7px;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #9b9ea2;
	display: inline-block;
}
.lp-s-query .btn-go:hover {
	background-position: -16px 0;
}
.lp-s-query .box-list{
	height: 0;
	transition: height 0.3s ease-in-out;
	overflow: hidden;
	position: absolute;
	background-color: white;
	width: 100%;
	z-index: 9999;
}
.lp-s-query .list{
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: gray;
	overflow: hidden;
	font-size: 12px;
}
.lp-s-query .list .item{
	padding: 4px 5px;
	font-size: 1.1em;

	cursor: pointer;
    margin: -1px;
}
.lp-s-query .list .item:hover{
	background-color: rgba(81, 141, 202, 0.12);
	/*border-color: rgba(81, 141, 202, 0.02);
	border: 1px solid gray;*/
}
.lp-s-query .list .item.select{
	background-color:  rgba(81, 141, 202, 0.12);

}




.lp-s-settings{
	padding: 0 3px;
	margin: 8px 5px 0 5px;
	border: 1px solid #d8d8d8;
}
.lp-s-settings .s-content{}

.lp-s-types{
	padding: 0 3px;
	margin: 8px 5px 0 5px;
}
.lp-s-types .s-content{}

.lp-s-resultBox{
	margin: 8px 0 0 0;
	display: flex;
	flex-direction: column;
}

.lp-loadBox{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.lp-loadBox .icon{
	background-image: url(/viewer/assets/icons/loading.50c5e3.gif);
	width: 32px;
	height: 32px;
}

.mi_base{
	background: url(/viewer/assets/icons/base_all.d83eac.png);
}
.mi_cadastre{
	background: url(/viewer/assets/icons/cadastre_all.e01907.png);
}