@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body, .panel {
	 font-family: "Roboto", Arial, sans-serif;
}

.d-flex {
	display: flex;
}

.flex-col {
	flex-direction: column ;
}

.flex-1 {
	flex: 1;
}

.gap-5 {
	gap: 5px;
}

.w-100 {
	width: 100%;
}

.p-0 {
	padding: 0 !important;
}

.tooltip {
	z-index: 6000;
}

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

#layerwin {
	left: 5px;
	bottom: 5px;
	padding: 0;
    background: #FFFFF0;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
	border: none;
	z-index: 5001;
}

#layerwin #selectlayername {
    margin-bottom: 0px;
	border: none;
	border-bottom: solid 1px #ccc;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
	padding: 4px; 
    background: #FFFFF0;
}

#layerwin #selectlayername:focus {
    outline: none;
} 

#layerwin strong.title {
    background: #6B8E23;
    padding: 10px 10px;
    font-size: 14px;
	display: block;
	color: white;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;
}

#layerwin.editing strong.title {
    display: none;
}

#layerwin.editing {
	height: 45px;
}
#layerwin .fa-lg {
    line-height: normal; 
	width: 42px;
	height: 42px;
	padding-top: 10px;
	font-size: 1.3em;
	text-align:center;
	margin: 0;
	border-radius: 0;
	background: none;
	border-right: 1px solid #e6e6e6;
}
#layerwin .fa-lg:hover {
    background: #f7f7f7;
}
#layerwin.editing .fa-floppy-o, #layerwin .fa-pencil {
    color: #0951ed;
}
#layerwin.editing .fa-paint-brush {
    color: #ed09e4;
}
#layerwin.editing .fa-times  {
    color: #ed9a09;
}
#layerwin.editing .fa-upload  {
    color: #e000ff;
}
#layerwin .fa-refresh  {
    color: #00ba2b;
}
#layerwin .fa-sign-out  {
    color: #ff0000;
}
#layerwin.editing .fa-copy, 
#layerwin.editing .fa-arrows-h, 
#layerwin.editing .fa-scissors, 
#layerwin.editing .fa-handshake-o, 
#layerwin.editing .fa-hand-paper-o, 
#layerwin.editing .fa-thumb-tack, 
#layerwin.editing .fa-magnet
{
    color: #03a9fc;
}
#layerwin.editing .fa.active {
    box-shadow: none;
	color: #fff;
	background: #03a9fc;
}
#layerwin.editing .fa-paint-brush.active {
    color: #fff;
	background: #ed09e4;
}
#layerwin.editing .fa.disabled  {
    background: #E8E8DA;
	color: #A3B870;
}

#layerwin .fa-sign-out, #layerwin .fa-sign-out:hover {
	border-right: none;
}

#layerwin.editing .fa-sign-out, #layerwin.editing .fa-sign-out:hover {
	border-bottom-right-radius: 0.3em;
	border-top-right-radius: 0.3em;
}

#layerwin .fa-pencil , #layerwin .fa-pencil :hover {
	border-bottom-left-radius: 0.3em;
}

#attrwin {
	left: 16px;
	bottom: 74px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(27,28,56,0.5);
	-moz-box-shadow: 0px 0px 30px 0px rgba(27,28,56,0.5);
	box-shadow: 0px 0px 30px 0px rgba(27,28,56,0.5);
border: none;
padding: 10px;
}

#attrwin .text-zoom {
    float: none;
	position: absolute; 
	top: 10px; 
	right: 10px;
	width: 48px;
	height: 20px;
	display: flex;
	gap: 2px;
}

#attrwin .text-zoom button {
    margin: 0;
	padding: 2px 0 0 0;
	background: rgba(0, 0, 0, .25);
	flex: 1;
}

#attrwin .text-zoom button:hover {
	background: rgba(0, 0, 0, .35);
}

#attrwin button#smazat {
    background-color: #FF0000 !important;
    float: none;
	position: absolute; 
	top: 35px; 
	right: 10px;
	width: 48px;
	height: 48px;
}

#attrwin button#smazat:hover {
    background-color: #FF0000 !important;
}

.ui-dialog {
	padding: 0;
}

.ui-dialog-titlebar {
	background: #6B8E23;
    padding: 10px 10px;
    font-size: 14px;
	display: block;
	color: white;
}

.ui-dialog .ui-dialog-titlebar-close {
    border: none;
	background: none;
	font-size: 20px;
	top: 35%;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    content: '×';
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
/* #attrwin {
    scrollbar-width: thin;
    scrollbar-color: #454545 #f9f9f9;
  } */

  /* Chrome, Edge, and Safari */
#layerwin #selectlayername::-webkit-scrollbar, #attrwin::-webkit-scrollbar, #attrcontent::-webkit-scrollbar, .menu_container::-webkit-scrollbar {
    width: 6px;
  }

#layerwin #selectlayername::-webkit-scrollbar-track, #attrwin::-webkit-scrollbar-track, #attrcontent::-webkit-scrollbar-track, .menu_container::-webkit-scrollbar-track {
    background: #f3f3f3;
	border-bottom-right-radius: 0.3em;
  }

#layerwin #selectlayername::-webkit-scrollbar-thumb, #attrwin::-webkit-scrollbar-thumb, #attrcontent::-webkit-scrollbar-thumb, .menu_container::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 10px;
    border: none;
  }

#attrwin i.fa-question-circle {float:left;margin: 2px 5px 0px 0px;color: blue}
#attrwin {left: 5px; bottom: 55px; width: 430px; font-family: Arial; font-size: 14px;  font-family: "Roboto", Arial, sans-serif; padding: 0;max-height: none;overflow: visible;-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);}
#attrwin b {font-size: 16px; margin-bottom: 0px; display: block;}
#attrtitle {
	background: #6B8E23;
    padding: 10px;
	color: white;
	border-top-left-radius: 0.3em;
	border-top-right-radius: 0.3em;}
#attrcontent {padding: 10px 0;max-height: 70vh;overflow-y: auto; overflow-x: visible;background-color: #FFFFF0;border-bottom-right-radius: 0.3em;
    border-bottom-left-radius: 0.3em;}
.attr_wrap {width: 100%; display: flex; padding: 1px 10px;}
.attr_wrap label:first-child {float: none !important;  flex: 0 0 auto;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.attr_wrap .attrnazev_value {flex: 1 1 auto;display: flex; gap: 4px;} 
.attr_wrap .attrnazev_value input, .attr_wrap .attrnazev_value select, .attr_wrap .attrnazev_value label {float: none !important;} 
.attr_wrap:nth-child(odd) {background-color: #F2F5DD;}
.attr_wrap:nth-child(even) {background-color: #FFFFF0;}
.attr_wrap:nth-child(even):hover {background-color: #E4EACB}
.attr_wrap:nth-child(odd):hover {background-color: #E4EACB;}

.attr_wrap select, .attr_wrap input {float: none !important; width: 100% !important; flex: 1 1 auto;height: 26px; border-radius: 0; border: solid 1px #999; background-color: white; font-family: "Roboto", Arial, sans-serif;}
.attr_wrap select:disabled, .attr_wrap input:disabled {opacity: .5; background-color: #bbb;}

.attr_cykloznacka {width: 50px; text-align: center;}
.attr_cykloznacka img {max-height: 34px; max-width: 50px;}

#attrwin {font-size: 12px;}
#attrwin label {width: 65px; height: 25px;padding-top: 6px; font-size: 12px;}
#attrwin label .fa-info-circle {color: #bbb; cursor: help;}
#attrwin label, #attrwin select, #attrwin input {
    margin: 0 0 0 0;
}
.attr_hr {padding: 1px 0 0 0; margin: 5px 0; background-color: #6B8E23 !important;}
.attr_hr:hover {background-color: #6B8E23 !important;}

/*#attrwin input {width: 342px; height: 26px;}/*318*/
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"] {
    -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
    -moz-appearance: number-input;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*#attrwin select {width: 342px; height: 26px;}*/
.znacka_zeleznice {display: inline-block; width: 16px; height: 16px; border: solid 1px black;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}

.legenda {
    gap: 0px;
}
.znacky_container {padding: 0px 0;}
.znacka_container {display: flex;flex-wrap: nowrap;align-items: center; overflow: visible !important;}
.znacka_container div  {width: 29%; margin: 3% 2%; text-align: center;}
.znacka_container div img {width: 50%;}
.znacka_container div hr {border-top-width: 5px; width: 75%; margin: 10px;}
.znacka_container div span {display: block; width: 24px; height: 24px; margin: 0 auto;}
.znacka_container:hover {background: rgba(0, 132, 255, .1);-webkit-filter: none;  filter: none;}

#selectmessage {display: inline-block; width: 40px; text-align:center;position: relative; top: -15px; margin-bottom: -15px;}
#selectmessage span { width: 30px; height: 30px; position: relative; left: 5px; top: 2px; background: #6B8E23; padding-top: 4px; text-align:center; display: block;-webkit-border-radius: 15px; color: white;
-moz-border-radius: 15px;
border-radius: 15px;}

.panel {
    width: 256px;
	padding: 5px 0;
	margin: 0;
}

.panel.opened {
    right: 0px;
    top: 0px;
    position: absolute;
    display: block;
	height: 100%;
}

.panel_content {
	height: 100%;
}

.panel_content.panel_mini {
	height: auto !important;
}

.panel_content.panel_mini>div>div {
	display: none;
}

#op_list {
	top: 5px;
	left: 105px;
	right: auto;
	border-radius: 0.3em;
	display: flex;
	gap: 5px;
}

#op_list.opened {
	top: 5px;
	left: 105px;
	right: auto;
}

#op_list>span, #op_list>a {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none; 
	margin: 0;
	padding: 10px;
	border-right: 1px solid #e6e6e6;
}

#op_list>span, #op_list>a {
	display: inline-block;
	border-radius: 0.3em;
	color: #6B8E23;
	border: none;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
	height: 45px;
	width: 45px;
	text-align: center;
}

#op_list .fa-align-justify {
	border-right: none;
}

#op_list a:hover {
	text-decoration: none;
}

i.ui_ikony {
		display: inline-block;
		width: 45px;
		height: 45px;
		border-right: 1px solid rgba(107, 142, 35, .25);
		margin-bottom: -6px;
}

.ui_ikony {
	cursor: pointer;
	background-color: #FFFFF0 !important;
	background-repeat: no-repeat !important;
	background-size: 24px 24px !important;
	background-position: center !important;
	 -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ui_ikony.disabled {
	cursor: not-allowed;
	background-color: #C8D5A3 !important;
}

.ui_ikony.interactionicon {
	display: none;
}


.ui_ikony.active {
	background-color: #6B8E23 !important;
}

.ui_ikony:hover {
	background-color: #DAE3BD;
}

#layerwin.editing .ui_ikony:last-child, #layerwin.editing .ui_ikony:hover:last-child {
	border-top-right-radius: 0.3em !important;
	border-bottom-right-radius: 0.3em !important;
}


.actionMenu .ui_ikony {
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: transparent !important;
}

i.ui_sm {
	width: 24px;
	height: 24px;
	background-size: 16px 16px !important;
}

i.ui_transparent {
	background-color: transparent !important;
}

i.ui_noborder {
	border-right: none;
}

#op_list>span.ui_vyber_jazyka_small {
	padding: 0;
}

#op_list>span.ui_vyber_jazyka_small ul {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 0.3em;
	overflow: hidden;
}

#op_list>span.ui_vyber_jazyka_small ul li {
	list-style: none;
	display: flex;
	justify-content: center;
    align-items: center;
	flex: 1;
	overflow: hidden;
	padding: 4px;
}

#op_list>span.ui_vyber_jazyka_small ul li:hover {
	background-color: #DAE3BD;
}

#op_list>span.ui_vyber_jazyka_small ul li.selected {
	background-color: #6B8E23;
}

#op_list>span.ui_vyber_jazyka_small ul li.selected:hover {
	background-color: #6B8E23;
}

#op_list>span.ui_vyber_jazyka_small ul li img {
	height: 100%; 
    width: 100%;
    object-fit: contain;
}

.ui_vyber_mapy, .ui_vyber_jazyka {
	background-size: 35px 35px !important;
}

.ui_vyber_mapy_menu, .ui_vyber_jazyka_menu {
	position :absolute;
	top: 50px;
	background-color: #FFFFF0;
	width: 100%;
	max-width: 250px;
	border-radius: 0.3em;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
}

.ui_vyber_jazyka_menu {
	left: 50px;
}

.ui_vyber_mapy_menu ul, .ui_vyber_jazyka_menu ul {
	margin: 0;
	padding: 5px;
}

.ui_vyber_mapy_menu ul li, .ui_vyber_jazyka_menu ul li {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 5px;
	cursor: pointer;
	border-radius: 0.3em;
}

.ui_vyber_mapy_menu ul li:hover, .ui_vyber_jazyka_menu ul li:hover {
	background-color: #EDF1D6;
}

.ui_vyber_mapy_menu ul li.selected, .ui_vyber_jazyka_menu ul li.selected {
	background-color: #6B8E23;
	color: white;
}

.ui_vyber_mapy_menu ul li img, .ui_vyber_jazyka_menu ul li img {
	width: 40px;
}

.ui_vyber_mapy_menu ul li span, .ui_vyber_jazyka_menu ul li span {
	
}

.ui_search {
	background-image: url('images/ui/ikona_search.svg');
}

.ui_search.active, .ui_search:not(.disabled):hover {
	background-image: url('images/ui/ikona_search_b.svg');
}

.ui_download {
	background-image: url('images/ui/ikona_download.svg');
}

.ui_download.active, .ui_download:not(.disabled):hover {
	background-image: url('images/ui/ikona_download_b.svg');
}

.ui_comment {
	background-image: url('images/ui/ikona_comment.svg');
}

.ui_comment.active, .ui_comment:not(.disabled):hover {
	background-image: url('images/ui/ikona_comment_b.svg');
}

.ui_kn {
	background-image: url('images/ui/ikona_kn.svg');
}

.ui_kn.active, .ui_kn:not(.disabled):hover {
	background-image: url('images/ui/ikona_kn_b.svg');
}

.ui_layers {
	background-image: url('images/ui/ikona_layers.svg');
}

.ui_layers.active, .ui_layers:not(.disabled):hover {
	background-image: url('images/ui/ikona_layers_b.svg');
}

.ui_info {
	background-image: url('images/ui/ikona_info.svg');
}

.ui_info.active, .ui_info:not(.disabled):hover {
	background-image: url('images/ui/ikona_info_b.svg');
}

.ui_edit {
	background-image: url('images/ui/ikona_edit.svg');
}

.ui_edit.active, .ui_edit:not(.disabled):hover {
	background-image: url('images/ui/ikona_edit_b.svg');
}

.ui_refresh {
	background-image: url('images/ui/ikona_refresh.svg');
}

.ui_refresh.active, .ui_refresh:not(.disabled):hover {
	background-image: url('images/ui/ikona_refresh_b.svg');
}

.ui_logout {
	background-image: url('images/ui/ikona_logout.svg');
}

.ui_logout.active, .ui_logout:not(.disabled):hover {
	background-image: url('images/ui/ikona_logout_b.svg');
}

.ui_save {
	background-image: url('images/ui/ikona_save.svg');
}

.ui_save.active, .ui_save:not(.disabled):hover {
	background-image: url('images/ui/ikona_save_b.svg');
}

.ui_cancel {
	background-image: url('images/ui/ikona_cancel.svg');
}

.ui_cancel.active, .ui_cancel:not(.disabled):hover {
	background-image: url('images/ui/ikona_cancel_b.svg');
}

.ui_copy {
	background-image: url('images/ui/ikona_copy.svg');
}

.ui_copy.active, .ui_copy:not(.disabled):hover {
	background-image: url('images/ui/ikona_copy_b.svg');
}

.ui_move_layer {
	background-image: url('images/ui/ikona_move_layer.svg');
}

.ui_move_layer.active, .ui_move_layer:not(.disabled):hover {
	background-image: url('images/ui/ikona_move_layer_b.svg');
}

.ui_scissors {
	background-image: url('images/ui/ikona_scissors.svg') !important;
}

.ui_scissors.active, .ui_scissors:not(.disabled):hover {
	background-image: url('images/ui/ikona_scissors_b.svg') !important;
}

.ui_join {
	background-image: url('images/ui/ikona_join.svg') !important;
}

.ui_join.active, .ui_join:not(.disabled):hover {
	background-image: url('images/ui/ikona_join_b.svg') !important;
}

.ui_move {
	background-image: url('images/ui/ikona_move.svg') !important;
}

.ui_move.active, .ui_move:not(.disabled):hover {
	background-image: url('images/ui/ikona_move_b.svg') !important;
}

.ui_pin {
	background-image: url('images/ui/ikona_pin.svg') !important;
}

.ui_pin.active, .ui_pin:not(.disabled):hover {
	background-image: url('images/ui/ikona_pin_b.svg') !important;
}

.ui_magnet {
	background-image: url('images/ui/ikona_magnet.svg') !important;
}

.ui_magnet.active, .ui_magnet:not(.disabled):hover {
	background-image: url('images/ui/ikona_magnet_b.svg') !important;
}

.ui_upload {
	background-image: url('images/ui/ikona_upload.svg') !important;
}

.ui_upload.active, .ui_upload:not(.disabled):hover {
	background-image: url('images/ui/ikona_upload_b.svg') !important;
}

.ui_key {
	background-image: url('images/ui/ikona_key.svg') !important;
}

.ui_key.active, .ui_key:not(.disabled):hover {
	background-image: url('images/ui/ikona_key_b.svg') !important;
}

.ui_expand {
	background-image: url('images/ui/ikona_expand.svg') !important;
}

.ui_expand.active, .ui_expand:not(.disabled):hover {
	background-image: url('images/ui/ikona_expand_b.svg') !important;
}

.ui_minimalize {
	background-image: url('images/ui/ikona_minimalize.svg') !important;
}

.ui_minimalize.active, .ui_minimalize:not(.disabled):hover {
	background-image: url('images/ui/ikona_minimalize_b.svg') !important;
}

.ui_home {
	background-image: url('images/ui/ikona_home.svg') !important;
}

.ui_home.active, .ui_home:not(.disabled):hover {
	background-image: url('images/ui/ikona_home_b.svg') !important;
}

.ui_target {
	background-image: url('images/ui/ikona_target.svg') !important;
}

.ui_target.active, .ui_target:not(.disabled):hover {
	background-image: url('images/ui/ikona_target_b.svg') !important;
}

.ui_draw {
	background-image: url('images/ui/ikona_draw.svg') !important;
}

.ui_draw.active, .ui_draw:not(.disabled):hover {
	background-image: url('images/ui/ikona_draw_b.svg') !important;
}

.ui_trash {
	background-image: url('images/ui/ikona_trash.svg') !important;
}

.ui_trash.active, .ui_trash:not(.disabled):hover {
	background-image: url('images/ui/ikona_trash_b.svg') !important;
}

.ui_folder_file {
	background-image: url('images/ui/ikona_folder_file.svg') !important;
}

.ui_folder_file.active, .ui_folder_file:not(.disabled):hover {
	background-image: url('images/ui/ikona_folder_file_b.svg') !important;
}

.ui_video_tutorial {
	background-image: url('images/ui/ikona_video_tutorial.svg') !important;
}

.ui_video_tutorial.active, .ui_video_tutorial:not(.disabled):hover {
	background-image: url('images/ui/ikona_video_tutorial_b.svg') !important;
}


#menuBox strong, .zapisnik .z_nadpis {
    background: #6B8E23;
	padding: 10px 10px;
	font-size: 14px;
	position: relative;
}

#menuBox .actionMenu, .panel_box .actionMenu, .zapisnik .actionMenu {
	position: absolute;
	top: 0; right: 0;
}

#menuBox .actionMenu .panel_expand, .panel_box .actionMenu .panel_expand, .zapisnik .actionMenu .panel_expand {
	display: none;
}

#menuBox, #searchBot, .zapisnik, .panel_box {
    background-color: #FFFFF0;
}

#menuBox {
    margin: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

#menuBox .menu_container {
    flex: 1;
	max-height: none;
}

#menuBox .vrstva {
    background: none;
    color: #444;
    border-top: 0;
    border-bottom: 0;
}

#menuBox .vrstva.first-box {
  border-top: solid 1px transparent;
  border-bottom: solid 1px rgba(107, 142, 35,.25);
}

#menuBox .vrstva img {
    /* display: none; */
}

#menuBox .vrstvarow input {
    margin-left: 5px;
}

#menuBox .submenubox {

  padding-left: 16px;
}
#menuBox .submenubox.first-box {
  background: rgba(0,0,0,.03);
}

.panel_content_container {
	padding: 10px 15px;
}


.panel_box {
	height: 100%;
}

.panel_box>strong {
	position :relative;
	display: block;
    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;
	background: #6B8E23;
    padding: 10px 10px;
    font-size: 14px;
}

.panel_box, .vyber_mapy ul li, .zapisnik {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
}

.zapisnik #zapisnik_ulozit {
    color: #6B8E23 !important;
}

.zapisnik, .zapisnik .z_obsah {
    height: 100%;
}

/* upravy openlayers */
#mouse-position {display: none;}
.ol-scale-line {left: auto; right: 50%; transform: translate(50%, 0%); bottom: 30px;}
/*.ol-scale-line-on-edge {right: 5px;}*/
.ol-zoomslider .ol-zoomslider-thumb {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(27,28,56,0.3);
	-moz-box-shadow: 0px 0px 5px 0px rgba(27,28,56,0.3);
	box-shadow: 0px 0px 5px 0px rgba(27,28,56,0.3);
}
.ol-zoomslider {display: none;}
.ol-zoomslider .ol-zoomslider-thumb:hover {
	/* background: #03a9fc; */
}

.ol-control button {
    width: 45px; height: 45px;
	background-color: #FFFFF0;
	color: #6B8E23;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    -moz-box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(27, 28, 56, 0.5);
}

.ol-control button:hover, .ol-control button:focus {
    background: #DAE3BD;
	color: #6B8E23;
}
.ol-control button:focus {
    background: #FFFFF0;
	color: #6B8E23;
}

.ol-zoom {
    left: 30px;
    top: -20px;
    right: auto;
    bottom: auto;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-transform: rotate(-900deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ol-zoom .ol-zoom-in {
	font-size: 30px;
	font-weight: 400;
	color: black;
	padding-bottom: 0;
	border-radius: 0.15em;
}

.ol-zoom .ol-zoom-out {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	font-size: 30px;
	font-weight: 400;
	color: black;
	border-radius: 0.15em;
}

.vyber_mapy {
    bottom: 16px;
    right: 16px;
}

.ol-control button.ol-zoom-out {
    padding-bottom: 0;
	border-radius: 0.15em;
	margin-top: 5px;

}
.vyber_mapy ul li.selected {
    background: #0951ed;
}

.button:hover {
    color: #6B8E23;
}




@media screen and (min-width: 1px) and (max-width: 850px) {
	#attrwin {
		bottom: 136px;
	}
	#layerwin {
		max-width: 50vw;
	}
	#layerwin.editing {
		min-height: 52px; 
		height: auto;
		
	}
	#layerwin .fa, #attrwin button {
		transform: scale(1);
		width: 52px;
		height: 52px;
		padding-top: 10px;
		font-size: 1.8em;
	}
}

@media screen and (min-width: 1px) and (max-width: 726px) {
	#attrwin {
		bottom: 188px;
	}
}