body {-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;}
#layerwin .fa.active {box-shadow: inset 0 0 0 4px green, 0px 0px 0px 4px rgba(0,0,0,0.6);}
#layerwin {left: auto; right: 1em; bottom: 1em; border: none; background: none;}
#attrwin select {width: 100%;}
#layerwin .fa.interactionicon {display: inline-block;}
#layerwin .fa {text-align: center;-webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; border-radius: 50% !important;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); margin: 0 !important;}
#layerwin .fa-3x {width: 85px !important; height: 85px !important; padding-top: 25px !important;}
#layerwin .fa-lg {width: 42px !important; height: 42px !important; padding: 15px 8px 0 8px !important; }
#layerwin .fa-pencil {background: #0d6efd !important;}
#layerwin .fa-floppy-o {background: #999 !important;}
#layerwin .fa-floppy-o.kulozeni {background: #0dcaf0 !important;}
#layerwin .fa-clipboard {background: #eee !important; color: #222;}
#layerwin .fa-paint-brush {background: #0d6efd !important;}
#layerwin .fa-refresh {background: #212529 !important;}
#layerwin .fa-times {background: #dc3545 !important;}
#layerwin .fa-sign-out {display: none;}

#layerwin .fa {margin-left: 8px !important;}
#layerwin #selectmessage {position: absolute; right: -1em; bottom: 80px; background: white; padding: 15px 25px 15px 15px; -webkit-border-top-left-radius: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomleft: 10px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%);}

#layerwin.mobil .fa {margin-left: 0px !important;}
#layerwin.mobil .fa-floppy-o {position: absolute; right: 5px; bottom: 5px;}
#layerwin.mobil .fa-clipboard {color: #222; position: absolute; right: 0em; bottom: 6em;}
#layerwin.mobil .fa-paint-brush {position: absolute; right: 3.25em; bottom: 5.5em;}
#layerwin.mobil .fa-refresh {position: absolute; right: 5.5em; bottom: 3.25em;}
#layerwin.mobil .fa-times {position: absolute; right: 6em; bottom: 0em;}
#layerwin.mobil .fa-plus {background-color: #44d474; position: absolute; right: 3.25em; bottom: 6em;}

#attrwin select {color: black !important;}
#attrwin input, #attrwin select, #attrwin textarea {
    width: 100%;
	border: solid 1px #666;
	border-radius: 2px;
}

#attrwin input {
	border: solid 1px #666;
}

#layerwin .fa-times, #layerwin .fa-paint-brush, #layerwin .fa-refresh, #layerwin .fa-clipboard {}

#op_list .button {min-width: 32px !important; height: 32px !important;text-align: center;  padding: 8px !important;-webkit-border-radius: 16px !important; 
-moz-border-radius: 16px !important;
border-radius: 16px !important;
}

#op_list .button span {font-family: Arial;}

.button:hover {
	color: #0d6efd;
}

.legenda {display: flex; flex-direction: column; gap: 10px; padding: 15px 0; overflow-y: scroll; overflow-x: hidden;}
.legenda_item_container {width: 100%; display: flex; flex-direction: row; flex: 1 1; gap: 10px; justify-content: space-evenly ; align-items: center;}
.legenda_item_container div {width: 100%; }
.legenda_item_container div:nth-child(1) { flex: 1 1;  text-align: center;}
.legenda_item_container div:nth-child(2) { flex: 2 1; }

#op_list .fa-download {display:none;}
#op_list .fa-crosshairs.opened {background: #0d6efd !important; color: white;}
#geolocation_div {display: none;}
#geolocation_marker {-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;}
#progress{background-color: #0d6efd !important;}
.ol-control button {
	background-color: #0d6efd !important;
}
.ol-zoom .ol-zoom-in {-webkit-border-top-left-radius: 50%;
-webkit-border-top-right-radius: 50%;
-moz-border-radius-topleft: 50%;
-moz-border-radius-topright: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;}

.ol-zoom .ol-zoom-out {-webkit-border-bottom-left-radius: 50%;
-webkit-border-bottom-right-radius: 50%;
-moz-border-radius-bottomleft: 50%;
-moz-border-radius-bottomright: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;}

.ol-control { -webkit-border-radius: 18px !important; 
-moz-border-radius: 18px !important;
border-radius: 18px !important;}

.ol-zoomslider {padding: 2px 2px; top: 7.5em !important; left: 1em !important;}
.ol-zoomslider button {height: 33px;  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

/*.ol-zoom {transform: scale(1.5); top: 1.5em; left: 1em;}*/
.ol-scale-line, #mouse-position {background: rgba(255, 255, 255, .7) !important; color: black !important; font-family: Arial;}
.ol-scale-line-inner {border-color: black !important; color: black !important;}

#attrwin {width: 400px;overflow: hidden; font-family: Arial; padding: 0;-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box; border: none;-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 1); flex-direction: column;}
#attrwin label {
    width: 130px;
}
#attrwin_obsah {flex: 1; overflow-y: scroll; padding: 10px;overflow-x: hidden;}
#attrwin_container {flex-grow: 1;
  
  display: flex;
  flex-direction: column;}
#edit_feature {/*margin-bottom: 62px;*/}
.defaultTplBody_img {margin: 5px 5px 0 0; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.defaultTplBody_img.zaznam_oprav {border: solid 5px #ffc107 !important;height: 100px !important; width: 100px !important;}
.defaultTplBody_img.zaznam_oprav img {height: 90px !important; width: 90px !important;}
.defaultTplBody_img.zaznam_oprav::before {content: 'záznam opravy'; width: 100%; text-align: center; font-size: 12px; position: absolute; display: block; background: #ffc107; padding: 3px 0;}
.defaultTplBody_img.nahravani::after {content: ' '; width: 40px; height: 40px; text-align: center; font-size: 12px; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);  display: block; background-color: #fff;background-image: url("/css/images/loading.gif"); background-size: 30px 30px; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 3px 0;}
.defaultTplBody_img.nedokonceno::after {content: '\f00d'; width: 40px; height: 40px; text-align: center; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);  display: block; color: white; background: red; padding: 7px 0; font: normal normal normal 24px/1 FontAwesome;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.defaultTplBody_img.dokonceno::after {content: '\f00c'; width: 40px; height: 40px; text-align: center; position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%);  display: block; color: white; background: #00ba2b ; padding: 7px 0; font: normal normal normal 24px/1 FontAwesome;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.defaultTplBody_box {margin: 5px 0; border: solid 1px #0d6efd; color: #0d6efd; background: rgba(13, 110, 253, 0.02); padding: 8px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.defaultTplBody_title {position: relative; display: block; padding: 14px 10px 7px 10px; min-height: 50px; font-size: 18px; background: #0d6efd; color: white;}
.defaultTplBody_title span {position: absolute; right: 8px; top: 8px; background: white; display: block; padding: 8px 10px; font-size: 14px; color: #0d6efd;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.defaultTplBody_title small {font-size: 10px; position:absolute !important; right: 15px; bottom: 10px; color:black}
.defaultTplBody_znacka {position :relative; background: #eee;   margin: 0px 0 0px 0; padding: 0px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.defaultTplBody_znacka_body {padding: 6px 10px;}
.defaultTplBody_znacka strong.nadpis {display: block; width: 100%; padding: 6px 8px; background: #ddd;}
.defaultTplBody_znacka strong.nadpis span {font-weight: normal; display: inline; position: static; font-size: 14px;}
/*.defaultTplBody_znacka span {display: none; position: absolute; font-size: 10px; top: 5px; right: 5px;}*/
.defaultTplBody_znacka span.select2, .defaultTplBody_znacka span.select2 span {display: block; position: static; }
.defaultTplBody_znacka.editovano select {background: #c4dcff;}
.defaultTplBody_znacka.cekaschvaleni {border-color: #fd990d; background: #ffeca8;}
.defaultTplBody_znacka.cekaschvaleni select {background: #ffeca8;}
.defaultTplBody_znacka.editovano span {display: block; color: #0d6efd}
.defaultTplBody_znacka.cekaschvaleni span {display: block; color: #b86c02}
.defaultTplBody_znacka.disabled {opacity: 0.5;}
/*.defaultTplBody_znacka select, .defaultTplBody_title select {float: none !important; display: block !important; width: 100% !important; font-size: 16px; margin-top: 10px; padding: 10px 6px !important; height: 40px !important;}*/
/*.defaultTplBody_title select.disabled {opacity: 0.5;}*/
.defaultTplBody_znacka select.cekaschvaleni, .defaultTplBody_title select.cekaschvaleni {background: #ffeca8 !important;}

.defaultTplBody_znacka .nadpis a.fa-camera {text-decoration: none; background: rgba(0, 0, 0, .1); border-radius: 3px; color: black;}
.defaultTplBody_znacka .nadpis a.fa-camera:hover {background: rgba(0, 0, 0, .2);}

.znacka_even .nadpis {
    background: #c4c4c4 !important;
}
.znacka_even .defaultTplBody_znacka_body .row {
    background: #d4d4d4 !important;
}

.znacka_even {
	background: #d4d4d4 !important;
	border: solid 1px #c4c4c4 !important;
}

.znacka_nova .nadpis {
    background: #d3e3ce !important;
}
.znacka_nova .defaultTplBody_znacka_body .row {
    background: #d4edcf !important;
}

.znacka_nova {
	background: #d4edcf !important;
	border: solid 1px #d3e3ce !important;
}

.zmena_popis {background: rgba(0, 0, 0, .1); padding: 3px 6px; border-radius: 3px;}
.zmena_detail {width: 100%; display: flex; flex-direction: row; margin: 0 0 5px 0; padding: 2px 5px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; cursor: pointer;}
.zmena_detail:hover {background: rgba(0, 0, 0, .1);}
.zmena_detail_old {display: none; color: red; word-break: break-all;}
.zmena_detail_new {display: inline-block; color: green; word-break: break-all;}

.tab_menu {width: 100%; display: flex; flex-direction: row;}
.tab_menu div {flex-basis: 0; flex: 1 1 0px; padding: 5% 1%; cursor: pointer; text-align:center; font-size: 14px; font-weight: 600; background: #eee;}
.tab_menu div:hover {background: #ddd;}
.tab_menu div.selected {background: #0dcaf0 ;}
.tab_obsah_container {min-height: 250px; flex-grow: 1;display: flex;
  flex-direction: column; overflow-y: auto;}
.tab_obsah {display: none; padding: 2%; overflow-y: scroll; overflow-x: hidden;flex-grow: 1;}
.tab_obsah.selected {display: block;}
.tab_obsah .row {width: 100%; display: flex; flex-direction: row; margin: 0 0 5px 0;background: #eee; padding: 8px 10px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.tab_obsah>div.row.row-col {flex-direction: column;}
.tab_obsah>div.row.bg-white {background: #fff;}
.tab_obsah .bg-warning {background: orange;}
.tab_obsah .bg-info {background: #0dcaf0;}
.tab_obsah .bg-danger {background: #dc3545;}
.tab_obsah .bg-danger05 {background: rgba(220, 53, 69, .5);}
.tab_obsah>div.row>div>label {float: none !important; width: auto !important; padding-top: 3px;}
.tab_obsah>div.row>div>select {float: none !important; width: 100% !important;}

#attrwin .btn {padding: 4px 10px 3px 10px;}
#attrwin #tlacitka {width: 100%; margin-bottom: 0px; display: flex;flex-direction: row; justify-content: space-evenly;}
#attrwin #tlacitka div {flex-basis: 0; flex: 1 1 0px; padding: 1%; cursor: pointer; text-align:center; font-size: 12px;}
#attrwin #tlacitka div a { display: inline-block; width: 100%; text-decoration: none !important;}
#attrwin #tlacitka div i { font-size: 18px !important; margin: 0 0 10px 0 !important; padding-top: 16px; float: none !important; display: inline-block !important;  color: white;}
/*#attrwin #tlacitka a {padding-top: 20px !important;}*/
.zvyraznenaeditace {background-color: rgba(169, 243, 138, 0.8)}
#ulozit_feature {background: #00ba2b !important;}
#ulozit_feature span {color: #fff !important;}

#dtl_sloupku {background: #0d6efd  !important;}
#dtl_sloupku span {color: #fff !important;}

#smazat {background: #dc3545 !important;}
#smazat span {color: #fff !important;}

#zavrit_feature {background: orange !important;}
#zavrit_feature span {color: #fff !important;}

.ms-options-wrap > button:focus, .ms-options-wrap > button {
    border: 1px solid #979797 !important;
	border-radius: 2px !important;
	padding: 0.2em !important;
	margin-bottom: 0.2em !important;
}
.ms-options-wrap button span {color: black !important;}
.ms-options-wrap > .ms-options > ul label {width: 100% !important;
    float: none !important;
    display: inline-block;
    margin-bottom: 0.2em;}
	
.ms-options-wrap > .ms-options > ul, .ms-options-wrap > .ms-options > ul > li.optgroup ul {width: 100% !important;}
.ms-options-wrap > .ms-options > ul input[type="checkbox"] {width: auto !important;}

.ms-options-wrap > .ms-options {
    display: none !important;
}

.ms-options-wrap.ms-active > .ms-options {
    display: block !important;
}

.defaultTplBody_znacka select.aktivni_zmena, .tab_obsah[data-id="1"] .aktivni_zmena, .defaultTplBody_znacka .ms-options-wrap.aktivni_zmena button {background: #ffecc2 !important;}
.defaultTplBody_znacka select.editovano, .tab_obsah[data-id="1"] .editovano, .defaultTplBody_znacka .ms-options-wrap button.editovano {background: #c4dcff !important;}

.editovano {border: 1px solid #0d6efd !important; background: #c4dcff !important;}
/* button.ui-multiselect{
	border: solid 1px rgb(118, 118, 118) !important;
	color: black !important;
	padding: 0.2em !important;
	border-radius: 2px !important;
	margin-bottom: 0.2em !important;
	background:white !important;
}
button.ui-multiselect:hover{
	background:white;
	border: solid 1px rgb(98, 98, 98) !important;
}
button.ui-multiselect span{
	display: block;
	position: static;
	font-size: 14px !important;
}
.ui-multiselect-menu {
	z-index: 5001;
}
.ui-multiselect-checkboxes input {
	margin-right: 8px;
}

.ui-multiselect-checkboxes li label {
	font-weight: normal;
	margin: 0;
} */

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: solid 1px transparent;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.my1 {margin: 1em 0;}
.m0 {margin: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.p0 {padding: 0 !important;}
.pt3 {padding-top: 3 !important;}
.cursor-pointer {cursor: pointer; }
.flex-1 {flex: 1 !important;}
.flex-shrink-0 {flex-shrink: 0 !important;}
.flex-grow-1 {flex-grow: 1 !important;}
.w-auto {width: auto !important;}
.w-100 {width: 100% !important;}
.w-100px {width: 100px !important;}
.w-130px {width: 130px !important;}
.text-right {text-align: right;}
.border-1-ddd {border: solid 1px #ddd;}
.f-none {float: none !important;}
.f-left {float: left !important;}
.f-right {float: right !important;}
.cursor-pointer {cursor: pointer !important;}
.clear {clear:both;}

.ui-multiselect .fa {
	width: 16px;
    height: 16px;
	vertical-align: middle;
    margin-top: -.25em;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.fancybox__container {
	z-index: 6000 !important;
}

/*rohovy vyber mapy*/
/*.ol-zoom {top: 88px !important;}*/
.ol-zoomslider {top: 80px !important; left: 25px !important;}

.vyber_mapy {position: absolute; left: 8px; bottom: 8px; right: auto; z-index:999; }




.ol-zoomslider {
	height: 200px;
	width: 2px;
	background: white; 
	-webkit-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
box-shadow: 0px 0px 1px 2px rgba(0,0,0,0.15);
}

.ol-scale-line {
    position: absolute;
    left: 8px !important;
    right: auto !important;
    bottom: 70px !important;
    background: none;
}
.ol-zoomslider .ol-zoomslider-thumb {
    background: white;
    top: 0px;
    left: -15px;
    height: 10px;
    width: 30px;
}

.ol-zoom {
	top: 0.5em !important;
    left: 0.75em !important;right: auto  !important; bottom: auto !important;
	padding: 0;
	 -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);

}

.ol-zoom-out {
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ol-control button { 
color: white !important;
}

@media screen and (min-width: 1px) and (max-width: 750px) {
	.panel {top: 0 !important;}
	.panel_content {overflow: hidden;}
	.panel {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
	#searchBox {display: none;}
	#menuBox {font-size: 14px !important;-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none; margin-bottom: 0;}
	#menuBox strong {padding: 16px 10px; background-color: #0d6efd !important;}
	.vrstvarow {padding: 0 !important; height: 40px;}
	.vrstvarow input, .vrstvarow img, .vrstvarow label{float: left;}
	.vrstvarow input {width: 20px;height: 20px; margin: 10px 10px 0 0;}
	.vrstvarow label {display: block;padding: 12px 0 !important;}
		.zapisnik {background: white; font-size: 14px !important;}
	.zapisnik .z_nadpis { font-size: 18px !important;padding: 16px 10px;background:#0d6efd; color: #fff;}
	.zapisnik .z_obsah { padding: 0 15px;}
	#zapisnik_zprava {width: 100%; height: 200px; padding: 10px; font-size: 16px;-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;}
	#zapisnik_ulozit, #zapisnik_zrusit {border: none !important; color: white; display: inline-block; width: 66px !important; height: 66px !important; text-align: center; -webkit-border-radius: 50% !important; 
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); margin: 0 !important;}
	#zapisnik_ulozit {background: #0dcaf0 !important;}
	#zapisnik_zrusit {background: #dc3545 !important;}
	#layerwin .fa, #attrwin button {transform: scale(1); margin: 0px;}
	.button:hover {
		background: #FFF;
		color: gray;
	}
	
	#attrwin {top: 30%; left: 0; bottom: auto; width: 100%; height: 70%; -webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;}
#attrwin #tlacitka {width: 100%; padding: 0 0px 0em 0px;text-align: center;-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box; margin: 0;}

}

@media screen and (min-width: 751px) {
	
	.panel {width: 350px; right: -370px; top: 0 !important;}
	#op_list.opened {right:370px;}
	.panel_content {width: 350px; overflow: hidden;}
	.panel {-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);}
	#searchBox {display: none;}
	#menuBox {font-size: 14px !important;-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none; margin-bottom: 0;}
	#menuBox strong {padding: 16px 10px; background-color: #0d6efd !important;}
	.vrstvarow {padding: 0 !important; height: 40px;}
	.vrstvarow input, .vrstvarow img, .vrstvarow label{float: left;}
	.vrstvarow input {width: 20px;height: 20px; margin: 10px 10px 0 0;}
	.vrstvarow label {display: block;padding: 9px 0 0 0 !important;}
	#menuBox .vrstva img {margin-top: 5px 5px 0 8px !important;}
	.zapisnik {background: white; font-size: 14px !important;}
	.zapisnik .z_nadpis { font-size: 14px !important;padding: 16px 10px;background:#0d6efd; color: #fff;}
	.zapisnik .z_obsah { padding: 0 15px;}
	#zapisnik_zprava {width: 100%; height: 200px; padding: 10px; font-size: 16px;-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;}
	#zapisnik_ulozit, #zapisnik_zrusit {border: none !important; color: white; display: inline-block; width: 66px !important; height: 66px !important; text-align: center; -webkit-border-radius: 50% !important; 
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;box-shadow: 0px 0px 5px rgb(0 0 0 / 25%); margin: 0 !important;}
	#zapisnik_ulozit {background: #0dcaf0 !important;}
	#zapisnik_zrusit {background: #dc3545 !important;}
	#layerwin .fa, #attrwin button {transform: scale(1); margin: 0px;}
	.ol-zoomslider button {height: 25px;}
}