@charset "iso-8859-1";

#page {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
  font-size: 14px;
  color: black;
  background-color: #F3F3F3;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-bottom: 3px solid #777;
  padding: 10px 0 0 1em;
  width: 100%;
}

.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane>svg, .leaflet-pane>canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {
   position: absolute;
   left: 0;
   top: 0;
}

.leaflet-container {
   overflow: hidden;
}

.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   -webkit-user-drag: none;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
   image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
   width: 1600px;
   height: 1600px;
   -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon, .leaflet-marker-shadow {
   display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer {
   max-width: none !important;
}

.leaflet-container.leaflet-touch-zoom {
   -ms-touch-action: pan-x pan-y;
   touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
   -ms-touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
   -ms-touch-action: none;
   touch-action: none;
}

.leaflet-tile {
   filter: inherit;
   visibility: hidden;
}

.leaflet-tile-loaded {
   visibility: inherit;
}

.leaflet-zoom-box {
   width: 0;
   height: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 80;
   /* adjusted from 800 for Saratoga Template */
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
   -moz-user-select: none;
}

.leaflet-pane {
   z-index: 40;
   /* adjusted from 400 for Saratoga Template */
}

.leaflet-tile-pane {
   z-index: 20;
   /* adjusted from 200 for Saratoga Template */
}

.leaflet-overlay-pane {
   z-index: 40;
   /* adjusted from 400 for Saratoga Template */
}

.leaflet-shadow-pane {
   z-index: 50;
   /* adjusted from 500 for Saratoga Template */
}

.leaflet-marker-pane {
   z-index: 60;
   /* adjusted from 600 for Saratoga Template */
}

.leaflet-tooltip-pane {
   z-index: 65;
   /* adjusted from 650 for Saratoga Template */
}

.leaflet-popup-pane {
   z-index: 70;
   /* adjusted from 700 for Saratoga Template */
}

.leaflet-map-pane canvas {
   z-index: 10;
   /* adjusted from 100 for Saratoga Template */
}

.leaflet-map-pane svg {
   z-index: 20;
   /* adjusted from 200 for Saratoga Template */
}

.leaflet-vml-shape {
   width: 1px;
   height: 1px;
}

.lvml {
   behavior: url(#default#VML);
   display: inline-block;
   position: absolute;
}

/* control positioning */

.leaflet-control {
   position: relative;
   z-index: 80;
   /* adjusted from 800 for Saratoga Template */
   pointer-events: visiblePainted;
   /* IE 9-10 doesn't have auto */
   pointer-events: auto;
}

.leaflet-top, .leaflet-bottom {
   position: absolute;
   z-index: 100;
   /* adjusted from 1000 for Saratoga Template */
   pointer-events: none;
}

.leaflet-top {
   top: 0;
}

.leaflet-right {
   right: 0;
}

.leaflet-bottom {
   bottom: 0;
}

.leaflet-left {
   left: 0;
}

.leaflet-control {
   float: left;
   clear: both;
}

.leaflet-right .leaflet-control {
   float: right;
}

.leaflet-top .leaflet-control {
   margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
   margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
   margin-left: 10px;
}

.leaflet-right .leaflet-control {
   margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
   will-change: opacity;
}

.leaflet-fade-anim .leaflet-popup {
   opacity: 0;
   -webkit-transition: opacity 0.2s linear;
   -moz-transition: opacity 0.2s linear;
   -o-transition: opacity 0.2s linear;
   transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
   opacity: 1;
}

.leaflet-zoom-animated {
   -webkit-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
   will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
   -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
   -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
   -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
   transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile {
   -webkit-transition: none;
   -moz-transition: none;
   -o-transition: none;
   transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
   visibility: hidden;
}

/* cursors */

.leaflet-interactive {
   cursor: pointer;
}

.leaflet-grab {
   cursor: -webkit-grab;
   cursor: -moz-grab;
}

.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive {
   cursor: crosshair;
}

.leaflet-popup-pane, .leaflet-control {
   cursor: auto;
}

.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
}

/* marker & overlays interactivity */

.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane>svg path, .leaflet-tile-container {
   pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane>svg path.leaflet-interactive {
   pointer-events: visiblePainted;
   /* IE 9-10 doesn't have auto */
   pointer-events: auto;
}

/* visual tweaks */

.leaflet-container {
   background: #ddd;
   outline: 0;
}

.leaflet-container a {
   color: #0078A8;
}

.leaflet-container a.leaflet-active {
   outline: 2px solid orange;
}

.leaflet-zoom-box {
   border: 2px dotted #38f;
   background: rgba(255, 255, 255, 0.5);
}

/* general typography */

.leaflet-container {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
  font-size: 12px;
}

/* general toolbar styles */

.leaflet-bar {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
   border-radius: 4px;
}

.leaflet-bar a, .leaflet-bar a:hover {
   background-color: #fff;
   border-bottom: 1px solid #ccc;
   width: 26px;
   height: 26px;
   line-height: 26px;
   display: block;
   text-align: center;
   text-decoration: none;
   color: black;
}

.leaflet-bar a, .leaflet-control-layers-toggle {
   background-position: 50% 50%;
   background-repeat: no-repeat;
   display: block;
}

.leaflet-bar a:hover {
   background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
   border-bottom-left-radius: 4px;
   border-bottom-right-radius: 4px;
   border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
   cursor: default;
   background-color: #f4f4f4;
   color: #bbb;
}

.leaflet-touch .leaflet-bar a {
   width: 30px;
   height: 30px;
   line-height: 30px;
}

/* zoom control */

.leaflet-control-zoom-in, .leaflet-control-zoom-out {
   font: bold 18px 'Lucida Console', Monaco, monospace;
   text-indent: 1px;
}

.leaflet-control-zoom-out {
   font-size: 20px;
}

.leaflet-touch .leaflet-control-zoom-in {
   font-size: 22px;
}

.leaflet-touch .leaflet-control-zoom-out {
   font-size: 24px;
}

/* layers control */

.leaflet-control-layers {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
   background: #fff;
   border-radius: 5px;
}

.leaflet-control-layers-toggle {
   background-image: url(MESO-images/layers.png);
   width: 36px;
   height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
   background-image: url(MESO-images/layers-2x.png);
   background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
   width: 44px;
   height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
   display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
   display: block;
   position: relative;
}

.leaflet-control-layers-expanded {
   padding: 6px 10px 6px 6px;
   color: #333;
   background: #fff;
}

.leaflet-control-layers-scrollbar {
   overflow-y: scroll;
   padding-right: 5px;
}

.leaflet-control-layers-selector {
   margin-top: 2px;
   position: relative;
   top: 1px;
}

.leaflet-control-layers label {
   display: block;
}

.leaflet-control-layers-separator {
   height: 0;
   border-top: 1px solid #ddd;
   margin: 5px -10px 5px -6px;
}

/* Default icon URLs */

.leaflet-default-icon-path {
   background-image: url(mesonet-map/MESO-images/mma_20_blue.png);
}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
   background: #fff;
   background: rgba(255, 255, 255, 0.7);
   margin: 0;
}

.leaflet-control-attribution, .leaflet-control-scale-line {
   padding: 0 5px;
   color: #333;
}

.leaflet-control-attribution a {
   text-decoration: none;
}

.leaflet-control-attribution a:hover {
   text-decoration: underline;
}

.leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale {
   font-size: 11px;
}

.leaflet-left .leaflet-control-scale {
   margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
   margin-bottom: 5px;
}

.leaflet-control-scale-line {
   border: 2px solid #777;
   border-top: none;
   line-height: 1.1;
   padding: 2px 5px 1px;
   font-size: 11px;
   white-space: nowrap;
   overflow: hidden;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   background: #fff;
   background: rgba(255, 255, 255, 0.5);
}

.leaflet-control-scale-line:not(:first-child) {
   border-top: 2px solid #777;
   border-bottom: none;
   margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
   border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
   box-shadow: none;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
   border: 2px solid rgba(0, 0, 0, 0.2);
   background-clip: padding-box;
}

/* popup */

.leaflet-popup {
   position: absolute;
   text-align: center;
   margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
   padding: 1px;
   text-align: left;
   border-radius: 12px;
}

.leaflet-popup-content {
   margin: 13px 19px;
   line-height: 1.4;
}

.leaflet-popup-content p {
   margin: 18px 0;
}

.leaflet-popup-tip-container {
   width: 40px;
   height: 20px;
   position: absolute;
   left: 50%;
   margin-left: -20px;
   overflow: hidden;
   pointer-events: none;
}

.leaflet-popup-tip {
   width: 17px;
   height: 17px;
   padding: 1px;
   margin: -10px auto 0;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
   background: white;
   color: #333;
   box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
   position: absolute;
   top: 0;
   right: 0;
   padding: 4px 4px 0 0;
   border: none;
   text-align: center;
   width: 18px;
   height: 14px;
   font: 18px/14px NTR, sans-serif;
   color: #c3c3c3;
   text-decoration: none;
   font-weight: bold;
   background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover {
   color: #999;
}

.leaflet-popup-scrolled {
   overflow: auto;
   border-bottom: 1px solid #ddd;
   border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
   zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
   width: 24px;
   margin: 0 auto;
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-popup-tip-container {
   margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip {
   border: 1px solid #999;
}

/* div icon */

.leaflet-div-icon {
   background: #fff;
   border: 1px solid #666;
}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
   position: absolute;
   padding: 1px;
   /* kt mod */
   background-color: #f3f3f3;
   border: 1px solid #fff;
   border-radius: 3px;
   color: #222;
   white-space: nowrap;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   pointer-events: none;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
   font-size: xx-small;
   /* kt mod */

   /* kt mod */
}

.leaflet-tooltip.leaflet-clickable {
   cursor: pointer;
   pointer-events: auto;
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
   position: absolute;
   pointer-events: none;
   border: 6px solid transparent;
   background: transparent;
   content: "";
}

/* Directions */

.leaflet-tooltip-bottom {
   margin-top: 6px;
}

.leaflet-tooltip-top {
   margin-top: -6px;
}

.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before {
   left: 50%;
   margin-left: -6px;
}

.leaflet-tooltip-top:before {
   bottom: 0;
   margin-bottom: -12px;
   border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
   top: 0;
   margin-top: -12px;
   margin-left: -6px;
   border-bottom-color: #fff;
}

.leaflet-tooltip-left {
   margin-left: -6px;
}

.leaflet-tooltip-right {
   margin-left: 6px;
}

.leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
   top: 50%;
   margin-top: -6px;
}

.leaflet-tooltip-left:before {
   right: 0;
   margin-right: -12px;
   border-left-color: #fff;
}

.leaflet-tooltip-right:before {
   left: 0;
   margin-left: -12px;
   border-right-color: #fff;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
   -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
   -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
   -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
   transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
   /* stroke-dashoffset (duration and function) should match with leaflet-marker-icon transform in order to track it exactly */
   -webkit-transition: -webkit-stroke-dashoffset 0.3s ease-out, -webkit-stroke-opacity 0.3s ease-in;
   -moz-transition: -moz-stroke-dashoffset 0.3s ease-out, -moz-stroke-opacity 0.3s ease-in;
   -o-transition: -o-stroke-dashoffset 0.3s ease-out, -o-stroke-opacity 0.3s ease-in;
   transition: stroke-dashoffset 0.3s ease-out, stroke-opacity 0.3s ease-in;
}

.marker-cluster-small {
   background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
   background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-medium {
   background-color: rgba(241, 211, 87, 0.6);
}

.marker-cluster-medium div {
   background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
   background-color: rgba(253, 156, 115, 0.6);
}

.marker-cluster-large div {
   background-color: rgba(241, 128, 23, 0.6);
}

/* IE 6-8 fallback colors */

.leaflet-oldie .marker-cluster-small {
   background-color: rgb(181, 226, 140);
}

.leaflet-oldie .marker-cluster-small div {
   background-color: rgb(110, 204, 57);
}

.leaflet-oldie .marker-cluster-medium {
   background-color: rgb(241, 211, 87);
}

.leaflet-oldie .marker-cluster-medium div {
   background-color: rgb(240, 194, 12);
}

.leaflet-oldie .marker-cluster-large {
   background-color: rgb(253, 156, 115);
}

.leaflet-oldie .marker-cluster-large div {
   background-color: rgb(241, 128, 23);
}

.marker-cluster {
   background-clip: padding-box;
   border-radius: 20px;
}

.marker-cluster div {
   width: 30px;
   height: 30px;
   margin-left: 5px;
   margin-top: 5px;
   text-align: center;
   border-radius: 15px;
   font: 12px NTR, sans-serif;
}

.marker-cluster span {
   line-height: 30px;
}

.leaflet-control-zoom {
   background-color: white !important;
   color: black !important;
}

.leaflet-control-zoom a:hover, a:visited, a:link {
   text-decoration: none !important;
}

.leaflet-control-layers-list {
   text-align: left !important;
}

/* -- zoom slider --- */

/** Slider **/

.leaflet-control-zoomslider-wrap {
   padding-top: 5px;
   padding-bottom: 5px;
   background-color: #fff;
   border-bottom: 1px solid #ccc;
}

.leaflet-control-zoomslider-body {
   width: 2px;
   border: solid #fff;
   border-width: 0px 9px 0px 9px;
   background-color: black;
   margin: 0 auto;
}

.leaflet-control-zoomslider-knob {
   position: relative;
   width: 12px;
   height: 4px;
   background-color: #efefef;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   border: 1px solid #000;
   margin-left: -6px;
}

.leaflet-control-zoomslider-body:hover {
   cursor: pointer;
}

.leaflet-control-zoomslider-knob:hover {
   cursor: default;
   cursor: -webkit-grab;
   cursor: -moz-grab;
}

.leaflet-dragging .leaflet-control-zoomslider, .leaflet-dragging .leaflet-control-zoomslider-wrap, .leaflet-dragging .leaflet-control-zoomslider-body, .leaflet-dragging .leaflet-control-zoomslider a, .leaflet-dragging .leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled, .leaflet-dragging .leaflet-control-zoomslider-knob:hover {
   cursor: move;
   cursor: -webkit-grabbing;
   cursor: -moz-grabbing;
}

/** Leaflet Zoom Styles **/

.leaflet-container .leaflet-control-zoomslider {
   margin-left: 10px;
   margin-top: 10px;
}

.leaflet-control-zoomslider a {
   width: 26px;
   height: 26px;
   text-align: center;
   text-decoration: none;
   color: black;
   display: block;
}

.leaflet-control-zoomslider a:hover {
   background-color: #f4f4f4;
}

.leaflet-control-zoomslider-in {
   font: bold 18px 'Lucida Console', Monaco, monospace;
}

.leaflet-control-zoomslider-in:after {
   content: "+"
}

.leaflet-control-zoomslider-out {
   font: bold 22px 'Lucida Console', Monaco, monospace;
}

.leaflet-control-zoomslider-out:after {
   content: "-"
}

.leaflet-control-zoomslider a.leaflet-control-zoomslider-disabled {
   cursor: default;
   color: #bbb;
}

/* Touch */

.leaflet-touch .leaflet-control-zoomslider-body {
   background-position: 10px 0px;
}

.leaflet-touch .leaflet-control-zoomslider-knob {
   width: 16px;
   margin-left: -7px;
}

.leaflet-touch .leaflet-control-zoomslider a {
   width: 30px;
   line-height: 30px;
}

.leaflet-touch .leaflet-control-zoomslider a:hover {
   width: 30px;
   line-height: 30px;
}

.leaflet-touch .leaflet-control-zoomslider-in {
   font-size: 24px;
   line-height: 29px;
}

.leaflet-touch .leaflet-control-zoomslider-out {
   font-size: 28px;
   line-height: 30px;
}

.leaflet-touch .leaflet-control-zoomslider {
   box-shadow: none;
   border: 4px solid rgba(0, 0, 0, 0.3);
   background-color: white !important;
}

.leaflet-contextmenu {
   display: none;
   box-shadow: 0 1px 7px rgba(0, 0, 0, 0.4);
   -webkit-border-radius: 4px;
   border-radius: 4px;
   padding: 4px 0;
   background-color: #fff;
   width: 15em !important;
   cursor: default;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item {
   display: block;
   color: black;
   font-size: 12px;
   line-height: 20px;
   text-decoration: none;
   padding: 0 12px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   cursor: default;
   outline: none;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled {
   opacity: 0.5;
}

.leaflet-contextmenu a.leaflet-contextmenu-item.over {
   background-color: #C4C4C4 !important;
   border-top: 1px solid #f0f0f0;
   border-bottom: 1px solid #f0f0f0;
}

.leaflet-contextmenu a.leaflet-contextmenu-item-disabled.over {
   background-color: inherit;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}

.leaflet-contextmenu-icon {
   margin: 2px 8px 0 0;
   width: 16px;
   height: 16px;
   float: left;
   border: 0;
}

.leaflet-contextmenu-separator {
   border-bottom: 1px solid #ccc;
   margin: 5px 0;
}

#RMNETmap-container {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-bottom: 3px solid #777;
  width: 100%;
}

#RMNETmap {
   width: 100%;
   height: 770px;
   border-radius: 5px;
   padding-right: 5px;
}

#RMNETlegend {
  color: orange;
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.RMNETcontent0 {
   display: inline;
}

.RMNETcontent1 {
   display: none;
}

.RMNETcontent2 {
   display: none;
}

.RMNETcontent3 {
   display: none;
}

.RMNETcontent4 {
   display: none;
}

.RMNETcontent5 {
   display: none;
}

.RMNETcontent6 {
   display: none;
}

.RMNETcontent7 {
   display: none;
}

.RMNETcontent8 {
   display: none;
}

#RMNETcontrols {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
  font-size: 9pt;
  font-weight: normal;
  position: relative;
  display: inline;
  padding: 0 0;
  margin: 0 0;
  border: none;
}

#RMNETcontrols input {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: normal;
   padding: 0 10px;
   margin: 0 1px;
   border-radius: 4px;
}

#RMNETcontrolsUOM select {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: normal;
   padding: 0 0;
   margin: 0 0;
}

/* styling for rotating conditions labels on map */

.RMNETlabel, .leaflet-tooltip {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif;
   font-size: 8pt;
   font-weight: bold;
   border: 1px solid #999;
   border-radius: 4px;
   background-color: #F3F3F3;
   color: blue;
   padding: 0 1px;
   margin: 0 0;
   width: 4em;
   text-align: center;
   line-height: 100%;
}

/* styling for Chandler Burning Index displays */

.RMNETcbiMap {
   /* for map display */
   font-size: 78%;
   font-weight: 600;
   width: 100%;
}

.RMNETcbiEX {
   color: white;
   background-color: red;
}

.RMNETcbiVH {
   color: black;
   background-color: orange;
}

.RMNETcbiH {
   color: black;
   background-color: yellow;
}

.RMNETcbiM {
   color: white;
   background-color: blue;
}

.RMNETcbiL {
  color: white;
  background-color: green;
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif;
}

.RMNETtable {
  font-family:'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
   font-size: 8pt;
   padding-top: 10px;
   width: 100%;
   color: ##000000;
}

.RMNETpopup {
   white-space: nowrap;
}

/*--------------------------------------------------

  tabbertab 

  --------------------------------------------------*/

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {
   display: none;
}

/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {}

.tabberlive {
   margin-top: 1em;
}

/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav {
   margin: 0;
   padding: 0 10px;
   border-bottom: 0px solid #778;
   font-family: 'IBMPlexSans-Medium', sans-serif;
   font-size: 14px;
}

ul.tabbernav li {
   list-style: none;
   margin: 1px;
   min-height: 40px;
   display: inline;
}

ul.tabbernav li a {
   margin-top: 25px;
   min-height: 80px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   color: #000000;
   border: 1px solid #778;
   border-bottom: none;
   background: #cccccc !important;
   text-decoration: none !important;
}

ul.tabbernav li a:link {
   color: #000000;
}

ul.tabbernav li a:visited {
   color: #000000 !important;
}

ul.tabbernav li a:hover {
   color: #000000;
   background: #929292 !important;
   border-color: #cccccc;
}

ul.tabbernav li.tabberactive a {
   background-color: #929292 !important;
   color: #000000;
   border-bottom: none;
}

ul.tabbernav li.tabberactive a:hover {
   color: #000000;


}

/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {
   padding: 5px;
   border: 0px solid #aaa;
   border-top: 0;
   overflow: auto;
}

/* If desired, hide the heading since a heading is provided by the tab */

.tabberlive .tabbertab h2 {
   display: none;
}

.tabberlive .tabbertab h3 {
   display: none;
}