#map-select-point { height: 100%; }
#map-input-point  { height: 100%; }

.overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index:999;
	background-color: rgba(144,144,144,0.5);
    display: none;
    color: white;
}

.overlay p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 24pt;
}

.map-panel {
	padding:       10px;
	width:         150px;
	background:    #fff;
	border-top:    0;
	border-left:   0;
	border-right:  1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.map-panel-title {
	position: relative;
	background-color:  rgba(144,144,144,0.8);
	height:      10%;
	min-width:   250px;
	width:       100%;
	font-size:   14px;
	text-align: center;
	color:       white;
}
.map-panel-title:hover {
    cursor: pointer;
    background-color: #f0821a;
}
.map-panel-title-r {
	position: relative;
	background-color:  rgba(144,144,144,0.8);
	height:      10%;
	min-width:   14px;
	width:       14px;
	font-size:   14px;
	text-align: center;
	color:       white;
}
.map-panel-title-r:hover {
    cursor: pointer;
    background-color: #f0821a;
}
.map-panel-title-v {
	position:          absolute;
	background-color:  rgba(144,144,144,0.8);
	min-height:        270px;
	height:            100%;
	font-size:         14px;
	width:             14px;
	color:             white;
}

#sel-map-panel {
	position:    absolute;
	height:      270px;
	/*background-color:  rgba(144,144,144,0.8);*/
	writing-mode: vertical-lr;
	text-align: center;
}

#lyr-map-panel {
	position:    absolute;
	height:      270px;
	/*background-color:  rgba(144,144,144,0.8);*/
	writing-mode: tb-rl;
	text-align: center;
}

.map-panel-title-v:hover {
    cursor: pointer;
    background-color: #f0821a;
}

.map-selection-button {
	width: 15px;
}
.map-navigate-button:hover {
	box-shadow: 2px 2px;
}

.map-controls-navigation {
	/*
	position: absolute;
	top:      0px;
	left:     0px;
	border-bottom-right-radius: 10px;
	*/
    position: absolute;
	top:      0px;
	left:     50%;
	background-color: rgba(144,144,144,0.5);
}

.map-controls-navigation-buttons {
	padding: 10px;
}



.map-controls-selection {
	position:          absolute;
	top:               15%;
	left:              0px;
	height:            270px;
	background-color:  rgba(144,144,144,0.5);
}

.map-controls-selection table {
	display: table-fixed;
    vertical-align: middle;
    padding: 0px;
    width:   100%;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}
/*
.map-controls-selection tr {
	display: table-row;
}

.map-controls-selection td {
	display: table-cell;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
}
*/
.map-controls-selection-buttons {
	/*position:          absolute;
	display: table-column;*/
	padding: 5px;
}

.map-controls-selection-buttons button {
	display: inline-block;
}

/*
.map-controls-selection-button {
	position: relative;
}
*/
.map-controls-basemap {
	/*
	position:                  absolute;
	top:                       0px;
	right:                     0px;
	text-align:                right;
	border-right:              0;
	border-bottom-left-radius: 10px;
	background-color: rgba(144,144,144,0.5);
	*/
	position:          absolute;
	top:               15%;
	right:             0px;
	height:            270px;
	background-color:  rgba(144,144,144,0.5);
	text-align:        center;
}

.map-controls-basemap table {
	display: table;
    vertical-align: middle;
    padding: 0px;
    border-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
}

.map-controls-basemap button {
	text-align: right;
	display: block;
	width: 100%;
}
.map-lyr-container {
	float:right;
}

/*
.map-controls-layers {
	position:               absolute;
	bottom:                 0px;
	right:                  0px;
	text-align:             right;
	border-top-left-radius: 10px;
	border-bottom:          0;
	border-right:           0;
	background-color: rgba(144,144,144,0.5);
}
*/

.map-basemap {
	display: block;
	width:   160px;
}

.basemap-active {
	border-style:     inset;
	background-color: #eee;
}

.layer-active {
	border-style:     inset;
	background-color: #eee;
}

/*
.map-controls-selection button.map-select-active {
	display:          block;
	border-style:     inset;
	background-color: #eee;
}
*/
.ol-dragbox {
	border: 2px solid #f60;
}

.map-header-x     { width:  100px; text-align: right;}
.map-header-y     { width:  100px; text-align: right;}
.map-header-scale { width:  80px; }

.map-coords-container {
	height: 18px;
}

.map-coords {
	font-size: 14px;
	width:     200px;
	padding:   3px;
	background: #eee;
}

.map-coords-type  {
	width: 115px;
}

.map-popup {
	background: #fff;
	color:      #555;
	width:      500px;
	border:     4px solid #d8cac9;
	font-size:  14px;
}

.map-popup button {
	border:           none;
	background-color: transparent;
	cursor:           pointer;
	color:            #555;
}

.map-popup-title {
	text-align: center;
}

.map-popup-header { font-weight: 900; }
.map-popup-row:nth-child(2n+1)  { background: #fff;}
.map-popup-row:nth-child(2n){ background: #fff5f0; }
.map-popup-field {}
.map-popup-col-ime   { width: 23%; }
.map-popup-col-grupa { width: 23%; }
.map-popup-col-red   { width: 23%; }
.map-popup-col-vrsta { width: 23%; }
.map-popup-col-add { width: 8%; }