.map{
	background: 0;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	width:100%;
	height:100%;
}

.ol-control button, 
.ol-control button:hover, 
.ol-control button:focus {
	background-color:#FFD700;
	color:#806c00;
}
.ol-popup {
  position: absolute;
  background-color: rgba(255,255,255,0.85);
  -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
  /*padding: .5em 1em;;
  border-radius: .8em;
  border: 1px solid #aaa;*/
  bottom: .7em;
  left: -130px;
  min-width: 280px;
}

.ol-popup:after, .ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.ol-popup:after {
  border-top-color: #fff;
  border-width: 10px;
  left: 138px;
  margin-left: -10px;
}
.ol-popup:before {
  border-top-color: #ccc;
  border-width: 11px;
  left: 138px;
  margin-left: -11px;
}
.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}
.ol-popup-closer:after {
  content: "x";
}
.ol-popup-title{
	text-align: center;
	min-width: 12em;
	max-width:45em;
}
.ol-popup-content{
	text-align: left;
}
.ol-popup-content[target] i{
	font-style: normal;
	text-align: center;
	display: block;
	/*text-decoration:underline;*/
}
.ol-popup-content[target] i:after{
	content:"\e63e";
	font-family: Calcite;
	cursor:pointer;
	color:blue;
	float:right;
}
.ol-popup-content[target=self]{
	font-size: 0.8em;
}
/*
.ol-overlay-link{
	font-style: normal;
	text-align: center;
	display: block;
}
.ol-overlay-link::before{
	content:"\e63e"
	font-family: 'Calcite';
}
*/

.ol-zoom{
	top: 3.5em;
	left: initial;
	right: .5em;
	border-radius: 1em;
}

.ol-zoom .ol-zoom-in,.ol-zoom .ol-zoom-out {
    border-radius: 1em;
}

.ol-zoomslider{
	top: 3.5em;
	left: initial;
	right: .5em;
	background: url("../../../images/circle_gold.png") repeat-y center /2px, 
				url("../../../images/circle_gold.png") no-repeat center 2px /8px,
				url("../../../images/circle_gold.png") no-repeat center bottom /8px;
	padding: 0 .4em;

}
.ol-zoomslider:hover{
	/*background-color: rgba(255,255,255,.2) */
	background: url("../../../images/circle_gold.png") repeat-y center /2px, 
				url("../../../images/circle_gold.png") no-repeat center 2px /8px,
				url("../../../images/circle_gold.png") no-repeat center bottom /8px;
	padding: 0 .4em;

}

.ol-zoomslider button{
	width: 10px;
}


.ol-scale-line{
	background: transparent;
	/*left: .5em;*/
	bottom: 1.1em;
	/*right: initial;*/
}
.ol-scale-line-inner {
	background:transparent;
	border: 1px solid #FFD700;
	border-bottom: 5px solid #FFD700;
	border-top: none;
	color:#806c00;
	text-shadow: 1px 1px 2px #FFD700;
	font-weight: bold;
}

/*
.cust-ol-mouse-position{
	background:0;
	color: #806c00;
	font-size: .7em;
}
.ol-mouse-info{
	position: absolute;
	bottom: 3px;
	right: 3.5em;
	height:auto;
	z-index:1;
}
*/
.ol-mouse-position{
	background:0;
	color: #806c00;
	font-size: .7em;
	bottom: 3px;
	top:initial;
	right: 1.5em;
	font-weight: bold;
}



.ol-feature-info{
	position: absolute;
	bottom: 0;
	left: 50%;
	width:auto;
	height:2em;
	font-size: .7em;
	color:#806c00;
	font-weight: bold;
	z-index:1;
}


.ol-overlay-logo > *{
	position: absolute;
	-webkit-filter: drop-shadow(4px 4px 4px #9e9fba);
	filter: drop-shadow(4px 4px 4px #9e9fba);
	text-shadow: 2px 2px 3px #9e9fba;
	font-weight:bold;
	color: #fff;
	white-space: nowrap;
}
.ol-overlay-logo > img{
	top: 12px;
	left: 12px;
	width: 65px;
}
.ol-overlay-logo > h1{
	top: 20px;
	left: 90px;
	font-size: 1.5em;
	color: #fff;
}
.ol-overlay-logo > h2{
	top: 50px;
	left: 90px;
	font-size: 1em;
	color: #fff;
	font-weight:normal;
}

.ol-progress-bar{	
	display:none;
	position: absolute;
	top: 0;
	margin: 5.5em 0 0 1em;
	width: 314px;
	height: .2em;
	/*border-radius: 1em;*/
	background-color: #FFD700;
	z-index:1;
}

.ol-progress-bar > *{
	text-align: left;
	color: #000;
	padding-left: 4em;
}
/*
.ol-button-xxx{	
	
	position: absolute;
	top: 1em;
	right:.5em;
	width:1.5em;
	height: 1.5em;
	background-color: #678fc3;
	z-index:1;
	
}

.ol-panel-xxx{	
	position: absolute;
	top: 1em;
	right: 2.5em;
	width: 30%;
	min-height: 50%;
	z-index: 1;
}

.ol-touch .rotate-north {
  top: 80px;
}
*/

.ol-layer-switch {
 	top: .5em;
	right: .5em;
	border-radius: 1em 0 0 1em;
}
.ol-layer-switch button{
	border-radius: 1em;
}
.ol-layer-switch button::before {
    content: "\e659";
    font-family: Calcite;
}