div.olMap {
  z-index: 0;
  padding: 0 !important;
  margin: 0 !important;
  cursor: default; }

div.olMapViewport {
  text-align: left;
  -ms-touch-action: none; }

div.olLayerDiv {
  -moz-user-select: none;
  -khtml-user-select: none; }

.olLayerGoogleCopyright {
  left: 2px;
  bottom: 2px; }

.olLayerGoogleV3.olLayerGoogleCopyright {
  right: auto !important; }

.olLayerGooglePoweredBy {
  left: 2px;
  bottom: 15px; }

.olLayerGoogleV3.olLayerGooglePoweredBy {
  bottom: 15px !important;
  /* GMaps should not set styles on its container */ }

.olForeignContainer {
  opacity: 1 !important; }

.olControlAttribution {
  font-size: smaller;
  right: 3px;
  bottom: 4.5em;
  position: absolute;
  display: block; }

.olControlScale {
  right: 3px;
  bottom: 3em;
  display: block;
  position: absolute;
  font-size: smaller; }

.olControlScaleLine {
  display: block;
  position: absolute;
  left: 10px;
  bottom: 15px;
  font-size: xx-small; }

.olControlScaleLineBottom {
  border: solid 2px black;
  border-bottom: none;
  margin-top: -2px;
  text-align: center; }

.olControlScaleLineTop {
  border: solid 2px black;
  border-top: none;
  text-align: center; }

.olControlPermalink {
  right: 3px;
  bottom: 1.5em;
  display: block;
  position: absolute;
  font-size: smaller; }

div.olControlMousePosition {
  bottom: 0;
  right: 3px;
  display: block;
  position: absolute;
  font-family: Arial;
  font-size: smaller; }

.olControlOverviewMapContainer {
  position: absolute;
  bottom: 0;
  right: 0; }

.olControlOverviewMapElement {
  padding: 10px 18px 10px 10px;
  background-color: #00008b;
  -moz-border-radius: 1em 0 0 0; }

.olControlOverviewMapMinimizeButton, .olControlOverviewMapMaximizeButton {
  height: 18px;
  width: 18px;
  right: 0;
  bottom: 80px;
  cursor: pointer; }

.olControlOverviewMapExtentRectangle {
  overflow: hidden;
  background-image: url("img/blank.gif");
  cursor: move;
  border: 2px dotted red; }

.olControlOverviewMapRectReplacement {
  overflow: hidden;
  cursor: move;
  background-image: url("img/overview_replacement.gif");
  background-repeat: no-repeat;
  background-position: center; }

.olLayerGeoRSSDescription {
  float: left;
  width: 100%;
  overflow: auto;
  font-size: 1em; }

.olLayerGeoRSSClose {
  float: right;
  color: gray;
  font-size: 1.2em;
  margin-right: 6px;
  font-family: sans-serif; }

.olLayerGeoRSSTitle {
  float: left;
  font-size: 1.2em; }

.olPopupContent {
  padding: 5px;
  overflow: auto; }

.olControlNavigationHistory {
  background-image: url("img/navigation_history.png");
  background-repeat: no-repeat;
  width: 24px;
  height: 24px; }

.olControlNavigationHistoryPreviousItemActive {
  background-position: 0 0; }

.olControlNavigationHistoryPreviousItemInactive {
  background-position: 0 -24px; }

.olControlNavigationHistoryNextItemActive {
  background-position: -24px 0; }

.olControlNavigationHistoryNextItemInactive {
  background-position: -24px -24px; }

div.olControlSaveFeaturesItemActive {
  background-image: url(img/save_features_on.png);
  background-repeat: no-repeat;
  background-position: 0 1px; }

div.olControlSaveFeaturesItemInactive {
  background-image: url(img/save_features_off.png);
  background-repeat: no-repeat;
  background-position: 0 1px; }

.olHandlerBoxZoomBox {
  border: 2px solid red;
  position: absolute;
  background-color: white;
  opacity: 0.5;
  font-size: 1px;
  filter: alpha(opacity=50); }

.olHandlerBoxSelectFeature {
  border: 2px solid blue;
  position: absolute;
  background-color: white;
  opacity: 0.5;
  font-size: 1px;
  filter: alpha(opacity=50); }

.olControlPanPanel {
  top: 10px;
  left: 5px; }

.olControlPanPanel div {
  background-image: url(img/pan-panel.png);
  height: 18px;
  width: 18px;
  cursor: pointer;
  position: absolute; }

.olControlPanPanel .olControlPanNorthItemInactive {
  top: 0;
  left: 9px;
  background-position: 0 0; }

.olControlPanPanel .olControlPanSouthItemInactive {
  top: 36px;
  left: 9px;
  background-position: 18px 0; }

.olControlPanPanel .olControlPanWestItemInactive {
  position: absolute;
  top: 18px;
  left: 0;
  background-position: 0 18px; }

.olControlPanPanel .olControlPanEastItemInactive {
  top: 18px;
  left: 18px;
  background-position: 18px 18px; }

.olControlZoomPanel {
  top: 71px;
  left: 14px; }

.olControlZoomPanel div {
  background-image: url(img/zoom-panel.png);
  position: absolute;
  height: 18px;
  width: 18px;
  cursor: pointer; }

.olControlZoomPanel .olControlZoomInItemInactive {
  top: 0;
  left: 0;
  background-position: 0 0; }

.olControlZoomPanel .olControlZoomToMaxExtentItemInactive {
  top: 18px;
  left: 0;
  background-position: 0 -18px; }

.olControlZoomPanel .olControlZoomOutItemInactive {
  top: 36px;
  left: 0;
  background-position: 0 18px;
  /*
 * When a potential text is bigger than the image it move the image
 * with some headers (closes #3154)
 */ }

.olControlPanZoomBar div {
  font-size: 1px; }

.olPopupCloseBox {
  background: url("img/close.gif") no-repeat;
  cursor: pointer; }

.olFramedCloudPopupContent {
  padding: 5px;
  overflow: auto; }

.olControlNoSelect {
  -moz-user-select: none;
  -khtml-user-select: none; }

.olImageLoadError {
  background-color: pink;
  opacity: 0.5;
  /* IE */
  filter: alpha(opacity=50);
  /**
 * Cursor styles
 */ }

.olCursorWait {
  cursor: wait; }

.olDragDown {
  cursor: move; }

.olDrawBox {
  cursor: crosshair; }

.olControlDragFeatureOver {
  cursor: move; }

.olControlDragFeatureActive.olControlDragFeatureOver.olDragDown {
  cursor: -moz-grabbing;
  /**
 * Layer switcher
 */ }

.olControlLayerSwitcher {
  position: absolute;
  top: 25px;
  right: 0;
  width: 20em;
  font-family: sans-serif;
  font-weight: bold;
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px;
  font-size: smaller;
  color: white;
  background-color: transparent; }

.olControlLayerSwitcher .layersDiv {
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
  background-color: darkblue; }

.olControlLayerSwitcher .layersDiv .baseLbl, .olControlLayerSwitcher .layersDiv .dataLbl {
  margin-top: 3px;
  margin-left: 3px;
  margin-bottom: 3px; }

.olControlLayerSwitcher .layersDiv .baseLayersDiv, .olControlLayerSwitcher .layersDiv .dataLayersDiv {
  padding-left: 10px; }

.olControlLayerSwitcher .maximizeDiv, .olControlLayerSwitcher .minimizeDiv {
  width: 18px;
  height: 18px;
  top: 5px;
  right: 0;
  cursor: pointer; }

.olBingAttribution {
  color: #ddd; }

.olBingAttribution.road {
  color: #333; }

.olGoogleAttribution.hybrid, .olGoogleAttribution.satellite {
  color: #eee; }

.olGoogleAttribution {
  color: #333; }

span.olGoogleAttribution a {
  color: #77c; }

span.olGoogleAttribution.hybrid a, span.olGoogleAttribution.satellite a {
  color: #eee;
  /**
 * Editing and navigation icons.
 * (using the editing_tool_bar.png sprint image)
 */ }

.olControlNavToolbar, .olControlEditingToolbar {
  margin: 5px 5px 0 0; }

.olControlNavToolbar div, .olControlEditingToolbar div {
  background-image: url("img/editing_tool_bar.png");
  background-repeat: no-repeat;
  margin: 0 0 5px 5px;
  width: 24px;
  height: 22px;
  cursor: pointer;
  /* positions */ }

.olControlEditingToolbar {
  right: 0;
  top: 0; }

.olControlNavToolbar {
  top: 295px;
  left: 9px;
  /* layouts */ }

.olControlEditingToolbar div {
  float: right;
  /* individual controls */ }

.olControlNavToolbar .olControlNavigationItemInactive, .olControlEditingToolbar .olControlNavigationItemInactive {
  background-position: -103px -1px; }

.olControlNavToolbar .olControlNavigationItemActive, .olControlEditingToolbar .olControlNavigationItemActive {
  background-position: -103px -24px; }

.olControlNavToolbar .olControlZoomBoxItemInactive {
  background-position: -128px -1px; }

.olControlNavToolbar .olControlZoomBoxItemActive {
  background-position: -128px -24px; }

.olControlEditingToolbar .olControlDrawFeaturePointItemInactive {
  background-position: -77px -1px; }

.olControlEditingToolbar .olControlDrawFeaturePointItemActive {
  background-position: -77px -24px; }

.olControlEditingToolbar .olControlDrawFeaturePathItemInactive {
  background-position: -51px -1px; }

.olControlEditingToolbar .olControlDrawFeaturePathItemActive {
  background-position: -51px -24px; }

.olControlEditingToolbar .olControlDrawFeaturePolygonItemInactive {
  background-position: -26px -1px; }

.olControlEditingToolbar .olControlDrawFeaturePolygonItemActive {
  background-position: -26px -24px; }

div.olControlZoom {
  position: absolute;
  top: 8px;
  left: 8px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
  padding: 2px; }

div.olControlZoom a {
  display: block;
  margin: 1px;
  padding: 0;
  color: white;
  font-size: 18px;
  font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  height: 22px;
  width: 22px;
  line-height: 19px;
  /* fallback for IE - IE6 requires background shorthand*/
  background: #130085;
  background: rgba(0, 60, 136, 0.5);
  filter: alpha(opacity=80); }

div.olControlZoom a:hover {
  /* fallback for IE */
  background: #130085;
  background: rgba(0, 60, 136, 0.7);
  filter: alpha(opacity=100); }

@media only screen and (max-width: 600px) {
  div.olControlZoom a:hover {
    background: rgba(0, 60, 136, 0.5); } }

a.olControlZoomIn {
  border-radius: 4px 4px 0 0; }

a.olControlZoomOut {
  border-radius: 0 0 4px 4px;
  /**
 * Animations
 */ }

.olLayerGrid .olTileImage {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  /* Turn on GPU support where available */ }

.olTileImage {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  /* when replacing tiles, do not show tile and backbuffer at the same time */ }

.olTileReplacing {
  display: none;
  /* override any max-width image settings (e.g. bootstrap.css) */ }

img.olTileImage {
  max-width: none; }

.mouse-drag {
  /* fallback: no `url()` support or images disabled */
  cursor: move;
  /* Chrome 1-21, Safari 4+ */
  cursor: -webkit-grab;
  /* Firefox 1.5-26 */
  cursor: -moz-grab;
  /* W3C standards syntax, should come least */
  cursor: grab; }

.mouse-dragging {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }