#map{
  width: 100%;
  height: 600px;
}

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

 .tooltip-inner>table {
     font-size: 80%;
 }

 .tooltip-inner td {
     text-align: left;
     line-height: 90%;
 }

 .tooltip-inner>div:first-child {
     font-weight: bold;
 }



 #data-preview .ol-viewport .layer-switcher {
     position: absolute;
     top: 40px;
     right: 10px;
 }

 #data-preview .ol-viewport .layer-switcher .stacked-layers {
     right: 3px;
     top: 0px;
 }


 #data-preview .ol-viewport .layer-switcher .header {
     padding-right: 43px;
     position: initial;
     top: 0px;
     right: 0px;
 }

 #data-preview .ol-viewport .layer-switcher label {
     display: inline;
     margin-bottom: 5px;
     color: white;
 }

 #data-preview .ol-viewport .layer-switcher label:before {
     content:" ";
 }

 #data-preview .ol-viewport .layer-switcher .layer-list ul {
     list-style: none;
     margin: 0;
 }

 #data-preview .ol-viewport .popupContainer {
     background-color: rgba(0,0,0,0.7);
     color: white;
     margin-top: 5px;
     margin-left: 5px;
     font-size: 80%;
     border-radius: 4px;
     padding: 2px;
     line-height: 100%;
     box-shadow: 0px 0px 5px 1px white;
 }
 #data-preview .ol-viewport .popupContainer .popupContent > div {
     padding: 3px;
 }

 #data-preview .ol-viewport .popupContainer .name {
     font-weight: bold;
     border-bottom: 1px solid #e5e4e7;
 }

 #data-preview .ol-viewport .layer-switcher .layer-list {
     top: 0px;
     right: 0px;
     position: initial;
     border-radius: 0;
     padding: 0;
 }

 #data-preview .ol-viewport .ol-mouse-position {
     background-color: rgba(255,255,255,0.75);
     border-radius: 2px;
     padding: 1px;
 }