.boxleft{width:33%;margin-bottom:20px;float:left;}
.boxright{width:66%;float:right;}
@media(max-width:850px){
  .boxleft{width:100%;}
  .boxright{width:100%;}
}
.boxleft2{width:50%;margin-bottom:20px;float:left;display: table-cell;}
.boxright2{width:50%;margin-bottom:20px;float:right;display: table-cell;}
@media(max-width:450px){
  .boxleft2{width:100%;display: table-cell;}
  .boxright2{width:100%;display: table-cell;}
}

.fmialert{background:#ffcccc;border:1px solid #ff9999;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);font-size:14px;padding:10px;line-height:1.4em;color:#c31b00;margin:0 auto 15px;}
.fmiglyph{color:#c31b00;position:relative;left:4px;top:-2px;font-size:24px;float:left;margin-right:16px;}

#lelegend {position: absolute;z-index:1000;right:5px;bottom:70px;width:85px;color:#eee;font-size:12px;background-color: transparent;padding: 0px;border-width:0px;text-align:center;padding:5px;display:none;}

.letable {width:90px;padding:5px;border-collapse:separate;border-spacing:2px;border:1px solid #000;background: rgba(0, 0, 0, 0.85);box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);}
.letda { width: 20px;height:12px }
.letdb { padding-left:5px;vertical-align:top; }
.letda2 { width: 20px;height:5px }
.letdb2 {vertical-align:top;padding-left:5px;padding-top:2px; }
.slidertick{display:inline-block;text-align:center;position:absolute;font-size:12px;}
.frcstpauseButton:hover,.frcstresumeButton:hover,.frcstreplayButton:hover,.ui-slider-handle:hover{cursor:pointer;}

#slider .tick { z-index: 2; position: absolute; height: 18px;background: none; border-left: 1px solid #555;text-align:left; color:#eee;font-size:11px;}
.tickwrap{display:inline-block;position:absolute;bottom:-18px;}

.mapbutton{display:inline-block;background-color: #2b3d4b;border-width: 0px;color:#69c;font-size:18px;padding:4px 8px 0 6px;bottom:30px;right:5px;position:absolute;z-index:1000;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);}
.mapbutton:hover {color:#bdbdbd;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;cursor:pointer;text-shadow: 0 0 10px #336699;text-shadow: 0 0 10px rgba(51,102,153,0.8);}

.mapbtnic {top:0px;}
.mapbtntxt{font-weight:bold;top:-2px;left:4px;position:relative;font-size:13px}

.ma-popup {position: absolute;bottom:50px;right:30px;text-align: center;z-index:2000}
.ma-popup-content {margin: 10px 10px;line-height:1.0em}
.ma-popup-content label {font-size:12px;font-weight:normal; color:#eee;position:relative;top:-2px;}
.ma-popup-tip-container {margin: 0 auto;width: 40px;height: 20px;position: relative;overflow: hidden;}
.ma-popup-content-wrapper {background:#2b3d4b;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);padding: 1px;text-align: left;}
.ma-popup-header{color:#69c;font-weight:bold;font-size:12px;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid #555; }
.ma-popup-content-wrapper:after {
  position: absolute;
  display: block;
  content: "";  
  border-color: #2b3d4b transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  bottom:-19px;
  right:15px;
}

.ma2-popup {position: absolute;bottom:80px;right:30px;text-align: center;z-index:2000}
.ma2-popup-content {margin: 10px 10px;line-height:1.0em}
.ma2-popup-content label {font-size:12px;font-weight:normal; color:#eee;position:relative;top:-2px;}
.ma2-popup-content-wrapper {background:#3E576B;padding: 1px;text-align: left;}
.ma2-popup-header{color:#69c;font-weight:bold;font-size:12px;padding-bottom:3px;margin-bottom:3px;border-bottom:1px solid #555; }

#lelegend {background-color: transparent;padding: 0px;border-width:0px;width:95px;}
#sliderext, #sliderwrap {}
.letable{border:0px solid #000;background: #2b3d4b;box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.6);}

#localsettings{right:20px;}
#tipbasemaps {right:auto;right:10px;bottom:75px;}
#locallegend {position: absolute;z-index:100;right:27px;bottom:120px;width:90px;color:#fff;font-size:12px;}
td.letdb{line-height: 1.25em;vertical-align: middle;}
.exdiv{padding:10px;}

.img-responsive2 {display: block;max-width: 100%;height: auto;}
.vis-btn850{display:none !important}
@media(max-width:849px){
  .vis-btn850{display:block !important}
  .btn850{display:none !important}
  .tabbs{padding:0px;}
  #localsettings{right:10px;}
  .ma2-popup{bottom:63px;}
}
@media(max-width:599px){
  .tabbs{width: calc(100% + 20px);position:relative;left:-10px;border-width:1px 0;box-shadow: none;-webkit-box-shadow:none;}
  .exdiv{padding:2px;}
  .exdiv2{padding:0 8px 8px 8px;}
  #localsettings{right:2px;}
  .ma2-popup{bottom:63px;}
}

.leaflet-container {font-family:Ubuntu!important;background:transparent!important}
  .leaflet-bar a, .leaflet-bar a:hover, .leaflet-bar a.leaflet-disabled {background:#2b3d4b!important;color:#69c!important;border-bottom: 1px solid #555!important;}
  .leaflet-bar a:last-child {border-bottom: none!important;}
  
  .leaflet-bar a.leaflet-control-timecontrol{ border-bottom-width: 0px!important;}
  .leaflet-bar-horizontal a.leaflet-control-timecontrol {border-right: 1px solid #333;}
  a.timecontrol-slider .ui-slider-handle { border-width: 0px!important;background: #69c!important;height: 20px!important;}
  
  .blitzinfo2{background:#f2f2f2;border:1px solid #66CD00;text-align:justify;box-shadow: 0 0 12px rgba(0,0,0,0.6);-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.6);font-size:14px;padding:10px;line-height:1.4em;}
  .blitzglyph{color:#66CD00;position:relative;left:6px;top:7px;font-size:24px;float:left;margin-right:16px;}

  .map-player{display:flex;background:#2b3d4b;color:#69c;border-radius: 2px!important;height:30px;}
  .map-player div {border-right: 1px solid #555;padding:4px 10px;border-bottom-width: 0px!important;}
  .map-player div:last-child {border-right-width: 0px;}
  .map-player div:hover {border-bottom-width: 0px!important;color:#bbb!important;cursor:pointer;}
  .map-player div#time, .map-player div#speed {height: auto;width: auto;padding:0 15px;font-size: 12px;line-height:28px;}
  .map-player div#mapslider {width:200px;padding:0 12px;}
  .map-player div#speedslider {width:80px;display:inline-block;border-right-width: 0px!important;margin-left:10px;}
  .map-player i {font-size: 12px;}
  .map-player .ui-slider {margin:10px 0 0 2px;height:4px;border-width:0px;}
  .map-player .ui-slider-handle {border-width: 0px!important;background: #69c!important;height: 19px!important;width: 19px!important;border-radius:2px!important;margin-top:2px;}
  .map-player .ui-slider-handle:hover {background: #bbb!important;}
  .map-player #speed i, .map-player #speed span{top: -2px;position: relative;}
  @media(max-width:900px){
    .map-player div#speed{display:none}
    .map-player div#mapslider {border-right-width: 0px;}
  }
  @media(max-width:685px){
    .map-player div#mapslider{display:none}
    .map-player div#time {border-right-width: 0px;}
  }

label {display: inline;}

.btn-default {
  border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-bottom:6px;
  background: #3E576B;color:#96BADC;font-weight:700;border-width: 0px;
}
.btn-default.selected, .btn-default:hover {
  color: #BDBDBD;background: #162b3d;
}
.btn-default.selected {
  border-width:0px;background-color:#f2f2f2;color:#1d4d7c;
}

/* custom player skin */
.flowplayer { background-color: #222; background-size: cover; max-width: 500px; }
.flowplayer .fp-controls { background-color: rgba(34, 34, 34, 1)}
.flowplayer .fp-timeline { background-color: rgba(34, 34, 34, 1)}
.flowplayer .fp-progress { background-color: rgba(118, 238, 0, 1)}
.flowplayer .fp-buffer { background-color: rgba(68, 68, 68, 1)}

.ui-slider{position:relative;text-align:left;border:1px solid #555;background:#333;border-radius:0px;}
.ui-slider .ui-slider-handle{position:absolute;z-index:3;width:22px;height:22px;cursor:default;border:0px solid #ccc;background:#69c;}
.ui-slider .ui-slider-handle:hover{background:#bdbdbd;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;cursor:pointer;}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:10px;}
.ui-slider-horizontal .ui-slider-handle{top:-6px;margin-left:-11px}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}

/*
 * UI ICON
 */
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(https://static.nordicweather.net/img/ui-icons_469bdd_256x240.png);}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url(https://static.nordicweather.net/img/ui-icons_888888_256x240.png);}
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }