html,body,div{padding:0;margin:0}a img{border:0}
img{max-width:100%;height:auto}
html{height: 100%;width:100%;}
body{position: relative;  /*min-height:100vh; min-height: -webkit-fill-available;*/ width:100%; overflow: hidden !important;
height: 100%;
min-height: 100%;
font-family: Arial;
}
#map{
/*min-height: 100vh; min-height: -webkit-fill-available; width:100%;*/
  width:100%;
  height: 100%;
  overflow:hidden; position: absolute; color: #fff;z-index:8;
}

#loadingBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  padding-top: 20%;
  display: none;
}
#loadingBoxIn {
  background-color: #ffffff;
  padding: 2em;
  border-radius: 1em;
  font-family: monospace;
  display: inline-block;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#buttonKn {
	font-weight: bold;
	font-size: 0.9em;
	padding-left: 6px;
	padding-right: 6px;
}
#buttonKn.active {
	color: red;
}

.clearBoth {clear:both}

.panel {width:265px;display: none; z-index:9;font-family:Arial;font-size:12px; background: none !important;}
.panel.opened {right:0px; top: 10px; position:absolute; display: block;}
.panel_content {width:250px; padding: 0px; text-align: justify;}
.panel_box {-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 10px;
background-color: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}
.panel_box_projekt {border: solid 3px #ee3024;}
.panel_box_flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}
.panel_box_flex input {
	flex: 1 1 0;
	height: 28px !important;
}
.panel_box_flex #search_button {
	margin-left: 10px;
	position: static;
}

/*button, input, optgroup, .panel select, textarea {color:black !important;}*/
.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: top;}
.legenda_item_container div {width: 100%; }
.legenda_item_container div:nth-child(1) { width: 50px; text-align: center;}
.legenda_item_container div:nth-child(2) { flex: 1; text-align: left;}
.legenda_item_container div:nth-child(2) small { font-size: 10px;}

.inner_flex {display:flex;gap: 6px;}
.inner_flex>div:nth-child(1) {flex: 1;}
.inner_flex label {height: auto !important; margin: 0 !important; font-weight: 400; font-size: 12px; width: auto !important;}

#op_list {position:absolute;top:10px;right:10px;z-index:10;}
#op_list.opened {position:absolute;top:10px;right:270px;z-index:10;}
#projekty,#searchBox{box-sizing:border-box;padding:10px}
#projekty{background-color: rgba(255, 255, 255, 0.8);}
a.projekt{text-align:center;display:block;-ms-filter:"alpha(opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
a.projekt.act,a.projekt:hover{cursor:pointer;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
#menuBox,#searchBot{background-color:#fff;-webkit-border-top-left-radius:5px;-moz-border-top-left-radius:5px;border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;behaviour:url(PIE.htc)}
#progress{position:absolute;bottom:0;left:0;height:2px;background-color:rgba(255,0,0,0.8);width:0}
#popup {position:absolute;top:11px;left:50px;z-index:10; display: none;}

.vyber_mapy {position: absolute; bottom: 8px; right: 8px; z-index:998;}
.vyber_mapy ul {display: inline-block; margin: 0; padding: 0;}
.vyber_mapy ul li {position: relative; background: white; display: inline-block; padding: 3px; margin: 0 3px; border-radius: 4px;-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); cursor: pointer;}
.vyber_mapy ul li.neaktivni {cursor: default !important; }
.vyber_mapy ul li.selected {background: red; }
.vyber_mapy ul li img {width: 38px; height: 38px;}
.vyber_mapy ul li .vyber_mapy_stav {width: 38px; height: 38px; position: absolute; top: 0; left: 0; text-align: center; padding: 0px 0 0 6px;
text-shadow: 2px 0px 1px white, 0px 2px 1px white, -2px 0px 1px white, 0px -2px 1px white; display: none;}
.vyber_mapy ul li .vyber_mapy_stav.vyber_mapy_false {color: red;}

.scale-line {
  position: absolute;
  bottom: 8px;
  right:200px;
}
.ol-scale-line {
  position: absolute;
  bottom: 8px;
  left: 150px;

  background: none;
}
.ol-scale-line-inner{
	color: black;
	border-color: black;
	border-bottom: 3px solid black;
	text-shadow: 0px 0px 2px #CECECE;
}

#mouse-position {position:absolute;
z-index:10;
color: black;
font-size:8px;
background: white;
border-radius: 4px;
bottom: 0px;
left: 8px;
padding: 2px 5px;
}

.ol-zoom {
	left: auto; top: auto; right: 25px; bottom: 65px;
	padding: 0;
	 -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	-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-zoom-out {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ol-control button {
	background: white;
	color: gray;
	margin: 0;
	font-size: 22px; padding-bottom: 3px;
	font-weight: 700;
}
.ol-control button:hover, .ol-control button:focus {
	background: #eee;
}

.ol-zoom .ol-zoom-out {
    border-radius: 0 0 2px 2px;
	border-top: 1px solid #ddd;
}

.ol-zoomslider {
	right: 95px; bottom: 95px;
	top: auto !important; left: auto !important;

	width: 200px;
	height: 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-zoomslider:hover {
	opacity: 1;
	background: white !important;
}
.ol-zoomslider .ol-zoomslider-thumb {
	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);
top: -15px;
height: 30px;
width: 10px;
}

#menuBox strong {display: block; background:#ee3024; padding: 8px 10px; color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
#menuBox .vrstva {background: #f3f3f3; color: #444; border-top: solid 1px #fff; border-bottom: solid 1px #dcdcdc;}
#menuBox .vrstvarow {display: block;padding: 7px 3px}
#menuBox .vrstvarow i.fa {width: 16px;text-align:center;font-size:1.1em;position:relative;top:-2px}
#menuBox .submenubox {display: none;}
#menuBox .submenubox.viditelna {display: block;}
#menuBox .vrstvaSub {padding-left:27px}
#menuBox .submenubox .vrstvaSub:last-child {border-bottom:0px}
#menuBox .vrstva img {margin: 0 3px 0 8px;}
#menuBox .vrstvarow {display: flex;align-items:center}
#menuBox .vrstvarow input {margin-top: 0px;margin-right: 4px}
#menuBox .vrstvarow label {margin-bottom:0px;}
#menuBox .vrstvarow i.fa {top:initial}
#search_box {display: inline-block; width: 143px; height: 20px; padding: 5px 30px 5px 5px; border: solid 1px #555;}
#search_button {display: inline-block; width: 28px; height: 28px; margin-left: -40px; position:relative; left: 10px; border: solid 1px #555; border-left: none;background: #555; color: #fff;}
#searchResult {display:none;background-color: #ffffff;
	max-height: 500px;
	overflow-y: auto;
}
.searchResultItem {margin-bottom:2px;border:1px solid #f3f3f3;padding:3px;display:flex;text-align:left}
.searchResultItem i.fa {color: #007cc2;font-size:1.5em;padding: 5px;
}
.menu_container {max-height: 75vh;overflow-x: none; overflow-y:auto;}
.searchResultItem:hover {cursor:pointer;background-color:#f3f3f3}
.searchResultText {font-size:1.2em;padding-top:0.2em}
.grey {opacity: 0.3}

.projekt {border: solid 1px #dcdcdc; background: #f3f3f3; margin: 3px 0; padding-bottom: 7px; text-decoration: none; color: #444;}
.projekt img {margin-bottom: 7px;}
.projekt.act {border: solid 1px #ee3024; color: #ee3024;}

.zapisnik {background: white;}
.zapisnik .z_nadpis {display: block; background:#ee3024; padding: 8px 10px; color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;}
.zapisnik .z_obsah {padding: 8px 10px;}
.zapisnik #zapisnik_zprava {width: 100%}
.zapisnik #zapisnik_ulozit, .zapisnik #zapisnik_zrusit {background: none; border: none;}
.zapisnik #zapisnik_ulozit {color: #007bff !important;}
.zapisnik #zapisnik_zrusit {color: #dc3545 !important;}

.scale-line {
  position: absolute;
  bottom: 10px;
  right:200px;
}
.ol-scale-line {
  position: absolute;
  bottom: 28px;
  left: 10px;
}

.ol-attribution {right:10px;}
.ol-attribution button{display: none;}
.ol-attribution ul li:first-child{display: none;}
.ol-attribution img{height: 32px;}

.button {
    background: #FFF;
    color: gray;
    font-size: 12px;
	font-family:Arial;
    padding: 6px 8px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .25);
	min-height: 16px;
	margin: 0 5px;
}

.button:hover {
    background: #eee;
	color: #009640;
	cursor: pointer;
}

.button.close {
    opacity: 1;
}

.button.close:hover {
    background: #eee;
	color: #d70000;
	cursor: pointer;
}

.transition, .action, .panel, .opened, .button, #op_list, .ol-attribution { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.defaultTpl {
box-sizing:border-box;
position:absolute;
background: #fff;
padding: 1px;
border: solid 1px #555;
z-index:1000;
bottom:10px;left:10px;
width: 300px;
font-family: Arial;
font-size: 13px;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.defaultTpl12  {height: auto;}

.defaultTpl .closebut {float:right; position: relative; right: 10px; top: 10px;}
.template12 .closebut {float:right; position: relative; right: 10px; top: 0px;}
.closebut:hover {cursor:pointer}
.templateDPMO {width: 300px}
.templateDPMO label {width:100px;display:inline-block}
.templateDPMO input {width:150px}
.defaultTplBody_nadpis {display: block;  background: #ee3024; padding: 12px 10px; color: #fff;}
.defaultTplBody_popis {    background: #f3e9e9;
    color: #444;
    padding: 7px 10px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #dcdcdc;}
.img_z:hover {width:200%;}
	
.defaultTplBody_popis p {padding: 5px 10px; margin: 0;}
.defaultTplBody_popis a {color: #444; text-decoration: none;}
.defaultTplBody_popis a:hover {color: #ee3024; text-decoration: underline;}

.template12 {color: #000000}

.template21 {bottom: initial}
.template21 .closebut {top:0px}
.template21 .defaultTplBody_popis a {text-docoration: underline;color: #0000ff}

	
.okrsek {background: #f3f3f3;
    color: #444;
    padding: 5px 2px 2px 2px;
    border: solid 1px #ccc;
	width: 21px; height: 16px; margin: 2px; display: inline-block; font-size: 12px; font-weight: 600; text-align: center;}
	
.okrsek:hover {border: solid 1px #ee3024;}
.okrsek.selected {border: solid 1px #ee3024; background-color: #ee3024; color: #fff;}
	
	
.okrsek, .okrsek_target {cursor: pointer; cursor: hand;}
.okrsek ul {margin: 0; padding: 0;}
.okrsek ul li {list-style: none;padding: 2px 0;}
#okrsky strong {
    display: block;
    background: #ee3024;
    padding: 8px 10px;
    color: #fff;-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.seznam_okrsku {padding: 5px;}
img.okrsek_target {width: 12px; height: 12px; position:relative; top: 2px; float: right; opacity: 0.50;
filter: alpha(opacity =50);}
img.okrsek_target:hover {width: 12px; height: 12px; position:relative; top: 2px;opacity: 1;
filter: alpha(opacity =100);}
.okrsek_ulice {padding: 5px 8px; display: none; margin: 5px 0 5px 5px; background: #fff;}


.mapa_13 #menuBox {font-size: 11px;}
.mapa_13 #menuBox strong {font-size: 12px; background:#007cc2 !important; padding: 3px 10px;}
.mapa_13 #menuBox .vrstva {background: #f6fcff !important;}
.mapa_13 .ol-zoomslider-thumb {background-color: #007cc2 !important;}
.mapa_13 .ol-zoom-in {background-color: #007cc2 !important;}
.mapa_13 .ol-zoom-out {background-color: #007cc2 !important;}
.mapa_13 .ol-scale-line {background-color: rgba(0, 124, 194, 0.7) !important;}
.mapa_13 .button:hover {color: #007cc2;}
.mapa_13 .panel.opened {width: 195px;}
.mapa_13 .panel_content {width:180px;}
.mapa_13 #menuBox .vrstvaSub {padding-left: 0px;}
.mapa_13 #menuBox .vrstvarow {padding: 2px 3px;}
.mapa_13 #op_list.opened {right: 200px;}
.mapa_13 #search_box {width: 123px;}
.mapa_13 #searchBox {display: none; padding: 3px 10px;}

/*GPX BOX*/
#gpxbox {background-color: #ffffff;padding: 10px;}
#gpxbox label {margin-bottom: 5px;width: 60px;
display:inline-block;}
#gpxbox input {margin-bottom: 5px;width: 120px}
#gpxbox button {width: 100%;padding: 4px 0px}
/*EOF GPX BOX*/

/*SVG*/
#svgBox {display:none}
svg .obrys.blurEfectClass {stroke: #ff0000 !important}
.blurEfectClass {filter: url('#blurefect')}
.patro path.obchod, .patro poylgon.obchod {stroke:#000000;stroke-width:1px;
stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1
}
.patro path.obchod:hover, .patro poylgon.obchod:hover {fill-opacity: 0.5;cursor:pointer}
#patraBox {position:absolute;bottom:20px;right:350px;
width: 40px;
z-index:10;
}
.patroNav {display:block;text-align:center;font-weight:bold;
height:30px;line-height:30px;vertical-align:middle;
background-color: rgba(255,255,255,0.7)
}
text.fa:hover {fill: none; stroke: #ffffff;cursor:pointer}
.patroNav:hover {cursor:pointer;background-color: rgba(221,221,221,.4);}
.patroNav.aktivni {border-left:2px solid blue;border-right:2px solid blue}
/*EOF SVG*/

/*pro jednotlive projekty*/
body.mapa_20 .ol-zoom {right: 85px !important; bottom: 70px !important;top: auto !important; left: auto !important;-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg) scale(3); background: rgba(255,255,255,1);}
body.mapa_20 .ol-zoomslider {right: 110px !important; bottom: -75px !important;top: auto !important; left: auto !important;-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg) scale(1.15); background: rgba(255,255,255,1);}
body.mapa_20 .ol-zoom .ol-zoom-out {-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);border-radius: 0 2px 2px 0 !important;}
	
.panel_menu_20 {width: 300px; height: 50px; background:#fff; overflow: hidden;position: absolute; top: 0; right: 0; z-index: 9; font-family: Calibri;-webkit-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.3);
box-shadow: inset 0px -2px 5px 0px rgba(0,0,0,0.3);}
.panel_menu_20 ul {margin: 0; padding: 0;}
.panel_menu_20 ul li {display: inline-block;}
.panel_menu_20 ul li a {display: block; padding: 15px 20px; height: 20px; color: #999; text-decoration: none; font-weight: 900;}
.panel_menu_20 ul li a.selected {color: #4285F4; background: #fff; -webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.3);}
.panel_menu_20 ul li a:hover {color: #777;}
.panel_menu_20 ul li a.selected:hover {color: #4285F4;}

.panel_obsah_20 {width: 300px; background:#fff; position: absolute; top: 50px; right: 0; z-index: 9; font-family: Calibri;}
.panel_obsah_20 #menuBox strong {display: none;}
.panel_obsah_20 #menuBox .vrstva {background: none;}
.panel_obsah_20 #menuBox .vrstvarow {padding: 12px 5px;}

.panel_obsah_20 #searchBox {display: none;}
.panel_obsah_20 #searchBox #search_box {width: 241px; border: none; border-bottom: solid 1px #999; margin-bottom: 1px; font-size: 18px; padding: 10px 30px 5px 5px; outline: none;}
.panel_obsah_20 #searchBox #search_box:focus {border-bottom: solid 2px #4285F4; margin-bottom: 0;}
.panel_obsah_20 #searchBox #search_button {background: none; border: none; color: #999;}
.panel_obsah_20 #searchBox #search_button:hover {color: #4285F4;}
.panel_obsah_20 #searchBox #search_button::placeholder  {font-style: italic}
/*EOF pro jednotlive projekty*/

#attrwin {position: absolute;left: 1em;bottom:3.5em;z-index:5000;background-color: #ffffff;
border:2px solid #ee3024;
padding: 0.3em 0.4em;
border-radius: 0.3em;
max-height: 70vh;
overflow: auto;
}
#layerwin {position: absolute;left: 1em;bottom:3.5em;z-index:5000;background-color: #ffffff;
border:2px solid #ee3024;
padding: 0.3em 0.4em;
border-radius: 0.3em;
color: #000;
}
#layerwin .fa, #attrwin button {color: #000000;margin-left:3px; padding: 8px;border-radius: 0.3em; color: white}
#attrwin button {border: none;}
#layerwin .fa-pencil, #attrwin button#duplikace {background: #03a9fc;}
#layerwin .fa-paint-brush {background: #ed09e4;}
#layerwin .fa.active {box-shadow: 2px 2px #cdcdcd;}
#layerwin .fa-floppy-o {background: #0951ed;}
#layerwin .fa-refresh {background: #00ba2b;}
#layerwin .fa-sign-out {background: #ff0000;}
#layerwin .fa-magnet, #translateicon, #spliticon {background: #cdcdcd;}
#uploadicon {background: #e000ff}
#layerwin .fa-magnet.active, #translateicon.active, #spliticon.active {background: #000000;box-shadow: 2px 2px #cdcdcd;}
#layerwin .fa-copy, #layerwin .fa-arrows-h, #layerwin .fa-handshake-o, #layerwin .fa-thumb-tack {background:  #03a9fc;}
#layerwin .fa.disabled {background: #cdcdcd;}
#layerwin .fa.interactionicon {display: none}
#attrwin #detail {background: #00ba2b; margin-left: 3px;
    padding: 7px;
    border-radius: 0.3em;
    color: white;}
#attrwin button#smazat {background: #ba0000; float:right;}
#layerwin .fa-times {background: #ed9a09;}

#attrwin .fa:hover, #layerwin .fa:hover {cursor:pointer}
#attrwin .fa.disabled:hover, #layerwin .fa.disabled:hover {cursor:not-allowed}
#layerwin #selectlayername {height: 32px; display:block; margin-bottom: 7px;}
#attrwin {bottom: 7em;display:none;color: #000000;width: 356px}

#attrwin label {width: 110px;float:left;display:inline-block;margin-bottom:0.2em;}
#attrwin label.radiolabel {width: auto;float:none;display:inline-block;margin-bottom:0.2em; margin-right: 0.5em}
#attrwin input, #attrwin select {width: 210px;float:right;display:inline-block;margin-bottom:0.2em;}
#attrwin select {width: 238px;padding:0.2em;height: 26px;}
#attrwin input[type=radio] {width: auto;float:none;display:inline-block;margin-bottom:0.2em;}
#attrwin br {clear: both}
#selectmessage {display: none; color: black; font-family: Arial;}

#attrwin .defaultTplBody_title select {width: 238px; height: 40px;}
.zvyraznenaeditace {background-color: rgba(169, 243, 138, 0.8)}
#attrwin .editRow {clear: both;display: flex}
#attrwin .editRow label {width: 110px;float:initial;}
#attrwin .editRow input,
#attrwin .editRow textarea,
#attrwin .editRow select {flex: 1;float:initial;width: auto;}
#attrwin .editRow input[readonly], #attrwin .editRow textarea[readonly] {outline: 0;border: 0;}


#panel_search .panelContentIn {padding: 0.5em;/*display: flex;flex-direction: column;*/box-sizing: border-box;}
#panel_search .panelContentIn div {width: 100%;}
#panel_search input, #panel_search select {box-sizing: border-box;width: 100%;min-width: 100%;max-width: 100%;}
#panel_search label {margin-bottom: 0px}
.cykloTpl {color: #000000;bottom: initial;}
.cykloTpl .defaultTplBody {padding: 1em} 

#alert {position: absolute;left: 50%;top:1.5em;z-index:5000;background-color: #ffffff;
color: black; font-family: Arial; font-size: 14px;
border:1px solid #ee3024;
padding: 0.6em 0.8em;
border-radius: 0.2em; display: none;}

#alert.success {background-color: #15CD72 !important; color: white !important; border-color: #15CD72;}
#alert.info {background-color: #4bb1cf !important; color: white !important; border-color: #4bb1cf;}
#alert.danger {background-color: #ED4F32 !important; color: white !important; border-color: #ED4F32;}

#zapisnik_zpravy {padding: 15px;padding: 0; margin: 0; max-height: 65vh !important; overflow-y: scroll;}
#zapisnik_zpravy li {list-style: none; padding: 10px; margin: 0; border-top: solid 1px #ccc;}
#zapisnik_zpravy li strong {color: red}
#zapisnik_zpravy li p {padding: 0; margin: 0;}

.defaultTplBody_nadpis {font-weight: 900;}
.defaultTplBody_popis {line-height: 18px; position: relative;}
.defaultTplBody_button {position: absolute; bottom: 5px;background: red; padding: 10px; display: inline-block;  color: white !important; margin-top: 10px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.defaultTplBody_button:hover {background: #e0201d; color: white !important; margin-top: 10px;}

.defaultTplBody_img, .defaultTplBody_img img {width:100px;height:100px; margin: 5px 1px 0 0}
.defaultTplBody_img {float: left;position: relative; background-repeat: no-repeat;  background-size: cover; background-position: center;}
.defaultTplBody_img img {position: absolute; z-index: 9999;}
.defaultTplBody_img span {position: absolute; z-index: 9998;  bottom: 5px; right: 5px; font-size: 14px; font-weight: 800; color: black; padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: rgba(255,255,255,0.75);}

.filtr {text-align: left; padding: 10px;}
.filtr span {}
.filtr .filtr_select {width: 100% !important; margin: 5px 0px;}
#nalezeno_zaznamu {padding: 10px; background:#ddd; font-weight: 700; color: green;}

#geolocation_div {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20000;
  font-family: 'Courier New', monospace;
  background-color: #ffffff;
  font-size: 0.9em;
  padding: 0.2em;
}

.modal {display: none;
    z-index: 99999;
    position: absolute;
    left: 0%;
    top: 0%;
	margin-left: 0px;
    width: 100vw;
    background: transparent !important;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;}
.modal-dialog {
	 z-index: 99999; position: absolute; left: 50%; top: 20%; margin-left: -250px; width: 500px;  font-family: Arial; font-size: 14px; font-weight: 400;
}
.modal-dialog.w-500 {
	 position: absolute; left: 50%; top: 20%; margin-left: -250px; width: 500px;
}
.modal-dialog.w-750 {
	 position: absolute; left: 50%; top: 0%; margin-left: -375px; width: 750px;
}
.modal-zavrit {position: absolute; top: -15px; right: -15px; background: red; color: white; width: 30px; height: 25px; cursor: pointer; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-align: center; padding-top: 5px;}
.modal .modal-header {
    display: flex
;
}
.modal .modal-header h5 {
    font-weight: 700;
    font-size: 22px;
    flex-grow: 4;
}

.text-red {color: red;}

.panel_item_message {
	padding: 5px 15px;
}

.panel_item_message {
	padding: 5px 15px;
}

.panel_item_link {
	display: flex;
	border-bottom: solid 1px rgba(0, 0, 0, .25);
	color: black;
}

.panel_item_link:hover {
	background: rgba(0, 0, 0, .1);
}

.panel_item_link>a {
	padding: 10px 0 5px 15px;
	color: #364712;
}

.panel_item_link>a:hover {
	text-decoration: none;
}

.panel_item_link>div {
	padding: 5px 15px 5px 0;
}

.panel_item_link>a, .panel_item_link>div {
	display: flex;
	flex-direction: column;
}

.panel_item_link>a {
	flex: 1;
}

.panel_item_link>a>div:nth-child(1) {
	font-weight: 700;
}

.popup {
	display: flex;
	flex-direction: column;
    position: absolute;
    background: #fff;
    padding: 5px 0;
    z-index: 1000;
    width: 300px;
    font-family: Arial;
    font-size: 13px;
    color: black;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	-webkit-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.3);
}

.popup .row {
	display: flex;
	flex-direction: row;
	gap: 5px;
	margin: 0 !important;
	width: 100%;
}
.popup .row .col {}
.popup .row .col.nazev {
	width: 100%; background: #ee3024; color: white; padding: 8px 10px; font-weight: 700;-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.popup .row .col.fotografie {
	width: 33%; min-height: 100px; padding: 0px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border: solid 1px #999; overflow:hidden;}
.popup .row .col.fotografie:hover div {
	 -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05); }
.popup .row .col.fotografie div {
	background-position: center;
	background-size: cover;
	 transition: transform 250ms;}
.popup .row .col.fotografie div a {
	display: block;
	position: relative;
	overflow:hidden;}
.popup .row .col.fotografie div a img {
	width: 100%; min-height: 100px;}
.popup .row .col.fotografie div a span {
	position: absolute; padding: 5px 10px; right: 5px; bottom: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: rgba(255,255,255,.9); color: black; font-weight: 700; font-size: 14px;}
.popup .closebut {
	float: right;}
.popup .row.obsah {margin: 10px 0 0 0 !important;}

#copyright {
	position: fixed;
	left: 50%;
	bottom: 5px;
	transform: translate(-50%, 0);
	margin: 0 auto;
	z-index: 999;
}
#copyright a {display: inline-block; margin: 0 3px;}
#copyright a img {
	width: 20px;
	-webkit-filter: 
		drop-shadow(-1px -1px 0px #fff) 
		drop-shadow(-1px 1px 0px #fff)
		drop-shadow(1px -1px 0px #fff)
		drop-shadow(1px 1px 0px #fff);
	filter: 
		drop-shadow(-1px -1px 0px #fff) 
		drop-shadow(-1px 1px 0px #fff) 
		drop-shadow(1px -1px 0px #fff) 
		drop-shadow(1px 1px 0px #fff);
}


/* RESPONSIBLE */
@media screen and (min-width: 1px) and (max-width: 850px) {
	#popup {display: block;}
	#layerwin .fa, #attrwin button {transform: scale(1.5); margin: 12px;}
}

@media screen and (min-width: 1px) and (max-width: 700px) {
	/*.panel, #op_list {display: none;}*/
	.panel.opened {width: 100%;top:6px;}
	.panel {top:6px;}
	#op_list {}
	#op_list.opened {top:10px;right:10px;}
	.panel_content {width: 100%;}
	.ol-attribution, .ol-attribution:hover {right:10px !important;}
	#menuBox strong {font-size: 18px;}
}

.alert-danger {
    color: white;
    background-color: red;
    border-color: red;
}