.ol-control button {
  background-color: rgba(40, 40, 40, 0.8) !important;
  border-radius: 0px !important!; 
  width:35px;
}
.ol-control button:hover {
  background-color: rgba(40, 40, 40, 1) !important;
}
.ol-popup {
  position: absolute;
  min-width: auto;
  background-color: white;
  -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: 15px;
  border-radius: 10px;
  border: 1px solid #ccc;
  bottom: 12px;
  left: -50px;
}
.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: -3px;
  right: 4px;
}
.ol-popup-closer:after {
  content: "✖";
}
.tm-openlayer-map btn{
	background: $title-bar;
}
.ol-attribution{
	bottom: 25px;
	right: 5px;
	}
.ol-zoom{
	top: 50%;
   max-height: 251px;
  min-height: 45px;
  height: calc(100% - 65px);
 
  transform:translateY(-50%);
	left: 5px;
  width:40px;
  
}
.ol-zoom-out.ol-has-tooltip:hover [role=tooltip]{
	left: -6.2em;
}
.ol-rotate {
	visibility: hidden;
}

.ol-zoom .ol-zoom-out {
  position: absolute;
  bottom: 0px;

      }
 .ol-zoomslider {
        background-color: transparent;
        top: 50%;
        max-height: 206px;
        min-height: 45px;
        height: calc(100% - 55px);
        transform:translateY(-50%);
      }
 .ol-touch .ol-zoom .ol-zoom-out {
        margin-top: 200px;
      }
 .ol-touch .ol-zoomslider {

 		   left:5px !important;
        top: auto;
        bottom: 134px;
        width:30px;
      }
.ol-control{
	display: hidden;
}
.ol-zoomslider-thumb{
	width:30px !important;

}