@import "ol.css";
@import "ol-popup.css";
  

.layer-switcher .ol-pdci-opacity {
  width: 100%;
  position: relative;
  padding-left: 0px;
  left: 0px;
}

.layer-switcher li label {
    width: 100%;
}


input[type="checkbox"]:not( :checked ) +  label input[type="range"] {
  display: none;
}

#map #ol-tooltip {
	position: absolute;
	display: inline-block;
	height: auto;
	width: auto;
	z-index: 100;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	padding: 5px;
	left: 50%;
	transform: translateX(3%);
	visibility: hidden;
	pointer-events: none;
}

.layer-switcher button {
    float: right;
    z-index: 1;
    width: 38px;
    height: 38px;
    background-image: url("images/layers.png");
    background-repeat: no-repeat;
    background-position: 2px;
    background-color: white;
    color: black;
    border: none;
}

.layer-switcher button {
	box-shadow: none;
}

.ol-popup {
   position: absolute;
   background-color: white;
   box-shadow: 0 1px 4px rgba(0,0,0,0.2);
   padding: 15px;
   border-radius: 10px;
   border: 1px solid #cccccc;
   bottom: 12px;
   left: -50px;
   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: white;
   border-width: 10px;
   left: 48px;
   margin-left: -10px;
 }

 .ol-popup:before {
   border-top-color: #cccccc;
   border-width: 11px;
   left: 48px;
   margin-left: -11px;
 }

 .ol-popup-closer {
   text-decoration: none;
   position: absolute;
   top: 2px;
   right: 8px;
 }

 .ol-popup-closer:after {
   content: "✖";
 }

 .ol-scale-line-top {
	bottom: 40px;
}