@font-face {
    font-family: 'opensans';
    src: url('//static.nordicweather.net/fonts/OpenSans-Regular.eot');
    src: url('//static.nordicweather.net/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
         url('//static.nordicweather.net/fonts/OpenSans-Regular.woff') format('woff'),
         url('//static.nordicweather.net/fonts/OpenSans-Regular.ttf') format('truetype'),
         url('//static.nordicweather.net/fonts/OpenSans-Regular.svg#opensans') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'FontAwesome6';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype"); }

#radarwrap {font-family:"opensans";margin:0;}
#wrapper, .tabbs {font-family:"opensans";color:#f2f2f2;background:#3E576B;padding:5px;border-radius:5px;}
.fullscreen {position:absolute;margin: 0;width: 100%!important;height: 100%!important;}
@media (max-width: 800px) {
  .tabbs{padding: 0;}
  #obox {padding:5px;}
}
.tabbs .radarDiv {position:relative;}
.tabbs #mapwrap {position:relative;}

table{border-collapse:collapse;border-spacing:0}
.nexsdiv a {text-decoration: none !important;font-weight:bold;color:#69C !important;}
.center{text-align:center;}
.right{text-align:right;}

.maplibregl-ctrl-group {background: #2c3e50!important;}
.maplibregl-ctrl-top-left{top:0px!important;}
.maplibregl-ctrl-top-left .maplibregl-ctrl {margin: 5px 0 0 5px!important;}
.maplibregl-ctrl-group button+button {border-top: 1px solid #555!important;}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-in .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'29\' height=\'29\' viewBox=\'0 0 29 29\' xmlns=\'http://www.w3.org/2000/svg\' fill=\'%2369c\'%3E%3Cpath d=\'M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z\'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-zoom-out .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'29\' height=\'29\' viewBox=\'0 0 29 29\' xmlns=\'http://www.w3.org/2000/svg\' fill=\'%2369c\'%3E%3Cpath d=\'M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z\'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-compass .maplibregl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'29\' height=\'29\' viewBox=\'0 0 29 29\' xmlns=\'http://www.w3.org/2000/svg\' fill=\'%2369c\'%3E%3Cpath d=\'M10.5 14l4-8 4 8h-8z\'/%3E%3Cpath d=\'M10.5 16l4 8 4-8h-8z\' fill=\'%2369c\'/%3E%3C/svg%3E");
}
.maplibregl-ctrl button.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2369c'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")
}
.maplibregl-ctrl button.maplibregl-ctrl-fullscreen .maplibregl-ctrl-icon{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%2369c'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")
}

.maplibregl-ctrl button.maplibregl-ctrl-shrink .maplibregl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='29' fill='%2369c' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1z'/%3E%3C/svg%3E")}

.maplibregl-ctrl-attrib-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width=\'24\' height=\'24\' viewBox=\'0 0 20 20\' xmlns=\'http://www.w3.org/2000/svg\' fill-rule=\'evenodd\' fill=\'%2369c\'%3E%3Cpath d=\'M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0\'/%3E%3C/svg%3E");
}

.leafbtn {background: none !important;font-family:"FontAwesome6";font-size:21px;color:#69c;top: 2px;position: relative;}
.leafbtn:hover{background: none !important;text-decoration: none !important;cursor:pointer;}
.leafbtn.active{color:#99cc66}
.leafbtn-settings:before{content:"\f013";}
.leafbtn-radar:before{content:"\f7c0";}
.leafbtn-sat:before{content:"\f7bf";}
.leafbtn-wind:before{content:"\f72e";}

.letable {width:70px;padding:5px;border-collapse:separate;border-spacing:2px;}
.letda { width: 20px;height:12px }
.letdb { padding-left:5px; }
.nxtxta{float:right;color:#fff}
.nxtxtb{color:#ADADAD;}

tr.odd {background-color: #324656;}
tr.even {background-color: #51687a;}

circle.ping {stroke: #fff;stroke-width: 2px;fill: red;}
svg.leaflet-layer{z-index:25;} /*pingcircles*/
svg.leaflet-zoom-animated{z-index:30;} /*storms*/
canvas.leaflet-heatmap-layer{z-index:20 !important;} /*strikes*/

#mapinfo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background:#212121;color: #eee;padding:10px;font-size:20px;border-radius:2px;}

.tooltip{font-family:"opensans";}
.tooltip-inner {width: 80px !important;}
#rightbar {position:absolute;top:5px;right:5px;background:#3E576B;min-width:50px;padding:3px 5px 0 5px;z-index:2000;border-radius:3px;}
#clock{text-align:center;font-size:14px;padding-top: 3px;margin-top: 3px;border-top: 1px solid #555;}
.counterhead{color:#69C;font-size: 12px;position:relative;top:-4px;}
#counter{font-size:24px;font-weight:600;text-align:right;margin: 0;}
.onmap{text-align:left;line-height:16px;}
.labelbox{display:inline-block;width: 12px;height: 12px;margin: 0px 5px 0px 0px;position: relative;top: 2px;}
#legend{}
label {font-weight:normal!important;cursor:pointer;font-size:12px;}
.checkboxl{font-weight:normal!important;cursor:pointer;font-size:12px!important;}
#settingsbtn{color:#69C;font-weight:bold;text-align:center;font-size: 12px;cursor:pointer;}
.settingsbtnb{padding-top: 6px;margin-top: 3px;border-top: 1px solid #555;}
#settingsbtn: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);}
#attributes{display:inline-block;font-size:12px;}

.strikeboxleft{width:49%;float:left;display: table-cell;}
.strikeboxright{width:49%;float:right;display: table-cell;}
.dstats{padding:0 4px;font-size: 13px;}
@media(max-width:750px){
  .strikeboxright{width:100%;padding:0}
  .strikeboxleft{display:none}
}

#laststrtable .odd td, #laststrtable .even td, #closeststrtable .odd td, #closeststrtable .even td {font-size:13px;padding:2px;}
.strhead{color:#69c;font-weight:bold;font-size:15px;padding-bottom:3px;margin:10px 0 3px;border-bottom:1px solid #51687a;}
@media(max-width:460px){
  .strhead{margin-top:12px;}
}

#reportpicker{max-width:600px;min-width:320;margin: 0 auto;}
.statsbox{width:50%;float:left;display: table-cell;}

.datepicker-inline {width: 100%;}
.datepicker table {width: 100%;}
.datepicker table tr td span.focused, .datepicker table tr td span:hover {background: #324656;}
.datepicker .datepicker-switch:hover,.datepicker .prev:hover,.datepicker .next:hover{background: #51687a;}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {color: #51687a;}
.datepicker table tr td.day:hover,.datepicker table tr td.day.focused {background: #324656;}
.datepicker th {color:#fff;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color: #fff;background: #51687a;}
.datepicker table tr td span {height: 24px; line-height:24px;width:6%;min-width:30px;}
.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {color: #fff;background-color: #324656;border-color: #324656;}
.datepicker table tr td span.focused, .datepicker table tr td span:hover {background: #324656;}

#statsBo {margin: 0 auto;min-height: 600px;max-width: 100vh;border-width:0px;overflow-x:scroll;-ms-overflow-style: none;scrollbar-width: none;overflow-y: hidden;background-color: #51687a;padding: 10px; }
#statsBo::-webkit-scrollbar {display: none;}

.blitzinfo{background:#f2f2f2;border:1px solid #00B400;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;margin-top:25px;}

.updstopped{color:#FFA500;font-size:26px;font-weight:700}
#nexnote {padding: 10px 0 10px 0;text-align:center;font-size:15px;}

.ma-popup {position: absolute;top:0px;left:0px;text-align: center;z-index:2000}
.touch .ma-popup {left:0px !important;}
.ma-popup-content {margin: 5px 5px;line-height:1.0em}
.ma-popup-tip-container {margin: 0 auto;width: 40px;height: 20px;position: relative;overflow: hidden;}
.ma-popup-content-wrapper {background:#3E576B;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 #51687a; }
.ma-popup-content label {font-weight:normal; color:#eee;position:relative;top:-2px;font-size:12px;cursor:pointer;top:0;line-height:16px;}
@media(max-width:460px){
#tipbasemaps{width:350px!important;}
}

input[type=checkbox] { display:none; }
input[type=checkbox] + label:before {display: inline-block;font: normal normal normal 16px/1.15 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);cursor:pointer;}
input[type=checkbox] + label:before { content: "\f0c8"; }
input[type=checkbox] + label:before { letter-spacing: 5px; }
input[type=checkbox]:checked + label:before { content: "\f14a"; }
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } 

input[type=radio] { display:none; }
input[type=radio] + label:before {display: inline-block;font: normal normal normal 16px/1.4 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);cursor:pointer;}
input[type=radio] + label:before { content: "\f111"; }
input[type=radio] + label:before { letter-spacing: 5px; } 
input[type=radio]:checked + label:before { content: "\f058"; } 
input[type=radio]:checked + label:before { letter-spacing: 5px; } 

.touch #laststrtable .odd td, .touch #laststrtable .even td, .touch #closeststrtable .odd td, .touch #closeststrtable .even td {font-size:15px;}
.touch #maptip-content{font-size:15px; line-height:19px;}
.touch .letdb{width:40px;}
.touch .mapbutton{font-size:20px;}
.touch .mapbtntxt, .touch .ma-popup-header{font-size:14px;}
.touch label{font-size:13px;cursor:pointer;}
.touch .ma-popup-content label {line-height:18px;}

a.mapcenter-popup-close-button,a.maptip-popup-close-button  {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 4px 0px 0px;
    text-align: center;
    width: 28px;
    height: 34px;
    font-weight: bold;
    font-size: 28px;
    color: rgb(195, 195, 195);
    text-decoration: none;
    background: none repeat scroll 0% 0% transparent;
}
a.mapcenter-popup-close-button:hover,a.maptip-popup-close-button:hover  {color: rgb(155, 155, 155);}
a.maptip-popup-close-button {width: 22px;height: 28px;font-size: 22px;}

#maptooltip {position: absolute;top: 0;left: 0;z-index: 20;visibility: hidden;padding: 5px;background:#2c3e50!important;font-size: 13px!important;font-family: "opensans"!important;max-width:200px;padding:4px 8px!important;color:#fff;text-align:center;text-decoration:none;border-radius:3px}

/* RESONSIVE SETTINGS - We hide some rows/tabs based on screenwidth - */
/* ------------------------------------------------------------------- */

@media(max-width:850px){.statsbox{width:50%;float:left;display: table-cell;}}
@media(max-width:600px){.statsbox{width:100%;float:left;display: table-cell;}}
.videodivs{width:50%;float:left;display: table-cell;}
@media(max-width:850px){.videodivs{width:50%;float:left;display: table-cell;}}
@media(max-width:600px){.videodivs{width:100%;float:left;display: table-cell;}}

@media(max-width:599px){
  .tabbs{border-width:0;box-shadow: none;-webkit-box-shadow:none;}
}
@media(max-width:449px){
  .vis-btn450{display:block !important}
  .btn450{display:none !important}
}

.adresponsive { width: 320px;  margin:20px auto 0px; height:90px;}
@media(max-width: 360px) { .adresponsive { width: 100%; margin:20px auto 0px; height:90px;} }
@media(min-width: 500px) { .adresponsive { width: 468px; margin:20px auto 0px; height:60px;} }
@media(min-width: 780px) { .adresponsive { width: 728px;margin:20px auto 0px; height:90px; } }

/* custom player skin */
.flowplayer { width: 80%; background-color: #222; background-size: cover; max-width: 800px; }
.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)}

/*
 * jQuery UI Slider
 */
.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:15px;height:15px;cursor:default;border:0px solid #ccc;background:#69c !important;}
.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:5px;}
.ui-slider-horizontal .ui-slider-handle{top:-5px;margin-left:-9px}
.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}

.slider{-webkit-appearance:none;width:100%;height:10px;background:#2c3e50;outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}
.slider:hover{opacity:1}
.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#69c;border-radius: 50%;cursor:pointer}
.slider::-moz-range-thumb{width:20px;height:20px;background:#69c;border-radius: 50%;cursor:pointer}