.ol-control button{
  background-color: rgba(46, 46, 100, 1)
}

.ol-control button:hover{
  background-color: rgba(182, 8, 16, 0.6)
}

.ol-control button:focus{
  background-color: rgba(220, 163, 63, 0.8)
}

.ol-zoom {
     left: unset;
     right: 0.5em;
	 top : 5em;
	  }

.ol-zoomslider {
     left: unset;
     right: 0.5em;
	 top : 11em;
	  }
	  
.custom-zoom-ctl
{
     left: unset;
     right: 0.5em;
	 top : 9em;
	  }

.ol-control.ol-select {
  right: unset;
  left: 0.5em;
  top:.5em;
}

.ol-control.ol-print {
  left: unset;
  right: 0.5em;
  top:0.5em;
}

.ol-search button {
    right: unset;
    top: 0.5em;
    left: 0.5em;
    }

    /* Define the size and position in the css */
    .ol-compassctrl.top {
      top: 5px;
      left: 0px;
      width: 250Px;
      height: 40px;
      -webkit-transform: none;
      transform: noe;
    }
    .ol-compassctrl.bottom {
      top: auto;
      left: auto;
      bottom: 25px;
      right: 5px;
      width: 75px;
      height: 75px;
      -webkit-transform: none;
      transform: none;
    }

    .options canvas {
      background-color: #fff;
      width: 60px;
    }
.ol-mouse-position{
	right: 8px !important;
	bottom: 8px !important;
	top: auto !important;
	margin-right:50;
	font-size:14px;
	color: rgba(255,255,255); /*rgba(88,177,252);*/
    text-shadow: 1px 1px 1px #FFF;
	background-color: rgba(46, 46, 100, 1);
	Font-Weight: Bold;
}

#info {
        position: absolute;
        height: 1px;
        width: 1px;
        z-index: 100;
      }
      .tooltip.in {
        opacity: 1;
      }
      .tooltip.top .tooltip-arrow {
        border-top-color: white;
      }
      .tooltip-inner {
        border: 2px solid white;
      }

.ol-button i
		{	color: white;
		}
		.b_tooltips
		{	left: 0.5em;
	        top : 24em;
		}
		.popup_ctl
		{	left: 50%;
			top: 0.5em;
		}
		.print_ctl
		{	left: 52%;
			top: 0.5em;
		}
		.text
		{	left: 50%;
			top: 2.5em;
		}

.ol-control.ol-legend button {
    position:fixed;
    left:9px;
    bottom: 75px
  }
  
.ol-zoom {
      left: auto;
      right: .5em;
    }

    #story {
      /*
      height: 400px;
      */
    }
    #story img {
      display: block;
      margin: auto;
      max-width: 100%;
    }
    #story .chapter.ol-select {
      background-color: rgba(255,255,255,.8);
    }
    .options a {
      cursor: pointer;
    }

.ol-legend > canvas {
    float: left;
  }
  .ol-legend > div.ol-legend {
    position: relative;
   }

.ol-control.ol-legend {
    bottom: 8em;
    left: 0.5em;
    z-index: 1;
    max-height: 90%;
    max-width: 90%;
    overflow-x: hidden;
    overflow-y: auto;
}


 /* popup style */
    .ol-popup {
      max-width:300px;
      min-width:100px;
      min-height:1em;
    }
    /* Image on popup */
    .ol-popup img {
      float: left;
      margin: 0 0.5em 0 0;
      max-width: 100px;
      max-height: 100px;
    }
    /* no image content tooltips */
    .ol-popup.tooltips img {
      display:none;
    }
    /* Custom red style (tips) */
    .ol-popup.red > div {
      background-color: red;
    }
    .ol-popup.red .anchor {
      color: red;
    }

    /* Custom orange style (tips) */
    .ol-popup.tips.orange > div {
      border-color:#da7;
      background-color:#eca;
    }
    .ol-popup.tips.orange .anchor {
      color: #da7;
    }

    /* orange style (default) */
    .ol-popup.default.orange > div {
      border:4px solid #f96;
    }
    .ol-popup.default.orange .anchor {
      margin: -10px 22px;
    }
    .ol-popup.default.orange .anchor::after {
      margin: 5px -11px; 
    }
    .ol-popup-middle.default.orange .anchor::after {
      margin: -10.5px -27px /*border:4 +2 px */; 
    }
    .ol-popup.default.orange .anchor {
      color: #f96;
    }
    .ol-popup.default.orange .closeBox {
      background-color: rgba(255, 153, 102, 0.7);
    }
    .ol-popup.default.orange .closeBox:hover {
      background-color: rgba(255, 153, 102, 1);
    }
    .ol-popup i {
      color: #666;
    }
  
  #combo{
    position:absolute; 
    left:50px; 
    top:20px; 
    z-index:10000; 
    width:100px; 
    height:20px; 
    background-color:#FFFFFF;
}