.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-container *,:after,:before { 
    box-sizing: content-box;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
      -webkit-user-drag: none;
    }

.leaflet-tile::selection {
    background: transparent;
}

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

.leaflet-safari .leaflet-tile-container {
    width: 1600px;
    height: 1600px;
    -webkit-transform-origin: 0 0;
    }
.leaflet-marker-icon,
.leaflet-marker-shadow {
    display: block;
    }


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

.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;
    
    touch-action: none;
    touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
    -ms-touch-action: none;
    touch-action: none;
}
.leaflet-container {
    -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
    -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.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: 800;
    }

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

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
    width: 1px;
    height: 1px;
    }
.lvml {
    behavior: url(#default#VML);
    display: inline-block;
    position: absolute;
    }




.leaflet-control {
    position: relative;
    z-index: 800;
    pointer-events: visiblePainted; 
    pointer-events: auto;
    }
.leaflet-top,
.leaflet-bottom {
    position: absolute;
    z-index: 1000;
    pointer-events: none;
        transition: top .4s, bottom .4s; 
    }
.leaflet-top {
    top: 0;
        z-index: 1001; 
    }
.leaflet-right {
    right: 0;
    }
.leaflet-bottom {
    bottom: 0;
    }
.leaflet-left {
    left: 0;
        z-index: 1010;  
    }
.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;
    }




.leaflet-fade-anim .leaflet-popup {
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
       -moz-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;
    }
svg.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);
            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;
            transition: none;
    }

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




.leaflet-interactive {
    cursor: pointer;
    }
.leaflet-grab {
    cursor: -webkit-grab;
    cursor:    -moz-grab;
    cursor:         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;
    cursor:         grabbing;
    }


.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,
svg.leaflet-image-layer.leaflet-interactive path {
    pointer-events: visiblePainted; 
    pointer-events: auto;
    }



.leaflet-container {
        
    background: #808080; 
    outline-offset: 1px;
        box-sizing: unset;
    }
.leaflet-container a {
    color: #0078A8;
    }
.leaflet-zoom-box {
    border: 2px dotted #38f;
    background: rgba(255,255,255,0.5);
    }

.leaflet-container .sv_popup ul {
    padding-left: 40px;
    list-style-type: disc;
    }
.leaflet-container .sv_popup ul li {
    list-style-type: disc;
    margin-left: 0px;
    padding-left: 0px;
    }
.leaflet-container .sv_popup ol {
    padding-left: 40px;
    }



.leaflet-container {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    }




.leaflet-bar {
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    border-radius: 4px;
    }
.leaflet-bar a {
    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;
    
    cursor: pointer;    
    }
.leaflet-bar a:hover,
.leaflet-bar a:focus {
    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;
    }
.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    }
.leaflet-touch .leaflet-bar a:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    }



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

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




.leaflet-control-layers {
        
        background: #fff;
        border-radius: 10px;
        border: 1px solid #666;
    }
.leaflet-control-layers-toggle {
    background-image: url(images/layers.png);
    width: 36px;
    height: 36px;
    }
.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url(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 {
        
        overflow: hidden;
        width: 300px;
        background-color: #f0eff6;
        font-family: Arial, Helvetica, Verdana, sans-serif;
    }
.leaflet-control-layers-scrollbar {
    overflow-y: scroll;
    overflow-x: hidden;
      
    }
.leaflet-control-layers-selector {
    margin-top: 2px;
    position: relative;
    top: 1px;
    }
.leaflet-control-layers label {
        
        display: unset;
        margin: 0;
        cursor: pointer;
    }
.leaflet-control-layers-separator {
    height: 0;
    border-top: 1px solid #ddd;
    margin: 5px -10px 5px -6px;
    }


.leaflet-default-icon-path { 
    background-image: url(images/marker-icon.png);
    }




.leaflet-container .leaflet-control-attribution {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    margin: 0;
    }
.leaflet-control-attribution,
.leaflet-control-scale-line {
    padding: 0 5px;
    color: #333;
    line-height: 1.4;
    }
.leaflet-control-attribution a {
    text-decoration: none;
    }
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
    text-decoration: underline;
    }
.leaflet-control-attribution svg {
    display: inline !important;
    }
.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;
    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;
    }




.leaflet-popup {
    position: absolute;
    text-align: center;
    margin-bottom: 20px;
    }
.leaflet-popup-wxc-80 {
    margin-left: 83px;
}
.leaflet-popup-content-wrapper {
    padding: 1px;
    text-align: left;
    border-radius: 12px;
    }
.leaflet-popup-content {
    margin: 13px 24px 13px 20px;
    line-height: 1.3;
        
    font-size: 15px;
    min-height: 1px;
    }
.leaflet-popup-content p {
    margin: 17px 0;
    margin: 1.3em 0;
    }
.leaflet-popup-tip-container {
    width: 40px;
    height: 20px;
    position: absolute;
    left: 50%;
    margin-top: -1px;
    margin-left: -20px;
    overflow: hidden;
    pointer-events: none;
    }
.leaflet-popup-tip {
    width: 17px;
    height: 17px;
    padding: 1px;

    margin: -10px auto 0;
    pointer-events: auto;

    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-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: 7px;
    right: 8px;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    font: 28px/30px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    cursor: pointer;
    }
.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 {
    -ms-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-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
    border: 1px solid #999;
    }




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




.leaflet-tooltip {
    position: absolute;
    padding: 6px;
    background-color: #fff;
    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);
    }
.leaflet-tooltip.leaflet-interactive {
    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: "";
    }



.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;
    }


    
@media print {
    
    .leaflet-control {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
        }
    }


:root {
    --darkblue: #000e61;
    --lightblue: #d2d1db;
    --purple: #1f49c8;
}
.sv_metar_icon {
    width: 26px;
    height: 26px;
    background-image: url(svimages/metarsprite.png);
    background-size: 130px 130px;
}
.sv_gfacloud_icon {
    width: 16px;
    height: 16px;
    background-image: url(svimages/Clouds.png);
    background-size: 112px 16px;
}
.sv_gfadustsandother_icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(svimages/dustsandother.png);
    background-size: 271px 32px;
}
.sv_gfafogandmist_icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(svimages/fogandmist.png);
    background-size: 450px 32px;
}
.sv_gfarainandsnow_icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(svimages/rainandsnow.png);
    background-size: 450px 32px;
}
.sv_gfashowersandstorms_icon {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(svimages/showersandstorms.png);
    background-size: 574px 32px;
}
.leaflet-retina .sv_metar_icon {
    width: 26px;
    height: 26px;
    background-image: url(svimages/metarsprite2.png);
    background-size: 130px 130px;
}
.sv_wxcam_icon {
    width: 26px;
    height: 26px;
    background-image: url(svimages/wxcams.png);
    background-size: 26px 52px;
}
.sv_pirep_icon {
    background-image: url(svimages/pirep_x2.png);
    background-size: 40px 888px;
    width: 40px;
    height: 24px;
}
.sv_airep_icon {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: #666;
    color: white;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}
.sv_airep_icon::after {
    content: "\2708";
}
.sv_skycover_icon {
    width: 40px;
    height: 40px;
    background-image: url(svimages/Clouds.png);
    background-size: 281 40px;
    display: inline-block;
    vertical-align: middle;
}
.sv_legend_5label_skycover {
    width: 40px;
    height: 12px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.sv_skycoverfull_icon {
    background-image: url(svimages/CloudsFull.png);
    background-size: 90vw 85vw;
    background-repeat: no-repeat;
    width: 95%;
    aspect-ratio: 15/16
}
.sv_legend_skycoverdetail {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    vertical-align: middle;
}
.sv_dustsandother_icon {
    width: 37px;
    height: 40px;
    background-image: url(svimages/dustsandother.png);
    background-size: 339 40px;
    display: inline-block;
    vertical-align: middle;
}
.sv_fogandmist_icon {
    width: 37px;
    height: 40px;
    background-image: url(svimages/fogandmist.png);
    background-size: 562 40px;
    display: inline-block;
    vertical-align: middle;
}
.sv_rainandsnow_icon {
    width: 40px;
    height: 40px;
    background-image: url(svimages/rainandsnow.png);
    background-size: 562 40px;
    display: inline-block;
    vertical-align: middle;
}
.sv_showersandstorms_icon {
    width: 40px;
    height: 40px;
    background-image: url(svimages/showersandstorms.png);
    background-size: 717 40px;
    display: inline-block;
    vertical-align: middle;
}
.leaflet-retina .sv_pirep_icon {
    background-image: url(svimages/pirep_x2.png);
    background-size: 40px 888px;
    width: 40px;
    height: 24px;
}

.leaflet-control-layers-list-none {
    display: none;
}
.leaflet-control-layers-list-block {
    display: block;
    position: relative;
}
.sv_turb_legend {
    width: 100%;
    aspect-ratio: 290/83;
    transform: translate(0,10%);
    background-image: url(svimages/maxedrlegend.png);
    background-size: 94.7vw 27.1vw;
    background-repeat: no-repeat;
}
.sv_windbarbs_legend {
    width: 100%;
    aspect-ratio: 3/7;
    background-image: url(svimages/windbarbslegend.png);
    background-size: 90vw 210vw;
    background-repeat: no-repeat;
}


div.sv_layerscontrol_header {
    height: 43px;
    background-color: #f6f6f8;
    text-align: center;
    line-height: 44px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #d4d4d8;
    cursor: auto;
}
div.sv_laklayerscontrol_header {
    height: 66px;
    background-color: #f6f6f8;
    text-align: center;
    line-height: 44px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #d4d4d8;
    cursor: auto;
}
div.sv_layerscontrol_subheader {
    height: 43px;
    background-color: #f6f6f8;
    text-align: center;
    line-height: 44px;
    vertical-align: middle;
    font-size: 18px;
    border-bottom: 1px solid #d4d4d8;
    cursor: auto;
}
div.sv_layerscontrol_scroller {
}
.sv_popupnomargin {
}
.sv_popupnomargin .leaflet-popup-content {
    margin: -1px;
}
div.sv_layerscontrol_sectionHeader {
    font-size: 16px;
    color: #666;
    padding: 4px 0 2px 16px;
    border-bottom: 1px solid #d4d4d8;
}
div.sv_layerscontrol_row {
    min-height: 43px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
    width: 100%;
    background-color: #fff;
    line-height: 1.15;
}
input.sv_layerscontrol_checkbox {
    display: none;
}
div.sv_layerscontrol_checkbox {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    width: 22px;
    height: 22px;
    background-color: #eee;
    border-radius: 4px;
    border: 1px solid #aaa;
}
label:hover input ~ div.sv_layerscontrol_checkbox {
    background-color: #ddd;
}
input.sv_layerscontrol_checkbox:checked ~ div.sv_layerscontrol_checkbox {
    background-color: #1f49c8;
    border: 1px solid #1f49c8;
}
input.sv_layerscontrol_checkbox:checked ~ div.sv_layerscontrol_checkbox::after {
    display: block;
}
div.sv_layerscontrol_checkbox::after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
input.sv_layerscontrol_checkbox:disabled ~ div.sv_layerscontrol_checkbox {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
div.sv_layerscontrol_rowTitle {
    padding-top: 4px;
    margin-left: 50px;
    font-size: 20px;
}
div.sv_layerscontrol_rowSubtitle {
    font-size: 12px;
    color: #999;
    margin-left: 50px;
}
div.sv_laklayerscontrol_rowTitle {
    padding-top: 4px;
    margin-left: 6px;
    font-size: 20px;
}
div.sv_laklayerscontrol_rowSubtitle {
    font-size: 12px;
    color: #999;
    margin-left: 6px;
}
label {
    user-select: none;
}
div.sv_layerscontrol_rowIcon {
    left: 5px;
    top: 4px;
    width: 40px;
    height: 36px;
    background: no-repeat url("../images/layericons.png") 0px 0px;
    background-size: 40px 432px;
    position: absolute;
}
svg.sv_layerscontrol_rowIcon {
    left: 5px;
    top: 4px;
    width: 40px;
    height: 36px;
    position: absolute;
}
div.sv_layerscontrol_options {
    position: relative;
    overflow: hidden;
    height: 0px;
    transition: height .2s;
    border-left: 20px solid #f0eff6;
    border-bottom: 0px solid #d4d4d8;
    background-color: #fff;
}
div.sv_layerscontrol_optionRow {
    height: 38px;
    font-size: 17px;
    line-height: 38px;
    vertical-align: middle;
    padding-left: 10px;
    position: relative;

}
.sv_layerscontrol_segmentedController {
    border-radius: 4px;
    border: 1px solid #1f49c8;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    vertical-align: middle;
    overflow: hidden;
}
.sv_layerscontrol_segmentedController input {
    display: none;
    margin: 0;
    height: 0;
}
.sv_layerscontrol_segmentedController label:not(:last-child) {
    border-right: 1px solid #1f49c8;
}
label.sv_layerscontrol_segment {
    padding: 2px 6px 0 6px;
    color: #888;
    font-size: 18px;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    display: inline-block;
}
input:checked + .sv_layerscontrol_segment{
    background-color: #1f49c8;
    color: white;
}
input.sv_layerscontrol_radioButton {
    display: none;
}
.leaflet-container input[type=radio]+label:before {
    display: none;
    background: none;
    content: "";
    height: 0;
    width: 0;
    margin-right: 0;
    position: unset;
    top: 0;
    left: 0;
    letter-spacing: unset;
}
div.sv_layerscontrol_radioButton {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -13px;
    width: 10px;
    height: 10px;
    background-color: #eee;
    border-radius: 50%;
    border: 8px solid #eee;
}
label:hover input ~ div.sv_layerscontrol_radioButton {
    background-color: #ddd;
    border-color: #ddd;
}
input.sv_layerscontrol_radioButton:checked ~ div.sv_layerscontrol_radioButton {
    background-color: white;
    border-color: #1f49c8;
}
input.sv_layerscontrol_radioButton:disabled ~ div.sv_layerscontrol_radioButton {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}
.sv_layerscontrol_clearButton {
    position: absolute;
    top: 13px;
    left: 13px;
    border: 1px solid #999;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 12px;
    color: #999;
    cursor: pointer;
}
.sv_layerscontrol_clearButton:hover {
    border-color: #1f49c8;
    background-color: white;
    color: #1f49c8;
}
.sv_layerscontrol_weatherButton {
    position: absolute;
    top: 36px;
    left: 76px;
    border-top: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    background-color: #fff;
    cursor: pointer;
}
.sv_layerscontrol_weatherButtonOn {
    position: absolute;
    top: 36px;
    left: 76px;
    border-top: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 4px 0 0 4px;
    font-size: 13px;
    line-height: 15px;
    color: white;
    background-color: #1f49c8;
    cursor: pointer;
}
.sv_layerscontrol_weatherButton:hover {
    border-color: #1f49c8;
    color: #1f49c8;
}
.sv_layerscontrol_navButton {
    position: absolute;
    top: 36px;
    left: 138px;
    border-top: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 0 0 0 0;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    background-color: #fff;
    cursor: pointer;
}
.sv_layerscontrol_navButtonOn {
    position: absolute;
    top: 36px;
    left: 138px;
    border-top: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 0 0 0 0;
    font-size: 13px;
    line-height: 15px;
    color: white;
    background-color: #1f49c8;
    cursor: pointer;
}
.sv_layerscontrol_navButton:hover {
    border-color: #1f49c8;
    color: #1f49c8;
} 
.sv_layerscontrol_localButton {
    position: absolute;
    top: 36px;
    left: 173px;
    border-top: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    border-right: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 0 4px 4px 0;
    font-size: 13px;
    line-height: 15px;
    color: #000;
    background-color: #fff;
    cursor: pointer;
}
.sv_layerscontrol_localButtonOn {
    position: absolute;
    top: 36px;
    left: 173px;
    border-top: 1px solid #1f49c8;
    border-bottom: 1px solid #1f49c8;
    border-right: 1px solid #1f49c8;
    border-left: 1px solid #1f49c8;
    padding: 2px 6px;
    border-radius: 0 4px 4px 0;
    font-size: 13px;
    line-height: 15px;
    color: white;
    background-color: #1f49c8;
    cursor: pointer;
}
.sv_layerscontrol_localButton:hover {
    border-color: #1f49c8;
    color: #1f49c8;
}

.sv_layerscontrol_whatIsThisLink {
    position: absolute;
    height: 0px;
    top: 7px;
    left: 220px;
    font-size: 12px;
    color: blue;
    cursor: pointer;
}
.leaflet-control-zoom-rte {
    background-image: url(svimages/zoomRte.svg);
}
.leaflet-control-layers-expanded + .leaflet-control-zoom {
    display: none;
}
.sv_topcenter_container {
    position: absolute;
    top: 7px;
    right: 69px;
    margin-left: 40px;
    z-index: 990;
}
.sv_topcenter_container_row {
    position: relative;
    clear: both;
}
.sv_baselayercontrol {
}
div.sv_switcher {
    float: right;
    cursor: pointer;
    margin: 3px 3px;
    padding: 2px 10px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #1f49c8;
    border-radius: 10px;
    background-color: white;
    color: #1f49c8;
}
div.sv_switcheron {
    float: right;
    cursor: pointer;
    margin: 3px 3px;
    padding: 2px 10px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid #1f49c8;
    border-radius: 10px;
    background-color: #1f49c8;
    color: white;
}
div.sv_errorContainerPopup {
    position: absolute;
    width: 280px;
    left: 50%;
    margin-left: -140px;
    top: 60px;
    z-index: 1200;
}
div.sv_errorDialogPopup {
    background-color: #ffe1b1;
    border: 2px solid #ff9b00;
    padding: 4px;
    min-height: 22px;
    border-radius: 7px;
    margin: 4px;
    font-size: 16px;
}
div.sv_errorContainerModal {
    display: block;
    position: fixed; 
    z-index: 1200; 
    padding-top: 60px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.25); 
}
div.sv_errorDialogModal {
    background-color: #ffe1b1;
    border: 2px solid #ff9b00;
    margin: auto;
    width: 260px;
    padding: 4px;
    min-height: 22px;
    border-radius: 7px;
    font-size: 16px;
}
div.sv_errorContainerWarningPopup {
    position: relative;
    width: 450px;
    left: 50%;
    margin-left: -225px;
    top: 125px;
    z-index: 1000;
}
@media screen and (max-width: 480px) {
  div.sv_errorContainerWarningPopup {
    width: 280px;
    margin-left: -140px;
  }
}
div.sv_errorDialogWarningPopup {
    background-color: #ffe1b1;
    border: 2px solid #ff9b00;
    padding: 4px;
    padding-right: 18px;
    min-height: 22px;
    border-radius: 7px;
    margin: 4px;
    font-size: 15px;
}
a.sv_exitWarningButton {
    position: absolute;
    top: 2px;
    right: 3px;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    font: 28px/30px Tahoma, Verdana, sans-serif;
    color:#ff9b00;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    cursor: pointer;
    }
span.sv_erroricon {
    width: 22px;
    height: 22px;
    background-color: #ff9b00;
    border-radius: 15px;
    float: left;
    text-align: center;
    line-height: 22px;
    font-size: 22px;
    font-weight: bold;
    font-family: serif;
    color: white;
    margin: 0 4px;
}
span.sv_erroricon::after {
content: '!';
}
div.sv_error_buttons {
    text-align: center;
    padding: 15px;
}
span.sv_error_button {
    margin: 0 10px;
    font-weight: bold;
    padding: 5px 20px;
    color: white;
    background:  #ff9b00;
    cursor: pointer;
    border-radius: 20px;
}
div.sv_altitudeslider {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 990;
}
div.sv_altitudeslider_frame {
    position: absolute;
    cursor: pointer;
    height: 315px;
    width: 20px;
    top: -162px;
    right: 0;
    padding: 3px 0 3px 0;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #1f49c8;
}
div.sv_altitudeslider_level {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
}
div.sv_altitudeslider_levelon {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #eee;
    background-color: #1f49c8;
}
div.sv_altitudeslider_level:hover {
    background-color: #aaa;
}
div.sv_altitudeslider_levellabel {
    position: absolute;
    right: 25px;
    background-color: #1f49c8;
    font-size: 14px;
    line-height: 14px;
    padding: 2px 6px 1px 6px;
    border: 1px solid #1f49c8;
    border-radius: 40px;
    visibility: hidden;
    user-select: none;
    color: white;
}
.sv_altitudeslider_level:hover > .sv_altitudeslider_levellabel {
    visibility: visible;
    z-index: 10;
    border: 1px solid #1f49c8;
    background-color: white;
    color: #1f49c8;
}
@media (hover: none) {
    .sv_altitudeslider_levellabel {
        visibility: hidden;
    }
    div.sv_altitudeslider_level {
        background-color: unset;
    }
    .sv_timeslider_hourlabel {
        visibility: hidden;
    }
    div.sv_timeslider_hour {
        background-color: unset;
    }
}
.sv_altitudeslider_levelon > .sv_altitudeslider_levellabel {
    visibility: visible;
}
div.sv_timeslider {
    position: absolute;
    left: 50%;
    bottom: 10px;
    z-index: 990;
}
div.sv_timeslider_frame {
    position: absolute;
    cursor: pointer;
    height: 20px;
    width: 287px;
    left: -146px;
    bottom: 0;
    padding: 0 3px 0 3px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid #1f49c8;
}
div.sv_timeslider_arrow_L {
    display: inline-block;
    padding-right: 4px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 13px solid #1f49c8;
}
div.sv_timeslider_arrow_R {
    display: inline-block;
    padding-left: 4px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 13px solid #1f49c8;
}
div.sv_timeslider_padding_L {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 6px;
    border-right: 1px solid #1f49c8;
}
div.sv_timeslider_padding_R {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 6px;
    border-left: 1px solid #1f49c8;
}
div.sv_timeslider_hour {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 9px;
    border-right: 1px solid #eee;
}
div.sv_timeslider_houron {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 9px;
    border-right: 1px solid #eee;
    background-color: #1f49c8;
}
div.sv_timeslider_hour:hover {
    background-color: #aaa;
}
div.sv_timeslider_hourlabel {
    position: absolute;
    bottom: 25px;
    left: -31px;
    width: 90px;
    text-align: center;
    background-color: #1f49c8;
    font-size: 14px;
    line-height: 14px;
    padding: 2px 0px 1px 0px;
    border: 1px solid #1f49c8;
    border-radius: 40px;
    visibility: hidden;
    color: white;
}
.sv_timeslider_hour:hover > .sv_timeslider_hourlabel {
    visibility: visible;
    z-index: 10;
    border: 1px solid #1f49c8;
    background-color: white;
    color: #1f49c8;
}
.sv_timeslider_houron > .sv_timeslider_hourlabel {
    visibility: visible;
}
div.sv_timeslider_frame_mobile {
    position: absolute;
    cursor: pointer;
    height: 22px;
    width: 196px;
    left: -100px;
    bottom: 0;
    padding: 0 3px 0 3px;
    background-color: transparent;
}
div.sv_timeslider_hour_mobile {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 134px;
}
div.sv_timeslider_hourlabel_mobile {
    position: absolute;
    bottom: -1px;
    display: inline-block;
    width: 120px;
    margin-left: 6px;
    text-align: center;
    background-color: #1f49c8;
    font-size: 14px;
    line-height: 16px;
    padding: 4px 0px 4px 0px;
    border-radius: 40px;
    visibility: visible;
    color: white;
}
div.sv_timeslider_padding_L_mobile {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 25px;
    top: -2px;
    padding-top: 2px;
    border: 2px solid #1f49c8;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    background-color: white;
}
div.sv_timeslider_arrow_L_mobile {
    display: inline-block;
    padding-right: 5px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 13px solid #1f49c8;
}
div.sv_timeslider_padding_R_mobile {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 25px;
    top: -2px;
    padding-top: 2px;
    border: 2px solid #1f49c8;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: white;
}
div.sv_timeslider_arrow_R_mobile {
    display: inline-block;
    padding-left: 5px;
    margin-left: 6px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 13px solid #1f49c8;
}
.sv_topbar {
    position: absolute;
    width: 100%;
    height: 22px;
    background-color: rgba(0,0,0,0.5);
    border-bottom: 1px solid #666;
    color: white;
    font-size: 15px;
    z-index: 1000;
}
.sv_topbar ~ .leaflet-top {
    padding-top: 23px;
}
.sv_topbar ~ .sv_topcenter_container {
    padding-top: 23px;
}
.sv_topbar > div {
    display: inline-block;
    float: right;
    padding: 0 10px;
}
.sv_topbar-fplLink {
    position: absolute;
    left: 160px;
    cursor: pointer;
}
.sv_metardetail {
    border-radius: 12px;
    border: 1px solid #666;
    overflow: hidden;
}
.sv_gfaclouddetail {
    border-radius: 12px;
    border: 1px solid #666;
    overflow: hidden;
}
.sv_gfacloud_maptext {
    display: block;
    white-space: pre-wrap;
    text-align: center;
    width: 56px;
    margin-left: -20px;
    margin-top: 16px;
    font-size: 9px;
}
.sv_gfaWeatherTextPopup {
    border-radius: 12px;
    overflow: hidden;
}
.sv_gfaWeatherTextMsg {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #d4d4d8;
}
.sv_gfaWindText_popupheader {
    height: 43px;
    background-color: #f6f6f8;
    text-align: center;
    border-bottom: 1px solid #d4d4d8;
    display: table;
    width: 100%;
}
.sv_gfaWindText_popupheader_title {
    display: table-cell;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    height: 44px;
    width: 100%;
    padding: 0 40px;
}
.sv_gfaWindTextPopup {
    border-radius: 12px;
    overflow: hidden;
}
.sv_gfaWindTextMsg {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #d4d4d8;
}
<!-- wxcam dialog start-->
.sv_wxcamdialog_container {
    overflow: hidden;
}
.sv_wxcamlargeimg_container {
    display: relative;
    top: 1px;
    horizontal-align: middle;
}
.sv_wxcamdialog_title {
    display: table;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    height: 28px;
    padding-top: 16px;
    padding-left: 14px;
}
.sv_wxcam_largeimage {
    position: relative;
    top: 1px;
    width: 100%;
}
.sv_wxcam_largeimage img {
    display: block;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}
.sv_wxcamthumbnail_container {
    height: auto;
    width: 100%;
    border-radius: 12px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-around;
    padding-bottom: 5px;
}
.sv_wxcamthumbnail_image {
    height: auto;
    max-width: 215px;
    width: 99%;
    display: table-cell;
    margin: auto;
    padding-top: 1px;
}
 .sv_wxcamthumbnail_image img {
    display: block;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (orientation: portrait) {
    .sv_wxcam_largeimage_mobile {
        position: relative;
        top: 1px;
        width: 100%;
    }
    .sv_wxcam_largeimage_mobile img {
        display: block;
        width: 1280px;
        margin: 5px;
    }
    .sv_wxcam_popupnomargin_mobile {
        width: max-content;
    }
    .sv_wxcam_popupnomargin_mobile .leaflet-popup-content {
        width: 100%;
        margin: 0px;
        bottom: -1px;
        border-radius: 12px;
    }
}
@media screen and (orientation: landscape) {
    .sv_wxcam_largeimage_mobile {
        position: relative;
        top: 1px;
        height: 100%;
    }
    .sv_wxcam_popupnomargin_mobile {
        height: max-content;
    }
    .sv_wxcam_popupnomargin_mobile .leaflet-popup-content {
        display: inline;
        height: 100%;
        width: 100%;
        margin: 0px;
        bottom: -1px;
        border-radius: 12px;
    }
}
@media only screen and (max-height: 500px) and (orientation: landscape) {
    .sv_wxcam_largeimage_mobile img {
        display: block;
        height: auto;
        width: 240px;
        margin: auto;
    }
    .sv_wxcam_animationcontrol_mobile {
        background-color: rgb(255, 255, 255);
        width: 98%;
        height: 38px;
        border-radius: 6px;
        margin: 0px 0px 2% 1%;
        overflow: hidden;
        border: 1px solid #1f49c8;
    }
    .sv_wxcam_animationbar_mobile {
        position: relative;
        top: -74%;
        left: 20%;
        width: 77%;
        height: 8px;
        background-color: #aaa;
    }
    .sv_wxcam_animationball_mobile {
        position: relative;
        top: -108%;
        left: 91%;
        width: 6px;
        height: 6px;
        border: 5px solid #1f49c8;
        background-color: white;
        border-radius: 10px;
    }
    .sv_wxcamtogglebutton_mobile {
        border: 1px solid #2f528f;
        background-color: #ffffff;
        border-radius: 5px;
        color: #000000;
        padding: 2px;
        font-size: 10px;
        margin: 5px;
        flex: 0 0 90px;
    }
    .sv_wxcam_animationlabel_mobile {
        position: relative;
        top: -35px;
        left: -11px;
        width: auto;
        font-size: 10px;
        line-height: 15px;
        color: #1f49c8;
        text-align: end;
        margin-left: 58px;
    }
}
@media only screen and (min-height: 500px) and (orientation: landscape) {
    .sv_wxcam_largeimage_mobile img {
        display: block;
        height: auto;
        width: 640px;
        margin: auto;
    }
    .sv_wxcam_animationcontrol_mobile {
        background-color: rgb(255, 255, 255);
        width: 98%;
        height: 38px;
        border-radius: 6px;
        margin: 0px 0px 2% 1%;
        overflow: hidden;
        border: 1px solid #1f49c8;
    }
    .sv_wxcam_animationbar_mobile {
        position: relative;
        top: -74%;
        left: 8%;
        width: 91%;
        height: 8px;
        background-color: #aaa;
    }
    .sv_wxcam_animationball_mobile {
        position: relative;
        top: -108%;
        left: 96%;
        width: 7px;
        height: 7px;
        border: 5px solid #1f49c8;
        background-color: white;
        border-radius: 10px;
    }
    .sv_wxcamtogglebutton_mobile {
        border: 1px solid #2f528f;
        background-color: #ffffff;
        border-radius: 5px;
        color: #000000;
        padding: 2px;
        font-size: 12px;
        margin: 5px;
        flex: 0 0 90px;
    }
    .sv_wxcam_animationlabel_mobile {
        position: relative;
        top: -35px;
        left: -11px;
        width: auto;
        font-size: 12px;
        line-height: 15px;
        color: #1f49c8;
        text-align: end;
        margin-left: 58px;
    }
}
.sv_wxcamdialog_mobile_title {
    display: table;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    height: 15px;
    padding-top: 5px;
    padding-left: 5px;
}
.sv_wxcam_popupnomargin_mobile a.leaflet-popup-close-button {
    position: absolute;
    top: 5px;
    right: 0px;
    border: none;
    text-align: center;
    width: 30px;
    height: 30px;
    font: 20px/15px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    text-decoration: none;
    font-weight: bold;
    background: transparent;
    cursor: pointer;
}
.sv_wxcam_control_panel_container_mobile {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.sv_wxcamtogglebutton_container_mobile {
    display: flex;
    justify-content: left;
    width: 50%;
}
.sv_wxcam_popupnomargin {
}
.sv_wxcam_popupnomargin .leaflet-popup-content {
    width: 640px;
    min-width: 360px;
    margin: 0px;
    bottom: -1px;
    border-radius: 12px;
}
.sv_wxcam_control_panel_container {
    display: flex;
    justify-content: flex-start;
    width: 100%;
}
.sv_wxcamtogglebutton_container {
    display: flex;
    justify-content: left;
    width: 50%;
}
.sv_wxcamtogglebutton {
    border: 1px solid #2f528f;
    background-color: #ffffff;
    border-radius: 5px;
    color: #000000;
    padding: 5px 10px;
    margin: 10px 10px 10px;
    width: fit-content;
}
.sv_wxcam_faa_url {
    float: right;
    margin: 5px 5% 20px;
    font-size: 70%;
    padding: 0px;
}
.sv_wxcam_panel_column {
    float: left;
    padding: 0px;
}
.sv_wxcam_panel_column.lside {
    float: left;
    width: 32%;
    padding: 0px;
}
.sv_wxcam_panel_column.middle {
    width: 20%;
}
.sv_wxcam_panel_column.rside {
    float: right;
    width: 48%;
}
.sv_wxcam_panel_row1 {
    display: table;
    width: 100%;
    padding: 2% 0% 0% 0%;
}
.sv_wxcam_panel_row2 {
    background-color: #f1f1f1;
    padding: 0px;
    text-align: center;
}
.sv_wxcam_animationlabel {
    position: relative;
    top: -35px;
    left: -11px;
    width: auto;
    font-size: 12px;
    line-height: 15px;
    color: #1f49c8;
    text-align: end;
    margin-left: 58px;
}
@media only screen and (max-width: 500px) and (orientation: portrait) {
    .sv_wxcam_animationcontrol_mobile {
        background-color: rgb(255, 255, 255);
        width: 98%;
        height: 38px;
        border-radius: 6px;
        margin: 0px 0px 2% 1%;
        overflow: hidden;
        border: 1px solid #1f49c8;
    }
    .sv_wxcam_animationbar_mobile {
        position: relative;
        top: -74%;
        left: 15%;
        width: 83%;
        height: 8px;
        background-color: #aaa;
    }
    .sv_wxcam_animationball_mobile {
        position: relative;
        top: -108%;
        left: 94%;
        width: 6px;
        height: 6px;
        border: 5px solid #1f49c8;
        background-color: white;
        border-radius: 10px;
    }
    .sv_wxcamtogglebutton_mobile {
        border: 1px solid #2f528f;
        background-color: #ffffff;
        border-radius: 5px;
        color: #000000;
        padding: 2px 3px;
        font-size: 11px;
        margin: 5px 5px 20px;
        flex: 0 0 90px;
    }
    .sv_wxcam_animationlabel_mobile {
        position: relative;
        top: -35px;
        left: -11px;
        width: auto;
        font-size: 11px;
        line-height: 15px;
        color: #1f49c8;
        text-align: end;
        margin-left: 58px;
    }
}

@media only screen and (min-width: 500px) and (orientation: portrait) {
    .sv_wxcam_animationcontrol_mobile {
        background-color: rgb(255, 255, 255);
        width: 98%;
        height: 38px;
        border-radius: 6px;
        margin: 0px 0px 2% 1%;
        overflow: hidden;
        border: 1px solid #1f49c8;
    }
    .sv_wxcam_animationbar_mobile {
        position: relative;
        top: -74%;
        left: 6%;
        width: 93%;
        height: 8px;
        background-color: #aaa;
    }
    .sv_wxcam_animationball_mobile {
        position: relative;
        top: -108%;
        left: 97%;
        width: 7px;
        height: 7px;
        border: 5px solid #1f49c8;
        background-color: white;
        border-radius: 10px;
    }
    .sv_wxcamtogglebutton_mobile {
        border: 1px solid #2f528f;
        background-color: #ffffff;
        border-radius: 5px;
        color: #000000;
        padding: 2px 3px;
        font-size: 12px;
        margin: 5px 5px 20px;
        flex: 0 0 90px;
    }
    .sv_wxcam_animationlabel_mobile {
        position: relative;
        top: -35px;
        left: -11px;
        width: auto;
        font-size: 12px;
        line-height: 15px;
        color: #1f49c8;
        text-align: end;
        margin-left: 58px;
    }
}
.sv_wxcam_animationbar {
    position: relative;
    top: -28px;
    left: 46px;
    width: 88%;
    height: 8px;
    background-color: #aaa;
}
.sv_wxcam_animationball {
    position: relative;
    top: -41px;
    left: 430px;
    width: 7px;
    height: 7px;
    border: 5px solid #1f49c8;
    background-color: white;
    border-radius: 10px;
}
.sv_wxcam_animationbutton_play {
    position: relative;
    top: 9px;
    left: 16px;
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid transparent;
    visibility: visible;
}
.sv_wxcam_animationbutton_pause {
    position: relative;
    top: -8px;
    left: 12px;
    width: 4px;
    height: 14px;
    border-left: 5px solid white;
    border-right: 5px solid white;
    visibility: hidden;
}
.sv_wxcam_animationbutton {
    position: relative;
    background-color: #1f49c8;
    width: 38px;
    height: 38px;
    cursor: pointer;
}
.sv_wxcam_animationcontrol {
    background-color: rgb(255 255 255);
    width: 95%;
    height: 38px;
    border-radius: 6px;
    margin: 0px 0px 10px 10px;
    overflow: hidden;
    border: 1px solid #1f49c8;
}
.sv_wxcam_animationcell {
    position: fixed;
    height: 8px;
    z-index: 2001;
}
.wxcam_spinner {
    position: relative;
    width: 28%;
    height: 28%;
}
.wxcam_spinner .wxcam_spinner_blade {
    position: absolute;
    top: -180%;
    left: 160%;
    width: 3.5px;
    height: 8px;
    background-color: white;
    border-radius: 6.25px;
    -webkit-animation: spinnerBlade 1.2s linear infinite;
    animation: spinnerBlade 1.2s linear infinite;
    will-change: opacity;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(1) {
    -webkit-transform: rotate(36deg) translateY(-12px);
    transform: rotate(36deg) translateY(-12px);
    -webkit-animation-delay: -1.875s;
    animation-delay: -1.875s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(2) {
    -webkit-transform: rotate(72deg) translateY(-12px);
    transform: rotate(72deg) translateY(-12px);
    -webkit-animation-delay: -1.750s;
    animation-delay: -1.750s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(3) {
    -webkit-transform: rotate(108deg) translateY(-12px);
    transform: rotate(108deg) translateY(-12px);
    -webkit-animation-delay: -1.625s;
    animation-delay: -1.625s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(4) {
    -webkit-transform: rotate(144deg) translateY(-12px);
    transform: rotate(144deg) translateY(-12px);
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(5) {
    -webkit-transform: rotate(180deg) translateY(-12px);
    transform: rotate(180deg) translateY(-12px);
    -webkit-animation-delay: -1.375s;
    animation-delay: -1.375s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(6) {
    -webkit-transform: rotate(216deg) translateY(-12px);
    transform: rotate(216deg) translateY(-12px);
    -webkit-animation-delay: -1.250s;
    animation-delay: -1.250s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(7) {
    -webkit-transform: rotate(252eg) translateY(-12px);
    transform: rotate(252deg) translateY(-12px);
    -webkit-animation-delay: -1.125s;
    animation-delay: -1.125s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(8) {
    -webkit-transform: rotate(288deg) translateY(-12px);
    transform: rotate(288deg) translateY(-12px);
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(9) {
    -webkit-transform: rotate(324deg) translateY(-12px);
    transform: rotate(324deg) translateY(-12px);
    -webkit-animation-delay: -0.875s;
    animation-delay: -0.875s;
}
.wxcam_spinner .wxcam_spinner_blade:nth-child(10) {
    -webkit-transform: rotate(0deg) translateY(-12px);
    transform: rotate(0deg) translateY(-12px);
    -webkit-animation-delay: -0.75s;
    animation-delay: -0.75s;
}
@-webkit-keyframes spinnerBlade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.50; }
  100% {
    opacity: 0.25; } 
}
@keyframes spinnerBlade {
  0% {
    opacity: 0.85; }
  50% {
    opacity: 0.50; }
  100% {
    opacity: 0.25; } 
}
<!-- wxcam dialog end-->
.sv_popup {
    border-radius: 12px;
    border: 1px solid #666;
    overflow: hidden;
}
.sv_popupheader {
    height: 43px;
    background-color: #f6f6f8;
    text-align: center;
    border-bottom: 1px solid #d4d4d8;
    display: table;
    width: 100%;
}
.sv_popupheader_title {
    display: table-cell;
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    height: 44px;
    width: 100%;
    padding: 0 40px;
}
.sv_popupcontent {
    background-color: #ffffff;
    padding: 10px;
}
.sv_metardetail_row {
    padding: 5px 36px 2px 10px;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #d4d4d8;
}
.sv_gfaclouddetail_row {
    padding: 5px 36px 2px 10px;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #d4d4d8;
}
.sv_metardetail_tafrow {
    padding: 2px 36px 2px 30px;
    background-color: #ffffff;
    font-size: 15px;
    position: relative;
    border-bottom: 1px solid #d4d4d8;
}
.sv_metardetail_label {
    color: #999;
    font-size: 13px;
}
.sv_metardetail_ball {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 5px;
    width: 26px;
    height: 26px;
    background-image: url(svimages/metarsprite.png);
    background-size: 130px 130px;
}
.leaflet-retina .sv_metardetail_ball {
    background-image: url(svimages/metarsprite2.png);
}
.sv_weatherText_icon {
    width: 26px;
    height: 26px;
    background-image: url(svimages/metarsprite.png);
    background-size: 130px 130px;
}
.sv_weatherText_row {
    padding: 5px;
    font-size: 15px;
    position: relative;
    border: 1px solid #d4d4d8;
}
.sv_animationwrapcontrol {
    background-color: rgba(255,255,255,0);
    width: 185px;
    height: 90px;
    border-radius: 6px;
    overflow: hidden;
}
.sv_animationcontrol {
    background-color: rgba(255,255,255,0.3);
    width: 185px;
    height: 90px;
    border-radius: 6px;
    overflow: hidden;
}

.sv_animationbutton {
    position: relative;
    background-color: #1f49c8;
    border-radius: 5px;
    width: 44px;
    height: 44px;
    top: -1px;
    cursor: pointer;
}
.sv_animationbutton_play {
    position: absolute;
    top: 12px;
    left: 18px;
    border-top: 10px solid transparent;
    border-left: 10px solid white;
    border-bottom: 10px solid transparent;
    visibility: visible;
}
.sv_animationbutton_pause {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 4px;
    height: 14px;
    border-left: 5px solid white;
    border-right: 5px solid white;
    visibility: hidden;
}
.sv_vadbutton {
    position: absolute;
    top: 49px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background-color: #1f49c8;
    width: 44px;
    height: 44px;
    left: 185px;
    color: white;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    cursor: pointer;
    padding-top: 6px;
    display: none;
}
.sv_animationlabel {
    position: absolute;
    top: 50px;
    left: 44px;
    width: 141px;
    font-size: 15px;
    line-height: 15px;
    color: #1f49c8;
    text-align: center;
}
.sv_animationbar {
    position: absolute;
    top: 69px;
    left: 52px;
    width: 125px;
    height: 8px;
    background-color: #aaa;
}
.sv_animationball {
    position: absolute;
    top: 65px;
    left: 162px;
    width: 7px;
    height: 7px;
    border: 5px solid #1f49c8;
    background-color: white;
    border-radius: 10px;
}
.sv_animationcell {
    position: absolute;
    height: 8px;
}
.sv_spacecontrol {
    background-color: rgba(255,255,255,0.0);
    width: 185px;
    height: 4px;
    border-radius: 6px;
    overflow: hidden;
}
.sv_opacitycontrol {
    background-color: rgba(255,255,255,0.3);
    width: 185px;
    height: 45px;
    border-radius: 6px;
    overflow: hidden;
}
.sv_opacitylabel {
    position: absolute;
    top: 4px;
    left: 26px;
    width: 141px;
    font-size: 15px;
    line-height: 15px;
    color: #1f49c8;
    text-align: center;
}
.sv_opacitybar {
    position: absolute;
    top: 28px;
    left: 5px;
    width: 176px;
    height: 8px;
    background-color: #aaa;
}
.sv_opacityball {
    position: absolute;
    top: 23px;
    left: 162px;
    width: 7px;
    height: 7px;
    border: 5px solid #1f49c8;
    background-color: white;
    border-radius: 10px;
}
.sv_opacitycell {
    position: absolute;
    height: 8px;
}
.sv_animationcellon {
    position: absolute;
    height: 8px;
    background-color: #777;
}
.sv_topbar-search {
    position: absolute;
}
label.sv_topbar-exactmatchlabel, .sv_topbar-exactmatch {
    color: white;
    line-height: normal;
    font-size: 13px;
    margin-left: 3px;
}
.sv_topbar-searchbtn {
  width: auto;
  -moz-appearance: none;
  color: #000;
  line-height: normal;
  font-size: 13px;
  margin-left:3px;
}
.sv_topbar-searchbtn:disabled {
    color: #777;
    background-color: #bbb;
    border-color: #bbb;
}
.sv_topbar-searchbtn:hover {
    cursor: pointer;
}
.sv_topbar-rblbtn {
  width: auto;
  -moz-appearance: none;
  color: #000;
  line-height: normal;
  font-size: 13px;
  margin-left: 3px;
}
.sv_topbar-rblbtn:hover {
    cursor: pointer;
}
.sv_topbar-rblbtnOn {
  width: auto;
  -moz-appearance: none;
  color: #000;
  line-height: normal;
  font-size: 13px;
  margin-left: 3px;
  color: white;
  background-color: #1f49c8;
  border-color: #1f49c8;
}
.sv_topbar-searchfield {
    width: 80px;
}
.sv_topbar-searchfield:focus {
  border-color: unset;
}
.sv_searchresults {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #666;
    overflow-x: hidden;
    overflow-y: auto;
    width: 260px;
    max-height: 260px;
}
.sv_legend {
    background-color: white;
    font-size: 14px;
    width: 230px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #999;
}
.leaflet-bottom .sv_legend {
    margin-bottom: -1px;
}
.leaflet-bottom.leaflet-right {
    display: -webkit-flex; 
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    min-width: 240px;
    top: auto;
    bottom: 0;
}
.sv_legend_title {
    text-align: center;
}
.sv_extralegend_icon ~ .sv_legend_title {
    margin-left: 22px;
}
.sv_legend_detail {
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
.sv_legend_metardetail {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    vertical-align: middle;
}
.sv_legend_4box {
    width: 50px;
    height: 12px;
    display: inline-block;
}
.sv_legend_4label {
    width: 50px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.sv_legend_4boxTfr {
    width: 30px;
    height: 12px;
    display: inline-block;
}
.sv_legend_4labelTfr {
    width: 75px;
    height: 12px;
    padding-left: 3px;
    display: inline-block;
    text-align: left;
}
.sv_legend_4iconWxCam {
    width: 11px;
    height: 8px;
    margin-top: 1px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}
.sv_legend_4labelWxCam {
    width: 75px;
    height: 12px;
    margin-left: 5px;
    display: inline-block;
    text-align: left;
}
.sv_legend_3box {
    width: 65px;
    height: 12px;
    display: inline-block;
}
.sv_legend_3label {
    width: 65px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.sv_legend_5box {
    width: 40px;
    height: 12px;
    display: inline-block;
}
.sv_legend_5label {
    width: 40px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.sv_legend_6box {
    width: 36.5px;
    height: 12px;
    display: inline-block;
}
.sv_legend_6label {
    width: 30px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.sv_legend_6label_samewidth {
    width: 36.5px;
    height: 12px;
    display: inline-block;
    text-align: center;
}
.sv_legend_6labelturb {
    width: 35px;
    height: 12px;
    display: inline-block;
    text-align: right;
}
.sv_legend_7box {
    width: 30px;
    height: 12px;
    display: inline-block;
}
.sv_legend_7label {
    width: 30px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
}
.sv_legend_leftlabel_precip {
    width: 30px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: left;
    position: relative;
    left: -7px;
}
.sv_legend_7label_cloudbase {
    width: 30px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: -15px;
}
.sv_legend_7label_winds {
    width: 27px;
    height: 12px;
    display: inline-block;
    text-align: center;
}

.sv_legend_10box {
    width: 20px;
    height: 12px;
    display: inline-block; 
}
.sv_legend_10label {
    width: 20px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
}
.sv_legendFreezing_10label {
    width: 20px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
}
.sv_legend_11box_turb {
    width: 18.5px;
    height: 12px;
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;;
}
.sv_legend_11box {
    width: 17px;
    height: 12px;
    display: inline-block;
}
.sv_legend_11label {
    width: 17px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
}
.sv_legend_11label_ice {
    width: 17.84px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    right: -9px;
}
.sv_legend_11label_SLD {
    width: 17.8px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
}
.sv_legend_11label_turb {
    width: 19.5px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: -9.25px;

}
.sv_legend_11label_cloudtop {
    width: 17px;
    height: 12px;
    font-size: 10px;
    line-height: 10px;
    display: inline-block;
    text-align: center;
    position: relative;
    left: -8px;
}
.sv_legend_16box_winds {
    width: 12.5px;
    height: 12px;
    display: inline-block;
    border: 1px solid #000000;
    border-right: 0px;

}
.sv_legend_smallbox {
    width: 20px;
    height: 12px;
    display: inline-block;
}
.sv_legend_tinybox {
    width: 6px;
    height: 20px;
    display: inline-block;
    margin-right: 2px;
}
.sv_legend_teenybox {
    width: 3px;
    height: 12px;
    display: inline-block;
    margin-right: 2px;
}
.sv_legend_smalllabel {
    height: 12px;
    display: inline-block;
    padding-right: 8px;
    padding-left: 5px;
    text-align: center;
}

.sv_hideLegend {
    top: 100%;
    bottom: inherit;
}
.sv_legend_handle {
    cursor: pointer;
    position: absolute;
    top: -40px;
    right: 0px;
}
.sv_legend_hide_button {
    display: block;
    width: 32px;
    height: 32px;
    background-image: url(svimages/down.svg);
    cursor: pointer;
}
.sv_legend_show_button {
    display: none;
    background-image: url(svimages/info.svg);
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.wide {
    display: inherit;
}
.narrow {
    display: none;
}
@media only screen and (max-width: 640px), only screen and (max-height: 640px) {
    .wide {
        display: none;
    }
    .narrow {
        display: inherit;
    }
}
.sv_legend_radarbr {
    background-image: url(svimages/radarbr.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 220px;
    height: 15px;
}
.sv_legend_radarbrclr {
    background-image: url(svimages/radarclr.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 220px;
    height: 15px;
}
.sv_legend_radaret {
    background-image: url(svimages/radaret.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 220px;
    height: 15px;
}
.sv_legend_sat-wv {
    background-image: url(svimages/sat-wv.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 220px;
    height: 15px;
}
.sv_legend_radarscale {
    display: inline-block;
    width: 49px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
.sv_legend_radartopscale {
    display: inline-block;
    width: 22px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
.sv_legend_satwvscale {
    display: inline-block;
    width: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
}
.sv_legend_radar_winter {
    display: inline-block;
    background-image: url(svimages/radarwinter.png);
    background-repeat: no-repeat;
    background-size: 450px 50px;
    width: 150px;
    height: 14px;
}
.sv_legend_radar_winter.mixed {
    background-position: -150px 0px;
}
.sv_legend_radar_winter.snow {
    background-position: -300px 0px;
}
.sv_legend_wxcamdetail {
    text-align: center;
    font-size: 13px;
    line-height: 13px;
    vertical-align: middle;
}
.sv_baselayercontrol_narrowswitcher {
    float: right;
    cursor: pointer;
    margin: 3px 3px;
    border: 1px solid #1f49c8;
    border-radius: 15px;
    background-color: #1f49c8;
    color: #1f49c8;
    overflow: hidden;
}
span.sv_baselayercontrol_picker_title {
    font-size: 15px;
    line-height: 20px;
    padding: 2px 10px 0 10px;
    background-color: white;
    display: inline-block;
    min-width: 130px;
}
span.sv_baselayercontrol_down_arrow {
    background-image: url(svimages/downarrow.svg);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 15px;
    vertical-align: top;
    margin: 2px 4px;
}

.sv_baselayercontrol_picker {
    background-color: white;
    position: absolute;
    top: 16px;
    right: 3px;
    display: none;
    padding-top: 14px;
    border: 1px solid #666;
    border-radius: 0 0 10px 10px;
    z-index: -1;
    overflow: scroll;
    max-height: 400px;
}
.sv_pickerrow {
    font-size: 16px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    height: auto;
    padding: 0 10px;
    white-space: pre-wrap;
}
.sv_pickerrow:hover {
    background-color: #eeeeee;
}
.sv_pickerrowon {
    font-size: 16px;
    line-height: 32px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    height: auto;
    color: #1f49c8;
    padding: 0 10px;
    white-space: pre-wrap;
}
.sv_popup_scroller {
    max-height: 260px;
    overflow-y: auto;
}
.sv_fplbutton {
    position: absolute;
    top: 33px;
    left: 10px;
    width: 44px;
    height: 44px;
    border: 1px solid #666;
    border-radius: 10px;
    background-color: white;
    background-image: url(svimages/newfpl.svg);
    background-size: 44px 44px;
    background-repeat: no-repeat;
    padding: 0px !important;
    cursor: pointer;
}
.sv_commonControl_arrow_box {
    position: relative;
    color: white;
    left: 10px;
    width: 260px;
    background: #000e61;
    border-radius: 7px;
    padding: 10px;
    font-size: 14px;
}
.sv_commonControl_arrow_box::after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 0, 0, 0);
    border-bottom-color: #000e61;
    border-width: 10px;
    margin-left: -10px;
}
.sv_commonControl_arrow_boxContent {
    height: 100%;
    overflow: hidden;
}
.sv_commonControl_options {
    position: absolute;
    overflow: hidden;
    height: 0px;
    width: 100%;
    transition: height .2s;
    z-index: 20;
}
.sv_commonControl_optionsSlider {
    position: absolute;
    z-index: 10;
    bottom: 0px;
    left: 0px;
}
.sv_fplcontrol {
    width: 300px;
    border: 1px solid #666;
    border-radius: 10px;
    font-size: 16px;
    line-height: 1.2em;
    overflow: hidden;
    background-color: #f0eff6;
}
.sv_fplcontrol input.formerror {
    border-color: #FF0000;
}
.sv_fplcontrol label[for] {
    padding: 0;
}
.sv_fplcontrol_actionsheet {
    position: absolute;
    width: 200px;
    height: 178px;
    color: white;
    background-color: #000e61;
    z-index: 100;
    left: -201px;
    transition: left .2s;
    cursor: pointer;
}
.sv_fplcontrol_actionsheethdr {
    height: 30px;
    border-right: 1px solid #000e61;
    padding: 14px 20px 0 0;
    background-color: rgba(255,255,255,0.8);
    color: #000e61;
    text-align: center;
}
.sv_fplcontrol_actionsheethdrarrow {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 8px;
}
.sv_fplcontrol_rightcheck {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 15px;
    right: 11px;
    cursor: pointer;
}
.sv_fplcontrol_headerburger {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 7px;
    left: 8px;
    cursor: pointer;
}
.sv_fplcontrol_actionsheetrow {
    height: 30px;
    padding: 14px 0 0 20px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
    position: relative;
}
.sv_fplcontrol_arrow_boxContentScroller {
    max-height: 215px;
    overflow-y: auto;
}
#sv_fplcontrol_acfthelp::after {
    left: 32px;
}
#sv_fplcontrol_tashelp::after {
    left: 104px;
}
#sv_fplcontrol_althelp::after {
    left: 175px;
}
#sv_fplcontrol_etdhelp::after {
    left: 247px;
}
span.sv_fplcontrol_etdhelplabel {
    display: inline-block;
    width: 70px;
    text-align: right;
    padding-right: 10px;
}
input.sv_fplcontrol_etdtime {
    display: inline-block;
    width: 60px;
    margin: 5px 0 0 0;
    text-align: center;
    color: black;
}
.sv_fplcontrol_etdtz {
    display: inline-block;
    width: 68px;
    margin-left: 4px;
    padding: 0;
    color: black;
    text-align-last: center;
    height: 20px;
}
.mobile-mode .sv_fplcontrol_etdtz {
    width: 42px;
    height: 23px;
    position: relative;
    padding-right: 32px;
    text-align-last: left;
    padding-left: 14px;
    bottom: 1px;
}
.sv_fplcontrol_etddate {
    display: inline-block;
    width: 134px;
    margin: 5px 0 0 0;
    text-align: center;
    color: black;
}
.sv_fplcontrol_subheader {
    background-color: white;
    padding: 0px 0px 2px 5px;
}
.sv_fplcontrol_subheader input {
    font-size: 14px;
    line-height: 20px;
    border-width: 0 0 1px 0;
    border-color: #1f49c8;
    border-radius: 0px;
    padding: 0px 0px 1px 0px;
    margin: 0 2px;
    width: 68px;
    color: #000e61;
    text-align: center;
}
.sv_fplcontrol_subheader ::placeholder {
    font-size: 13px;
    color: #bbb;
}
.sv_fplcontrol_subheader :-ms-input-placeholder {
    font-size: 13px;
    color: #bbb;
}
.sv_fplcontrol_subheader label {
    position: relative;
    display: inline-block;
    width: 68px;
    margin: -3px 2px;
    font-size: 10px !important;
    color: #1f49c8;
    text-align: center;
    padding: 0;
}
.sv_fplcontrol_airportrow {
    background-color: white;
    position: relative;
    padding: 0 5px 9px 5px;
}
.sv_fplcontrol_airportname {
    font-size: 18px;
    position: absolute;
    left: 110px;
    top: 12px;
    overflow: hidden;
    white-space: nowrap;
}
.sv_fplcontrol_airportcity {
    font-size: 13px;
    position: absolute;
    color: #999;
    left: 110px;
    top: 28px;
    overflow: hidden;
    white-space: nowrap;
}
.sv_fplcontrol_airportrow input {
    font-size: 20px;
    line-height: 27px;
    border-width: 0 0 1px 0;
    border-color: #1f49c8;
    border-radius: 0;
    padding: 0;
    margin: 0 2px;
    width: 90px;
    color: #000e61;
    text-align: center;
    text-transform: uppercase;
}
.sv_fplcontrol_airportrow ::placeholder {
    font-size: 20px;
    color: #bbb;
}
.sv_fplcontrol_airportrow :-ms-input-placeholder {
    font-size: 20px;
    color: #bbb;
}
.sv_fplcontrol_airportrow label {
    position: relative;
    display: inline-block;
    width: 90px;
    margin: -3px 2px;
    font-size: 10px !important;
    color: #1f49c8;
    text-align: center;
    padding: 0;
}
.sv_routecontainer {
    position: relative;
    display: none;
}
.sv_fplcontrol_routerow {
    background-color: white;
    padding: 10px 5px 3px 5px;
}
.sv_fplcontrol_minilogrow {
    background-color: white;
    padding: 0 5px 3px 5px;
    max-height: 252px;
    overflow-y: auto;
}
.sv_fplcontrol_navlogrow {
    position: relative;
    height: 44px;
}
.sv_fplcontrol_navlogstation {
    position: absolute;
    left: 40px;
    top: 11px;
    height: 22px;
    line-height: 22px;
    width: 229px;
    padding: 0px 10px;
    background-color: #eee;
}
.sv_fplcontrol_navlogroute {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    text-align: center;
}
.sv_fplcontrol_navlogdata {
    position: absolute;
    left: 40px;
    top: -11px;
    height: 22px;
    width: 249px;
    background-color: #666;
    color: white;
    font-size: 14px;
}
.sv_fplcontrol_navlogdata_field {
    display: inline-block;
    border-left: 1px solid #aaa;
    width: 82px;
    text-align: center;
    line-height: 22px;
}

.sv_fplcontrol_routebox {
    border: 1px solid #1f49c8;
    border-radius: 8px;
    padding: 6px;
    position: relative;
}
.sv_fplcontrol_routelabel {
    position: absolute;
    background-color: white;
    color: #1f49c8;
    font-size: 10px;
    line-height: 8px;
    padding: 0 5px;
    margin-top: -12px;
    margin-left: 10px;
}
.sv_fplcontrol_routetxt {
    text-transform: uppercase;
    height: 60px;
    overflow-y: auto;
}
.sv_fplcontrol_minilogbutton1 {
    color: white;
    background-color: #808080;
    border: 1px solid #808080;
    position: absolute;
    width: 35px;
    text-align: center;
    right: 117px;
    margin-top: -11px;
    padding: 3px 5px 3px 10px;
    border-radius: 12px 0 0 12px;
    font-size: 11px;
    line-height: 11px;
    display: block;
    cursor: pointer;
    z-index: 10;
    box-sizing: content-box;
}
.sv_fplcontrol_minilogbutton2 {
    color: #808080;
    background-color: white;
    border: 1px solid #808080;
    position: absolute;
    width: 35px;
    text-align: center;
    right: 66px;
    margin-top: -11px;
    padding: 3px 10px 3px 5px;
    border-radius: 0 12px 12px 0;
    font-size: 11px;
    line-height: 11px;
    display: block;
    cursor: pointer;
    z-index: 10;
    box-sizing: content-box;
}
.sv_fplcontrol_planbutton {
    background-color: #1f49c8;
    border: 1px solid #1f49c8;
    color: white;
    position: absolute;
    right: 11px;
    margin-top: -11px;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 11px;
    display: none;
    cursor: pointer;
    z-index: 10;
}
.sv_fplcontrol_planbuttonDisabled {
    background-color: rgb(200, 200, 200);
    border-color: rgb(200, 200, 200);
}
.sv_fplcontrol_routewait {
    font-style: italic;
    color: #aaa;
    padding: 4px 5px 4px 20px;
    font-size: 12px;
    line-height: 25px;
}
.loadingSpinner {
    display: none;
    border: 2.5px solid #f3f3f3;
    border-top: 2.5px solid #1f49c8;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    -webkit-transition: loaderAnimation 1s linear infinite;
    -moz-transition: loaderAnimation 1s linear infinite;
    -ms-transition: loaderAnimation 1s linear infinite;
    animation: loaderAnimation 1s linear infinite;
}
@-webkit-keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-ms-keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes loaderAnimation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.sv_fplcontrol_totalrow {
    background-color: #ccc;
    text-align: center;
}
.sv_fplcontrol_totaldata {
    display: inline-block;
    width: 90px;
    text-align: center;
}
.sv_fplcontrol_totalrow label {
    position: relative;
    display: inline-block;
    width: 90px;
    margin: -3px 2px;
    font-size: 10px !important;
    color: #1f49c8;
    text-align: center;
}
.sv_fplcontrol_footerrow {
    border-top: 1px solid #eee;
    text-align: right;
    padding: 0px 10px 10px 0;
    border-top: 1px solid #d4d4d8;
    position: relative;
    background-color: #f0eff6;
}
.sv_fplcontrol_button1 {
    border: 1px solid #000e61;
    font-size: 16px;
    line-height: 20px;
    width: 110px;
    border-radius: 18px;
    padding: 5px 15px;
    margin: 10px 0 0 0;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
}
.sv_fplcontrol_button1_arrow {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.align-right {
    text-align: right;
}
.sv_fplcontrol_aircraftrow {
    cursor: pointer;
    background-color: white;
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    color: #000e61;
}
.sv_fplcontrol_aircraftrow:hover {
    background-color: #d2d1db;
}
.sv_loadfpl {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #666;
    overflow: hidden;
    width: 260px;
}
.sv_loadfpl_row {
    cursor: pointer;
    background-color: white;
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    color: #000e61;
}
.sv_loadfpl_row:hover {
    background-color: #d2d1db;
}
.sv_routeplot_icon {
    width: 30px;
    height: 30px;
    background-image: url(svimages/routepoint.png);
    background-size: 30px 30px;
}
.sv_windtextcircle_icon {
    width: 10px;
    height: 10px;
    background-image: url(svimages/windtextcircle.png);
    background-size: 10px 10px;
}
.leaflet-retina .sv_routeplot_icon {
    width: 30px;
    height: 30px;
    background-image: url(svimages/routepoint2.png);
    background-size: 30px 30px;
}
.sv_rightclickresults {
    border-radius: 12px;
    border: 1px solid #666;
    overflow: hidden;
    width: 300px;
}
.sv_hoverrow {
    cursor: pointer;
}
.sv_hoverrow:hover {
    background-color: #e5e3e9;
}
input.sv_circledot {
    display: none;
}
.sv_circledots {
    position: absolute;
    right: 3px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    transition: 0.2s;
    cursor: pointer;
}
input.sv_circledot:checked ~ img.sv_circledots {
      transform: rotate(90deg);
}
.sv_rowbuttons {
    height: 0px;
    border-bottom: 0px solid #d4d4d8;
    overflow: hidden;
    transition: 0.2s;
    position: relative;
}
.sv_rowbuttonContent {
    height: 43px;
    width: 100%;
    bottom: 0px;
    position: absolute;
    padding-left: 5px;
}
.sv_rowbutton {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin: 0 0 0 4px;
    height: 26px;
    color: #ffffff;
    border-radius: 0 0 5px 5px;
    display: inline-block;
    cursor: pointer;
}
div.sv_extralegend {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1010;
    width: 95%;
    max-width: 330px;
    aspect-ratio: 33/40;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #666;
    background-color: white;
}
div.sv_extraturblegend {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1010;
    width: 95%;
    max-width: 366px;
    aspect-ratio: 61/30;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #666;
    background-color: white;
}
div.sv_extralegendscroller {
    height: 92%;
    width: 100%;
    overflow-y: hidden;
}
div.sv_extraturblegendscroller {
    width: 100%;
    height: auto;
    overflow: hidden;
}
div.sv_extraturblegend iframe {
    width: 100%;
    height: auto;
    border: none;
}
div.sv_extralegend iframe {
    width: 100%;
    height: 95%;
    border: none;
}
.sv_route_label {
    padding: 0px 4px 0 4px;
    line-height: 1EM;
    border-color: #bb44bb;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
    border-width: 2px;
}
.sv_route_label:before {
    border-right-color: #bb44bb;
    border-width: 5px;
    margin-left: -10px;
}
.sv_extralegend_icon {
    position: absolute;
    width: 20px;
    height: 17px;
    background-image: url(svimages/extralegend.png);
    background-size: 20px 17px;
    cursor: pointer;
}
.leaflet_retina .sv_extralegend_icon {
    position: absolute;
    width: 20px;
    height: 17px;
    background-size: 20px 17px;
    background-image: url(svimages/extralegend2.png);
}
@media only screen and (max-width: 710px) {
    div.sv_timeslider ~ div.leaflet-bottom.leaflet-left {
        bottom: 50px;
    }
}
div.leaflet-bottom.leaflet-left {
    min-width: 245px;
    z-index: 1000;
}
.leaflet-container .leaflet-control-attribution {
    position: absolute;
    bottom: 100%;
    left: 4px;
    margin-bottom: 4px;
    background: transparent;
    color: black;
    text-shadow: 0 0 5px #fff;
}
.leaflet-control-attribution a {
    color: black;

}
.sv_dataage {
    position: absolute;
    right: 49px;
    top: -30px;
    background-color: white;
    border: 1px solid #999;
    border-radius: 20px;
    padding: 1px 10px;
}
@media only screen and (max-width: 625px) {
    .sv_dataage {
        top: -72px;
        right: 2px;
    }
}
.sv_clearicon {
    pointer-events: none;
}
.sv_scrollindicator_chevron {
    position: absolute;
    left: 50%;
    bottom: 4px;
    height: 10px;
    background-color: #eee;
    margin-left: -28px;
    width: 40px;
    z-index: 10;
    padding: 3px 8px;
    border-radius: 8px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwIiBoZWlnaHQ9IjEwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMSwxIEwgMjAsOSBMIDM5LDEiIHN0cm9rZT0iIzk5OSIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiAvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: center;
}
.sv_aircrafticon {
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzYuMzYyMikiIGlkPSJsYXllcjEiPiA8cGF0aCBkPSJtIDgsMTAzNy4zNjIyIGMgMCwwIDAuOTY4NjI3NCwxLjIxNTcgMSwyIDAuMDMxMzcyLDAuNzg0MyAwLDQgMCw0IGwgNiwyIDAsMiAtNiwtMSAwLDIuNSAyLDEgMCwxLjUgLTMsLTAuNSAtMywwLjUgMCwtMS41IDIsLTEgMCwtMi41IC02LDEgMCwtMiA2LC0yIGMgMCwwIDAsLTMuMjQ3IDAsLTQgMCwtMC43NTI5IDAuOTk5OTk3NCwtMiAxLC0yIHoiIGlkPSJwYXRoMjk4NSIgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2U6I2ZmMDBmZiIgLz4gPC9nPgo8L3N2Zz4K);
}
.sv_aircrafticon_green {
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzYuMzYyMikiIGlkPSJsYXllcjEiPiA8cGF0aCBkPSJtIDgsMTAzNy4zNjIyIGMgMCwwIDAuOTY4NjI3NCwxLjIxNTcgMSwyIDAuMDMxMzcyLDAuNzg0MyAwLDQgMCw0IGwgNiwyIDAsMiAtNiwtMSAwLDIuNSAyLDEgMCwxLjUgLTMsLTAuNSAtMywwLjUgMCwtMS41IDIsLTEgMCwtMi41IC02LDEgMCwtMiA2LC0yIGMgMCwwIDAsLTMuMjQ3IDAsLTQgMCwtMC43NTI5IDAuOTk5OTk3NCwtMiAxLC0yIHoiIGlkPSJwYXRoMjk4NSIgc3R5bGU9ImZpbGw6IzAwYmIwMDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC41IiAvPiA8L2c+Cjwvc3ZnPgoK);
}
.sv_aircrafticon_red {
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzYuMzYyMikiIGlkPSJsYXllcjEiPiA8cGF0aCBkPSJtIDgsMTAzNy4zNjIyIGMgMCwwIDAuOTY4NjI3NCwxLjIxNTcgMSwyIDAuMDMxMzcyLDAuNzg0MyAwLDQgMCw0IGwgNiwyIDAsMiAtNiwtMSAwLDIuNSAyLDEgMCwxLjUgLTMsLTAuNSAtMywwLjUgMCwtMS41IDIsLTEgMCwtMi41IC02LDEgMCwtMiA2LC0yIGMgMCwwIDAsLTMuMjQ3IDAsLTQgMCwtMC43NTI5IDAuOTk5OTk3NCwtMiAxLC0yIHoiIGlkPSJwYXRoMjk4NSIgc3R5bGU9ImZpbGw6I2ZmMDAwMDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC41IiAvPiA8L2c+Cjwvc3ZnPgoK);
}
.sv_aircrafticon_yellow {
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzYuMzYyMikiIGlkPSJsYXllcjEiPiA8cGF0aCBkPSJtIDgsMTAzNy4zNjIyIGMgMCwwIDAuOTY4NjI3NCwxLjIxNTcgMSwyIDAuMDMxMzcyLDAuNzg0MyAwLDQgMCw0IGwgNiwyIDAsMiAtNiwtMSAwLDIuNSAyLDEgMCwxLjUgLTMsLTAuNSAtMywwLjUgMCwtMS41IDIsLTEgMCwtMi41IC02LDEgMCwtMiA2LC0yIGMgMCwwIDAsLTMuMjQ3IDAsLTQgMCwtMC43NTI5IDAuOTk5OTk3NCwtMiAxLC0yIHoiIGlkPSJwYXRoMjk4NSIgc3R5bGU9ImZpbGw6I2ZmZmYwMDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC41IiAvPiA8L2c+Cjwvc3ZnPgoK);
}
.sv_aircrafticon_white {
    pointer-events: none;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPgogIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwMzYuMzYyMikiIGlkPSJsYXllcjEiPiA8cGF0aCBkPSJtIDgsMTAzNy4zNjIyIGMgMCwwIDAuOTY4NjI3NCwxLjIxNTcgMSwyIDAuMDMxMzcyLDAuNzg0MyAwLDQgMCw0IGwgNiwyIDAsMiAtNiwtMSAwLDIuNSAyLDEgMCwxLjUgLTMsLTAuNSAtMywwLjUgMCwtMS41IDIsLTEgMCwtMi41IC02LDEgMCwtMiA2LC0yIGMgMCwwIDAsLTMuMjQ3IDAsLTQgMCwtMC43NTI5IDAuOTk5OTk3NCwtMiAxLC0yIHoiIGlkPSJwYXRoMjk4NSIgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6MC41IiAvPiA8L2c+Cjwvc3ZnPgoK);
}
.mapbox-wordmark {
    position: absolute;
    bottom: 100%;
    display: block;
    height: 20px;
    width: 65px;
    text-indent: -9999%;
    overflow: hidden;
      background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgODAuNDcgMjAuMDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwLjQ3IDIwLjAyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe29wYWNpdHk6MC42O2ZpbGw6I0ZGRkZGRjtlbmFibGUtYmFja2dyb3VuZDpuZXcgICAgO30uc3Qxe29wYWNpdHk6MC42O2VuYWJsZS1iYWNrZ3JvdW5kOm5ldyAgICA7fTwvc3R5bGU+PGc+PHBhdGggY2xhc3M9InN0MCIgZD0iTTc5LjI5LDEzLjYxYzAsMC4xMS0wLjA5LDAuMi0wLjIsMC4yaC0xLjUzYy0wLjEyLDAtMC4yMy0wLjA2LTAuMjktMC4xNmwtMS4zNy0yLjI4bC0xLjM3LDIuMjhjLTAuMDYsMC4xLTAuMTcsMC4xNi0wLjI5LDAuMTZoLTEuNTNjLTAuMDQsMC0wLjA4LTAuMDEtMC4xMS0wLjAzYy0wLjA5LTAuMDYtMC4xMi0wLjE4LTAuMDYtMC4yN2MwLDAsMCwwLDAsMGwyLjMxLTMuNWwtMi4yOC0zLjQ3Yy0wLjAyLTAuMDMtMC4wMy0wLjA3LTAuMDMtMC4xMWMwLTAuMTEsMC4wOS0wLjIsMC4yLTAuMmgxLjUzYzAuMTIsMCwwLjIzLDAuMDYsMC4yOSwwLjE2bDEuMzQsMi4yNWwxLjMzLTIuMjRjMC4wNi0wLjEsMC4xNy0wLjE2LDAuMjktMC4xNmgxLjUzYzAuMDQsMCwwLjA4LDAuMDEsMC4xMSwwLjAzYzAuMDksMC4wNiwwLjEyLDAuMTgsMC4wNiwwLjI3YzAsMCwwLDAsMCwwTDc2Ljk2LDEwbDIuMzEsMy41Qzc5LjI4LDEzLjUzLDc5LjI5LDEzLjU3LDc5LjI5LDEzLjYxeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02My4wOSw5LjE2Yy0wLjM3LTEuNzktMS44Ny0zLjEyLTMuNjYtMy4xMmMtMC45OCwwLTEuOTMsMC40LTIuNiwxLjEyVjMuMzdjMC0wLjEyLTAuMS0wLjIyLTAuMjItMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjIsMC4xLTAuMjIsMC4yMnYxMC4yMWMwLDAuMTIsMC4xLDAuMjIsMC4yMiwwLjIyaDEuMzNjMC4xMiwwLDAuMjItMC4xLDAuMjItMC4yMnYtMC43YzAuNjgsMC43MSwxLjYyLDEuMTIsMi42LDEuMTJjMS43OSwwLDMuMjktMS4zNCwzLjY2LTMuMTNDNjMuMjEsMTAuMyw2My4yMSw5LjcyLDYzLjA5LDkuMTZMNjMuMDksOS4xNnogTTU5LjEyLDEyLjQxYy0xLjI2LDAtMi4yOC0xLjA2LTIuMy0yLjM2VjkuOTljMC4wMi0xLjMxLDEuMDQtMi4zNiwyLjMtMi4zNnMyLjMsMS4wNywyLjMsMi4zOVM2MC4zOSwxMi40MSw1OS4xMiwxMi40MXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjguMjYsNi4wNGMtMS44OS0wLjAxLTMuNTQsMS4yOS0zLjk2LDMuMTNjLTAuMTIsMC41Ni0wLjEyLDEuMTMsMCwxLjY5YzAuNDIsMS44NSwyLjA3LDMuMTYsMy45NywzLjE0YzIuMjQsMCw0LjA2LTEuNzgsNC4wNi0zLjk5UzcwLjUxLDYuMDQsNjguMjYsNi4wNHogTTY4LjI0LDEyLjQyYy0xLjI3LDAtMi4zLTEuMDctMi4zLTIuMzlzMS4wMy0yLjQsMi4zLTIuNHMyLjMsMS4wNywyLjMsMi4zOVM2OS41MSwxMi40MSw2OC4yNCwxMi40Mkw2OC4yNCwxMi40MnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTkuMTIsNy42M2MtMS4yNiwwLTIuMjgsMS4wNi0yLjMsMi4zNnYwLjA2YzAuMDIsMS4zMSwxLjA0LDIuMzYsMi4zLDIuMzZzMi4zLTEuMDcsMi4zLTIuMzlTNjAuMzksNy42Myw1OS4xMiw3LjYzeiBNNTkuMTIsMTEuMjNjLTAuNiwwLTEuMDktMC41My0xLjExLTEuMTlWMTBjMC4wMS0wLjY2LDAuNTEtMS4xOSwxLjExLTEuMTlzMS4xMSwwLjU0LDEuMTEsMS4yMVM1OS43NCwxMS4yMyw1OS4xMiwxMS4yM3oiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjguMjQsNy42M2MtMS4yNywwLTIuMywxLjA3LTIuMywyLjM5czEuMDMsMi4zOSwyLjMsMi4zOXMyLjMtMS4wNywyLjMtMi4zOVM2OS41MSw3LjYzLDY4LjI0LDcuNjN6IE02OC4yNCwxMS4yM2MtMC42MSwwLTEuMTEtMC41NC0xLjExLTEuMjFzMC41LTEuMiwxLjExLTEuMnMxLjExLDAuNTQsMS4xMSwxLjIxUzY4Ljg1LDExLjIzLDY4LjI0LDExLjIzeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00My41Niw2LjI0aC0xLjMzYy0wLjEyLDAtMC4yMiwwLjEtMC4yMiwwLjIydjAuN2MtMC42OC0wLjcxLTEuNjItMS4xMi0yLjYtMS4xMmMtMi4wNywwLTMuNzUsMS43OC0zLjc1LDMuOTlzMS42OSwzLjk5LDMuNzUsMy45OWMwLjk5LDAsMS45My0wLjQxLDIuNi0xLjEzdjAuN2MwLDAuMTIsMC4xLDAuMjIsMC4yMiwwLjIyaDEuMzNjMC4xMiwwLDAuMjItMC4xLDAuMjItMC4yMlY2LjQ0YzAtMC4xMS0wLjA5LTAuMjEtMC4yMS0wLjIxQzQzLjU3LDYuMjQsNDMuNTcsNi4yNCw0My41Niw2LjI0eiBNNDIuMDIsMTAuMDVjLTAuMDEsMS4zMS0xLjA0LDIuMzYtMi4zLDIuMzZzLTIuMy0xLjA3LTIuMy0yLjM5czEuMDMtMi40LDIuMjktMi40YzEuMjcsMCwyLjI4LDEuMDYsMi4zLDIuMzZMNDIuMDIsMTAuMDV6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTM5LjcyLDcuNjNjLTEuMjcsMC0yLjMsMS4wNy0yLjMsMi4zOXMxLjAzLDIuMzksMi4zLDIuMzlzMi4yOC0xLjA2LDIuMy0yLjM2VjkuOTlDNDIsOC42OCw0MC45OCw3LjYzLDM5LjcyLDcuNjN6IE0zOC42MiwxMC4wMmMwLTAuNjcsMC41LTEuMjEsMS4xMS0xLjIxYzAuNjEsMCwxLjA5LDAuNTMsMS4xMSwxLjE5djAuMDRjLTAuMDEsMC42NS0wLjUsMS4xOC0xLjExLDEuMThTMzguNjIsMTAuNjgsMzguNjIsMTAuMDJ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTQ5LjkxLDYuMDRjLTAuOTgsMC0xLjkzLDAuNC0yLjYsMS4xMlY2LjQ1YzAtMC4xMi0wLjEtMC4yMi0wLjIyLTAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLDAuMS0wLjIyLDAuMjJ2MTAuMjFjMCwwLjEyLDAuMSwwLjIyLDAuMjIsMC4yMmgxLjMzYzAuMTIsMCwwLjIyLTAuMSwwLjIyLTAuMjJ2LTMuNzhjMC42OCwwLjcxLDEuNjIsMS4xMiwyLjYxLDEuMTJjMi4wNywwLDMuNzUtMS43OCwzLjc1LTMuOTlTNTEuOTgsNi4wNCw0OS45MSw2LjA0eiBNNDkuNiwxMi40MmMtMS4yNiwwLTIuMjgtMS4wNi0yLjMtMi4zNlY5Ljk5YzAuMDItMS4zMSwxLjA0LTIuMzcsMi4yOS0yLjM3YzEuMjYsMCwyLjMsMS4wNywyLjMsMi4zOVM1MC44NiwxMi40MSw0OS42LDEyLjQyTDQ5LjYsMTIuNDJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTQ5LjYsNy42M2MtMS4yNiwwLTIuMjgsMS4wNi0yLjMsMi4zNnYwLjA2YzAuMDIsMS4zMSwxLjA0LDIuMzYsMi4zLDIuMzZzMi4zLTEuMDcsMi4zLTIuMzlTNTAuODYsNy42Myw0OS42LDcuNjN6IE00OS42LDExLjIzYy0wLjYsMC0xLjA5LTAuNTMtMS4xMS0xLjE5VjEwQzQ4LjUsOS4zNCw0OSw4LjgxLDQ5LjYsOC44MWMwLjYsMCwxLjExLDAuNTUsMS4xMSwxLjIxUzUwLjIxLDExLjIzLDQ5LjYsMTEuMjN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTM0LjM2LDEzLjU5YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzRjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJWOS4yNGMwLTAuOTMtMC43LTEuNjMtMS41NC0xLjYzYy0wLjc2LDAtMS4zOSwwLjY3LTEuNTEsMS41NGwwLjAxLDQuNDRjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zNGMtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY5LjI0YzAtMC45My0wLjctMS42My0xLjU0LTEuNjNjLTAuODEsMC0xLjQ3LDAuNzUtMS41MiwxLjcxdjQuMjdjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY2LjQ0YzAuMDEtMC4xMiwwLjEtMC4yMSwwLjIyLTAuMjFoMS4zM2MwLjEyLDAsMC4yMSwwLjEsMC4yMiwwLjIxdjAuNjNjMC40OC0wLjY1LDEuMjQtMS4wNCwyLjA2LTEuMDVoMC4wM2MxLjA0LDAsMS45OSwwLjU3LDIuNDgsMS40OGMwLjQzLTAuOSwxLjMzLTEuNDgsMi4zMi0xLjQ5YzEuNTQsMCwyLjc5LDEuMTksMi43NiwyLjY1TDM0LjM2LDEzLjU5eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik04MC4zMiwxMi45N2wtMC4wNy0wLjEyTDc4LjM4LDEwbDEuODUtMi44MWMwLjQyLTAuNjQsMC4yNS0xLjQ5LTAuMzktMS45MmMtMC4wMS0wLjAxLTAuMDItMC4wMS0wLjAzLTAuMDJjLTAuMjItMC4xNC0wLjQ4LTAuMjEtMC43NC0wLjIxaC0xLjUzYy0wLjUzLDAtMS4wMywwLjI4LTEuMywwLjc0bC0wLjMyLDAuNTNsLTAuMzItMC41M2MtMC4yOC0wLjQ2LTAuNzctMC43NC0xLjMxLTAuNzRoLTEuNTNjLTAuNTcsMC0xLjA4LDAuMzUtMS4yOSwwLjg4Yy0yLjA5LTEuNTgtNS4wMy0xLjQtNi45MSwwLjQzYy0wLjMzLDAuMzItMC42MiwwLjY5LTAuODUsMS4wOWMtMC44NS0xLjU1LTIuNDUtMi42LTQuMjgtMi42Yy0wLjQ4LDAtMC45NiwwLjA3LTEuNDEsMC4yMlYzLjM3YzAtMC43OC0wLjYzLTEuNDEtMS40LTEuNDFoLTEuMzNjLTAuNzcsMC0xLjQsMC42My0xLjQsMS40djMuNTdjLTAuOS0xLjMtMi4zOC0yLjA4LTMuOTctMi4wOWMtMC43LDAtMS4zOSwwLjE1LTIuMDIsMC40NWMtMC4yMy0wLjE2LTAuNTEtMC4yNS0wLjgtMC4yNWgtMS4zM2MtMC40MywwLTAuODMsMC4yLTEuMSwwLjUzYy0wLjAyLTAuMDMtMC4wNC0wLjA1LTAuMDctMC4wOGMtMC4yNy0wLjI5LTAuNjUtMC40NS0xLjA0LTAuNDVoLTEuMzJjLTAuMjksMC0wLjU3LDAuMDktMC44LDAuMjVDNDAuOCw1LDQwLjEyLDQuODUsMzkuNDIsNC44NWMtMS43NCwwLTMuMjcsMC45NS00LjE2LDIuMzhjLTAuMTktMC40NC0wLjQ2LTAuODUtMC43OS0xLjE5Yy0wLjc2LTAuNzctMS44LTEuMTktMi44OC0xLjE5aC0wLjAxYy0wLjg1LDAuMDEtMS42NywwLjMxLTIuMzQsMC44NGMtMC43LTAuNTQtMS41Ni0wLjg0LTIuNDUtMC44NGgtMC4wM2MtMC4yOCwwLTAuNTUsMC4wMy0wLjgyLDAuMWMtMC4yNywwLjA2LTAuNTMsMC4xNS0wLjc4LDAuMjdjLTAuMi0wLjExLTAuNDMtMC4xNy0wLjY3LTAuMTdoLTEuMzNjLTAuNzgsMC0xLjQsMC42My0xLjQsMS40djcuMTRjMCwwLjc4LDAuNjMsMS40LDEuNCwxLjRoMS4zM2MwLjc4LDAsMS40MS0wLjYzLDEuNDEtMS40MWMwLDAsMCwwLDAsMFY5LjM1YzAuMDMtMC4zNCwwLjIyLTAuNTYsMC4zNC0wLjU2YzAuMTcsMCwwLjM2LDAuMTcsMC4zNiwwLjQ1djQuMzVjMCwwLjc4LDAuNjMsMS40LDEuNCwxLjRoMS4zNGMwLjc4LDAsMS40LTAuNjMsMS40LTEuNGwtMC4wMS00LjM1YzAuMDYtMC4zLDAuMjQtMC40NSwwLjMzLTAuNDVjMC4xNywwLDAuMzYsMC4xNywwLjM2LDAuNDV2NC4zNWMwLDAuNzgsMC42MywxLjQsMS40LDEuNGgxLjM0YzAuNzgsMCwxLjQtMC42MywxLjQtMS40di0wLjM2YzAuOTEsMS4yMywyLjM0LDEuOTYsMy44NywxLjk2YzAuNywwLDEuMzktMC4xNSwyLjAyLTAuNDVjMC4yMywwLjE2LDAuNTEsMC4yNSwwLjgsMC4yNWgxLjMyYzAuMjksMCwwLjU3LTAuMDksMC44LTAuMjV2MS45MWMwLDAuNzgsMC42MywxLjQsMS40LDEuNGgxLjMzYzAuNzgsMCwxLjQtMC42MywxLjQtMS40di0xLjY5YzAuNDYsMC4xNCwwLjk0LDAuMjIsMS40MiwwLjIxYzEuNjIsMCwzLjA3LTAuODMsMy45Ny0yLjF2MC41YzAsMC43OCwwLjYzLDEuNCwxLjQsMS40aDEuMzNjMC4yOSwwLDAuNTctMC4wOSwwLjgtMC4yNWMwLjYzLDAuMywxLjMyLDAuNDUsMi4wMiwwLjQ1YzEuODMsMCwzLjQzLTEuMDUsNC4yOC0yLjZjMS40NywyLjUyLDQuNzEsMy4zNiw3LjIyLDEuODljMC4xNy0wLjEsMC4zNC0wLjIxLDAuNS0wLjM0YzAuMjEsMC41MiwwLjcyLDAuODcsMS4yOSwwLjg2aDEuNTNjMC41MywwLDEuMDMtMC4yOCwxLjMtMC43NGwwLjM1LTAuNThsMC4zNSwwLjU4YzAuMjgsMC40NiwwLjc3LDAuNzQsMS4zMSwwLjc0aDEuNTJjMC43NywwLDEuMzktMC42MywxLjM4LTEuMzlDODAuNDcsMTMuMzgsODAuNDIsMTMuMTcsODAuMzIsMTIuOTdMODAuMzIsMTIuOTd6IE0zNC4xNSwxMy44MWgtMS4zNGMtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY5LjI0YzAtMC45My0wLjctMS42My0xLjU0LTEuNjNjLTAuNzYsMC0xLjM5LDAuNjctMS41MSwxLjU0bDAuMDEsNC40NGMwLDAuMTItMC4xLDAuMjItMC4yMiwwLjIyaC0xLjM0Yy0wLjEyLDAtMC4yMi0wLjEtMC4yMi0wLjIyVjkuMjRjMC0wLjkzLTAuNy0xLjYzLTEuNTQtMS42M2MtMC44MSwwLTEuNDcsMC43NS0xLjUyLDEuNzF2NC4yN2MwLDAuMTItMC4xLDAuMjItMC4yMiwwLjIyaC0xLjMzYy0wLjEyLDAtMC4yMi0wLjEtMC4yMi0wLjIyVjYuNDRjMC4wMS0wLjEyLDAuMS0wLjIxLDAuMjItMC4yMWgxLjMzYzAuMTIsMCwwLjIxLDAuMSwwLjIyLDAuMjF2MC42M2MwLjQ4LTAuNjUsMS4yNC0xLjA0LDIuMDYtMS4wNWgwLjAzYzEuMDQsMCwxLjk5LDAuNTcsMi40OCwxLjQ4YzAuNDMtMC45LDEuMzMtMS40OCwyLjMyLTEuNDljMS41NCwwLDIuNzksMS4xOSwyLjc2LDIuNjVsMC4wMSw0LjkxQzM0LjM3LDEzLjcsMzQuMjcsMTMuOCwzNC4xNSwxMy44MUMzNC4xNSwxMy44MSwzNC4xNSwxMy44MSwzNC4xNSwxMy44MXogTTQzLjc4LDEzLjU5YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJ2LTAuNzFDNDEuMzQsMTMuNiw0MC40LDE0LDM5LjQyLDE0Yy0yLjA3LDAtMy43NS0xLjc4LTMuNzUtMy45OXMxLjY5LTMuOTksMy43NS0zLjk5YzAuOTgsMCwxLjkyLDAuNDEsMi42LDEuMTJ2LTAuN2MwLTAuMTIsMC4xLTAuMjIsMC4yMi0wLjIyaDEuMzNjMC4xMS0wLjAxLDAuMjEsMC4wOCwwLjIyLDAuMmMwLDAuMDEsMCwwLjAxLDAsMC4wMlYxMy41OXogTTQ5LjkxLDE0Yy0wLjk4LDAtMS45Mi0wLjQxLTIuNi0xLjEydjMuNzhjMCwwLjEyLTAuMSwwLjIyLTAuMjIsMC4yMmgtMS4zM2MtMC4xMiwwLTAuMjItMC4xLTAuMjItMC4yMlY2LjQ1YzAtMC4xMiwwLjEtMC4yMSwwLjIyLTAuMjFoMS4zM2MwLjEyLDAsMC4yMiwwLjEsMC4yMiwwLjIydjAuN2MwLjY4LTAuNzIsMS42Mi0xLjEyLDIuNi0xLjEyYzIuMDcsMCwzLjc1LDEuNzcsMy43NSwzLjk4UzUxLjk4LDE0LDQ5LjkxLDE0eiBNNjMuMDksMTAuODdDNjIuNzIsMTIuNjUsNjEuMjIsMTQsNTkuNDMsMTRjLTAuOTgsMC0xLjkyLTAuNDEtMi42LTEuMTJ2MC43YzAsMC4xMi0wLjEsMC4yMi0wLjIyLDAuMjJoLTEuMzNjLTAuMTIsMC0wLjIyLTAuMS0wLjIyLTAuMjJWMy4zN2MwLTAuMTIsMC4xLTAuMjIsMC4yMi0wLjIyaDEuMzNjMC4xMiwwLDAuMjIsMC4xLDAuMjIsMC4yMnYzLjc4YzAuNjgtMC43MSwxLjYyLTEuMTIsMi42LTEuMTFjMS43OSwwLDMuMjksMS4zMywzLjY2LDMuMTJDNjMuMjEsOS43Myw2My4yMSwxMC4zMSw2My4wOSwxMC44N0w2My4wOSwxMC44N0w2My4wOSwxMC44N3ogTTY4LjI2LDE0LjAxYy0xLjksMC4wMS0zLjU1LTEuMjktMy45Ny0zLjE0Yy0wLjEyLTAuNTYtMC4xMi0xLjEzLDAtMS42OWMwLjQyLTEuODUsMi4wNy0zLjE1LDMuOTctMy4xNGMyLjI1LDAsNC4wNiwxLjc4LDQuMDYsMy45OVM3MC41LDE0LjAxLDY4LjI2LDE0LjAxTDY4LjI2LDE0LjAxeiBNNzkuMDksMTMuODFoLTEuNTNjLTAuMTIsMC0wLjIzLTAuMDYtMC4yOS0wLjE2bC0xLjM3LTIuMjhsLTEuMzcsMi4yOGMtMC4wNiwwLjEtMC4xNywwLjE2LTAuMjksMC4xNmgtMS41M2MtMC4wNCwwLTAuMDgtMC4wMS0wLjExLTAuMDNjLTAuMDktMC4wNi0wLjEyLTAuMTgtMC4wNi0wLjI3YzAsMCwwLDAsMCwwbDIuMzEtMy41bC0yLjI4LTMuNDdjLTAuMDItMC4wMy0wLjAzLTAuMDctMC4wMy0wLjExYzAtMC4xMSwwLjA5LTAuMiwwLjItMC4yaDEuNTNjMC4xMiwwLDAuMjMsMC4wNiwwLjI5LDAuMTZsMS4zNCwyLjI1bDEuMzQtMi4yNWMwLjA2LTAuMSwwLjE3LTAuMTYsMC4yOS0wLjE2aDEuNTNjMC4wNCwwLDAuMDgsMC4wMSwwLjExLDAuMDNjMC4wOSwwLjA2LDAuMTIsMC4xOCwwLjA2LDAuMjdjMCwwLDAsMCwwLDBMNzYuOTYsMTBsMi4zMSwzLjVjMC4wMiwwLjAzLDAuMDMsMC4wNywwLjAzLDAuMTFDNzkuMjksMTMuNzIsNzkuMiwxMy44MSw3OS4wOSwxMy44MUM3OS4wOSwxMy44MSw3OS4wOSwxMy44MSw3OS4wOSwxMy44MUw3OS4wOSwxMy44MXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTAsMS4yMWMtNC44NywwLTguODEsMy45NS04LjgxLDguODFzMy45NSw4LjgxLDguODEsOC44MXM4LjgxLTMuOTUsOC44MS04LjgxQzE4LjgxLDUuMTUsMTQuODcsMS4yMSwxMCwxLjIxeiBNMTQuMTgsMTIuMTljLTEuODQsMS44NC00LjU1LDIuMi02LjM4LDIuMmMtMC42NywwLTEuMzQtMC4wNS0yLTAuMTVjMCwwLTAuOTctNS4zNywyLjA0LTguMzljMC43OS0wLjc5LDEuODYtMS4yMiwyLjk4LTEuMjJjMS4yMSwwLDIuMzcsMC40OSwzLjIzLDEuMzVDMTUuOCw3LjczLDE1Ljg1LDEwLjUsMTQuMTgsMTIuMTl6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTEwLDAuMDJjLTUuNTIsMC0xMCw0LjQ4LTEwLDEwczQuNDgsMTAsMTAsMTBzMTAtNC40OCwxMC0xMEMxOS45OSw0LjUsMTUuNTIsMC4wMiwxMCwwLjAyeiBNMTAsMTguODNjLTQuODcsMC04LjgxLTMuOTUtOC44MS04LjgxUzUuMTMsMS4yLDEwLDEuMnM4LjgxLDMuOTUsOC44MSw4LjgxQzE4LjgxLDE0Ljg5LDE0Ljg3LDE4LjgzLDEwLDE4LjgzeiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNC4wNCw1Ljk4Yy0xLjc1LTEuNzUtNC41My0xLjgxLTYuMi0wLjE0QzQuODMsOC44Niw1LjgsMTQuMjMsNS44LDE0LjIzczUuMzcsMC45Nyw4LjM5LTIuMDRDMTUuODUsMTAuNSwxNS44LDcuNzMsMTQuMDQsNS45OHogTTExLjg4LDkuODdsLTAuODcsMS43OGwtMC44Ni0xLjc4TDguMzgsOS4wMWwxLjc3LTAuODZsMC44Ni0xLjc4bDAuODcsMS43OGwxLjc3LDAuODZMMTEuODgsOS44N3oiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEzLjY1LDkuMDEgMTEuODgsOS44NyAxMS4wMSwxMS42NSAxMC4xNSw5Ljg3IDguMzgsOS4wMSAxMC4xNSw4LjE1IDExLjAxLDYuMzcgMTEuODgsOC4xNSAiLz48L2c+PC9zdmc+);

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 65px 20px;
}

.pilotLakPopup {
    right: 10px;
    top: 90px;
    width: 480px;
    height: 240px;
}
.pilotLakTitle{
    padding: 0 33px 0 7px;
}
.infoPopup {
    position: absolute;
    z-index: 1200;
    background-color: #ffffff;
    border: 1px solid #666;
    border-radius: 12px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    pointer-events: auto;
    overflow: hidden;
    cursor: default;
}
.infoPopup_content {
    position: absolute;
    top: 44px;
    bottom: 0;
    overflow-y: auto;
    padding: 10px;
}
.infoPopup_content p {
    margin-bottom: 5px;
}
.infoPopup ol, .infoPopup ul {
    padding-left: 25px;
}
.mobile-mode.infoPopup ol, .mobile-mode.infoPopup ul {
    font-size: 1.4em;
}
.infoPopup ol li {
    padding-left: 5px;
}
.infoPopup ul li {
    list-style-type: disc;
    padding-left: 0;
    margin-left: 0;
}
.sv_lightbox {
    position: absolute;
    z-index: 1200;
    background-color: #808080;
    border: 1px solid #666;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 14px rgba(0,0,0,0.4);
    pointer-events: auto;
}
.sv_lightbox_frame {
    overflow: hidden;
    background-color: #808080;
    position: relative;
}
.sv_lightbox_iframe {
    border: none;
    margin-bottom: -5px;
}
.sv_lightbox_image {
    margin-bottom: 10px;
    position: absolute;
}
.sv_lightbox_title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(50,50,50,0.5);
    text-align: center;
    color: white;
    font-size: 16px;
}
.sv_lightbox_legendlink {
    position: absolute;
    left: 7px;
    top: 12px;
}
.sv_lightbox_legendicon {
    width: 20px;
    height: 17px;
    background-image: url(svimages/extralegend.png);
    background-size: 20px 17px;
    display: inline-block;
    margin: 0 4px;
    vertical-align: text-bottom;
}
a.sv_lightbox_legend {
    color: #999;
    font-size: 15px;
    line-height: 17px;
}
.sv_lightbox_x {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    font-size: 44px;
    line-height: 44px;
    text-align: center;
    color: white;
}
.sv_lightbox_spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    background-image: url(svimages/spinner.svg);
    display: none;
}
.sv_lightbox_next {
    position: absolute;
    width: 40px;
    height: 60px;
    right: 0;
    top: 50%;
    margin-top: -30px;
    background-color: rgba(0,0,0,0.3);
    cursor: pointer;
    color: white;
    display: none;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
}
.sv_lightbox_next::after {
    content: "\21e8";
}
.sv_lightbox_prev {
    position: absolute;
    width: 40px;
    height: 60px;
    left: 0;
    top: 50%;
    margin-top: -30px;
    background-color: rgba(0,0,0,0.3);
    cursor: pointer;
    color: white;
    display: none;
    font-size: 24px;
    text-align: center;
    line-height: 60px;
}
.sv_lightbox_prev::after {
    content: "\21e6";
}
.sv_multipopup_container {
    overflow: hidden;
}
.sv_multipop_label {
    padding-top: 6px;
    margin-left: 50px;
    font-size: 12px;
}
div.sv_multipop_row {
    min-height: 43px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
    width: 100%;
    background-color: #fff;
    line-height: 1.15;
    cursor: pointer;
}
div.sv_multipop_row:hover {
    background-color: #eeeeee;
}
div.sv_fplcontrol_gbbutton {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: white;
    background-image: url(svimages/checkbox_btn.svg);
    background-repeat: no-repeat;
    background-position: 4px 4px;
    bottom: 8px;
    left: 8px;
    border-radius: 10px;
    border: 1px solid #000e61;
    padding: 3px;
}
.sv_briefing {
    width: 300px;
    border: 1px solid #666;
    border-radius: 10px;
    font-size: 15px;
    line-height: 1.2em;
    overflow: hidden;
    background-color: #f0eff6;
}
.sv_draweropen .sv_briefing {
    display: none;
}
.sv_briefing_content {
    max-height: 400px;
    min-height: 200px;
    overflow-y: auto;
    position: relative;
    scroll-behavior: smooth;
}
.sv_briefing_editor_container {
    position: absolute;
    right: 300px;
    width: 100%;
    transition: right .2s;
    background-color: white;
    z-index: 10;
}
.sv_briefing_editor {
    overflow-y: auto;
    height: 100%;
}
.sv_briefing_content_editorshowing {
    height: 492px;
    max-height: none;
}
.sv_briefing_gearicon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 13px;
    cursor: pointer;
    background-image: url(svimages/gear.svg);
    background-size: 20px 20px;
}

.sv_checklistrow {
    min-height: 43px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
    width: 100%;
    background-color: #fff;
    line-height: 1.15;
}
.mobile-mode .sv_checklistrow {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.sv_checklistcheck {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 30px;
    height: 30px;
    background-image: url(svimages/checkbox_off.svg);
}
.mobile-mode .sv_checklistcheck {
    display: inline-block;
    position: unset;
    left: unset;
}
.sv_checklistcheck_on {
    position: absolute;
    top: 7px;
    left: 8px;
    width: 30px;
    height: 30px;
    background-image: url(svimages/checkbox_on.svg);
}
.mobile-mode .sv_checklistcheck_on {
    display: inline-block;
    position: unset;
    left: unset;
}
.sv_checklisttitle {
    padding-top: 4px;
    margin-left: 50px;
    font-size: 20px;
    overflow: hidden;
}
.mobile-mode .sv_checklisttitle {
    padding-top: 9px;
    margin-left: 5px;
    font-size: 14px;
}
@media screen and (max-width: 375px) {
  .mobile-mode .sv_checklisttitle {
    padding-top: 9px;
    margin-left: 5px;
    font-size: 12px;
  }
}
.sv_checklistmsg {
    font-size: 12px;
    color: #999;
    margin-left: 50px;
}
.mobile-mode .sv_checklistmsg {
    margin-left: 5px;
}
.sv_checklisttitle_and_msg {
    display: unset;
    text-align: unset;
}
.mobile-mode .sv_checklisttitle_and_msg {
    display: inline-block;
    text-align: left;
}
.sv_briefing_editrow {
    position: relative;
    display: block;
    height: 25px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
}
.mobile-mode .sv_briefing_editrow {
  height: 40px;
}
.sv_briefing_urlrow,
.sv_briefing_editurlrow {
    position: relative;
    display: block;
    height: 40px;
    border-bottom: 1px solid #ccc;
}
.mobile-mode .sv_briefing_urlrow {
  height: 50px;
  margin-bottom: 0px;
}
.mobile-mode .sv_briefing_editurlrow {
  height: 55px;
  margin-bottom: 0px;
}
.sv_briefing_sectionheader {
    padding: 3px 20px;
}
.sv_briefing_urlcheck,
.sv_briefing_editcheck {
    position: absolute;
    top: 6px;
    left: 10px;
}
.sv_briefing_urltitle,
.sv_briefing_edittitle {
    position: absolute;
    top: 3px;
    left: 30px;
}
.sv_briefing_urlsubtitle,
.sv_briefing_editsubtitle {
    position: absolute;
    top: 20px;
    left: 30px;
    font-size: .8em;
    color: #666;
}
.mobile-mode .sv_briefing_urlsubtitle,
.mobile-mode .sv_briefing_editsubtitle {
  top: unset;
  bottom: 4px;
  left: 37px;
}
.sv_briefing_footer {
    text-align: center;
    padding: 8px 0;
}
.sv_briefing_logbutton {
    border: 1px solid #000e61;
    width: 200px;

    font-size: 16px;
    line-height: 20px;
    border-radius: 18px;
    padding: 5px 15px;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
    display: inline-block;
}

select.sv_briefing_titleselect {
    border: none;
    background: none;
    font-size: 20px;
    margin-bottom: 10px;
}

.mobile-mode select.sv_briefing_titleselect {
    background-repeat: no-repeat;
    background-position: right center;
    width: auto;
    line-height: 20px;
    background-image: url(images/dd-arrow-closed.png) !important;
}
.sv_briefing_edit_title {
    font-size: 18px;
    padding: 6px 3px;
    text-align: center;
}
.sv_briefing_name_label {
    font-size: 10px;
    color: #1f49c8;
    padding: 0 20px;
}
input.sv_briefing_name {
    font-size: 15px;
    line-height: 18px;
    border-width: 0 0 1px 0;
    border-color: #1f49c8;
    padding: 0px 6px;
    margin: 0px 0px 0px 20px;
    width: 160px;
    color: #000e61;
}
.sv_briefing_defaultcheck {
    margin: 0 4px;
    vertical-align: middle;
}
.sv_briefing_defaulttitle {
    display: inline-block;
    color: #1f49c8;
    font-size: 13px;
}
.sv_briefing_default_label {
    line-height: 16px;
}
.mobile-mode .sv_briefing_default_label {
    margin-left: 25px;
}
.sv_briefing_edit_buttons {
    text-align: center;
    padding: 8px;
}
span.sv_briefing_edit_button {
    background-color: #1f49c8;
    color: white;
    padding: 2px 10px;
    border-radius: 10px;
    font-size: 14px;
    line-height: 14px;
    margin: 0 5px;
}
span.sv_briefing_edit_button_disabled {
    border-color: #999;
    background-color: #c8c7ce;
    color: #999;
    cursor: default;
}
.sv_briefing_edit_sectionheader {
    background-color: #f0eff6;
    padding: 2px 10px;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 0 1px 0;
}
.sv_briefing_edit_collapse {
    overflow: hidden;
    transition: height .3s;
}
.sv_briefing_edit_sectionarrow {
    color: #999;
    padding-right: 6px;
}

.sv_briefing_editurllabel {
    display: block;
}
.sv_briefing_editurllabel span {
    display: inline-block;
    width: 50px;
    font-size: 13px;
    color: #1f49c8;
    text-align: right;
}
input.sv_briefing_editurl_input {
    font-size: 15px;
    line-height: 18px;
    border-width: 0 0 1px 0;
    border-color: #1f49c8;
    padding: 0px 6px;
    margin: 0px 0px 0px 10px;
    width: 176px;
    color: #000e61;
    border-radius: 0;
}
.sv_briefing_edit_footer {
    background-color: #f0eff6;
    text-align: center;
    height: 20px;
}
.sv_briefing_edit_savebutton {
    display: inline-block;
    background-color: #1f49c8;
    color: white;
    padding: 3px 20px;
    border-radius: 20px;
    font-size: 20px;
    line-height: 20px;
    margin: 14px 5px;

}
.sv_briefing_drawer {
    position: absolute;
    z-index: 1200;
    width: 100%;
    height: 90px;
    bottom: 0;
    background-color: #f6f6f8;
    border-top: 1px solid #d4d4d8;
}
.sv_draweropen ~ .sv_timeslider {
    bottom: 100px;
}
.sv_draweropen ~ .leaflet-bottom {
    bottom: 90px;
}
.sv_draweropen .leaflet-bottom {
    margin-bottom: 90px;
}
.sv_briefing_drawer_row1 {
    position: absolute;
    width: 100%;
    height: 44px;
    background-color: white;
}
.sv_briefing_drawer_leftbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 88px;
    background-color: #1f49c8;
    color: white;
    font-size: 24px;
    text-align: center;
    line-height: 88px;
    display: none;
}
.sv_briefing_drawer_leftbtn::after {
    content: "\21e6";
}
.sv_briefing_drawer_leftgearbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 88px;
    background-color: #1f49c8;
    color: white;
    font-size: 24px;
    text-align: center;
    line-height: 88px;
    display: block;
}
.sv_briefing_drawer_rightbtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 88px;
    background-color: #bbb;
    color: white;
    font-size: 24px;
    text-align: center;
    line-height: 88px;
}
.sv_briefing_drawer_rightbtn::after {
    content: "\21e8";
}
.sv_briefing_drawer_btnenabled {
    background-color: #1f49c8;
}
.sv_briefing_drawer_content {
    position: absolute;
    left: 44px;
    right: 44px;
    height: 44px;
    overflow: hidden;
    scroll-behavior: smooth;
}
.sv_briefing_drawer_row1 .sv_briefing_sectionheader {
    display: none;
}
.sv_briefing_drawer_row2 {
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    left: 44px;
    right: 44px;
    top: 46px;
    height: 44px;
    text-align: center;
    line-height: 44px;
}
.sv_briefing_drawer_title {
    height: 43px;
    border-bottom: 1px solid #d4d4d8;
    position: relative;
    width: 100%;
    background-color: #fff;
    text-align: center;
    line-height: 44px;
}
.sv_briefing_drawer_logbutton {
    border: 1px solid #000e61;
    font-size: 14px;
    line-height: 17px;
    border-radius: 18px;
    padding: 5px 15px;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
}
.sv_briefing_drawer_closebutton {
    border: 1px solid #000e61;
    font-size: 14px;
    line-height: 17px;
    border-radius: 18px;
    padding: 5px 15px;
    margin-right: 15px;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
}
.sv_briefing_drawer_gearicon {
    margin-top: 29px;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-image: url(svimages/gearwhite.svg);
    background-size: 30px 30px;
    display: block;
}
.sv_briefing_drawer_editor_container {
    position: absolute;
    top: 100px;
    height: 500px;
    width: 100%;
    transition: top .2s;
    background-color: white;
    z-index: 10;
}
.sv_briefing_drawer_editor {
    overflow-y: auto;
    height: 100%;
}
.sv_briefing_logbutton_disabled {
    border-color: #999;
    background-color: #c8c7ce;
    color: #999;
    cursor: default;
}
.sv_warningrow {
    background-color: #ffddaa;
    padding: 3px 10px;
}
.sv_label {
    padding: 0px 4px 0 4px;
    line-height: 1EM;
    border-color: #999;
    font-weight: bold;
    border-radius: 10px 10px 10px 10px;
    border-width: 2px;
}
.sv_label:before {
    border-color: rgba(0,0,0,0);
}
.sv_importedroute_point {
    width: 10px;
    height: 10px;
    background-color: white;
}
.sv_importedroute_altpoint {
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 10px;
}
.sv_importedroute_pospoint {
    width: 10px;
    height: 10px;
    background-color: yellow;
    border-radius: 10px;
}
.sv_importedroute_label {
    width: 80px;
    text-align: right;
    color: #aaa;
    padding: 0 10px;
    display: inline-block;
}
.sv_importedroute_value {
    display: inline-block;
}
.sv_lakcontrol {
}
div.sv_lakbutton {
    float: right;
    cursor: pointer;
    margin: 3px 3px;
    padding: 2px 10px;
    font-size: 15px;
    line-height: 16px;
    border: 1px solid black;
    background-color: white;
    color: black;
    border-radius: 4px;
}
div.sv_lakbutton_rs {
    border-color: #ff00ff;
}
div.sv_lakbuttonon {
    background-color: black;
    color: white;
}
div.sv_lakstatelist {
    position: relative;
    margin-top: 2px;
    margin-left: -6px;
    background-color: #ccc;
    display: none;
    padding: 2px;
    border: 1px solid black;
    border-radius: 2px;
}
div.sv_lakstatelistrow {
    cursor: pointer;
    padding: 0px 8px;
    white-space: nowrap;
}

.sv_popup p,ol,ul {
    margin: 0;
}


.sv_marker-icon_path {
        background-image: url(images/marker-icon.png);
}
.sv_marker-icon-2x_path {
        background-image: url(images/marker-icon-2x.png);
}
.sv_marker-shadow_path {
        background-image: url(images/marker-shadow.png);
}
.sv_circledots_path {
        background-image: url(svimages/circledots.svg);
}
.sv_radarsite_path {
        background-image: url(svimages/radarsite.png);
}
.sv_radarsite_x2_path {
        background-image: url(svimages/radarsite_x2.png);
}
.sv_radarsiteon_path {
        background-image: url(svimages/radarsiteon.png);
}
.sv_radarsiteon_x2_path {
        background-image: url(svimages/radarsiteon_x2.png);
}
.sv_radarsitegray_path {
        background-image: url(svimages/radarsitegray.png);
}
.sv_radarsitegray2_path {
        background-image: url(svimages/radarsitegray2.png);
}
.sv_radarsitered_path {
        background-image: url(svimages/radarsitered.png);
}
.sv_radarsitered2_path {
        background-image: url(svimages/radarsitered2.png);
}
.sv_rblicon_path {
        background-image: url(svimages/rblicon.png);
}

.sv_popup_key {
    font-size: 15px;
    font-weight: bold;
}
.sv_popup_value {
    font-size: 15px;
}
.sv_crosshairs {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    width: 11px;
    height: 11px;
    background-image: url(svimages/crosshairs.gif);
    z-index: 1180;
}

.sv_par {
    z-index: 1200;
    width: 300px;
    height: 378px;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 10px;
    display: none;
    overflow: hidden;
}
.sv_par_subHeader {
    height: 24px;
    background-color: #f6f6f8;
    text-align: center;
    line-height: 24px;
    vertical-align: middle;
    font-size: 18px;
    border-bottom: 1px solid #d4d4d8;
    cursor: auto;
}
.sv_par_sidStars {
    height: 28px;
    background-color: white;
    padding-top: 5px;
    margin-bottom: -4px;
}
.sv_par_sidStarInputs {
    position: relative;
    display: flex;
}
.sv_par_sidStars input {
    font-size: 13px;
    line-height: 20px;
    border-width: 0 0 1px 0;
    border-color: #1f49c8;
    border-radius: 0px;
    padding: 0px 0px 1px 0px;
    margin: 0 8px;
    width: 50%;
    color: #000e61;
    text-align: center;
    flex: 50%;
    cursor: default;
}
#sv_par_sidInput::after {
    left: 64px;
}
#sv_par_starInput::after {
    left: 214px;
}
.sv_par_sidStarRow {
    cursor: pointer;
    background-color: white;
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    color: #000e61;
    height: 19px;
}
.sv_par_sidStarRow.clearEntry {
    font-style: italic;
}
.sv_par_sidStarRow:hover {
    background-color: #d2d1db;
}
.sv_par_sidStarSpinner {
    display: inline-block;
}
.sv_par_sidStarSpinnerContainer {
    top:0;
    bottom: 3px;
    left: 6px;
    right: 6px;
    position: absolute;
    text-align: center;
    display: none;
    background-color: rgba(75, 75, 75, 0.18);
    border-radius: 3px;
}
.sv_par_arrowBoxContentScroller {
    max-height: 240px;
    overflow-y: auto;
}
.sv_par_routesContainer {
    background-color: white;
    border-radius: 10px;
    overflow: hidden;
    height: 216px;
    margin: 4px;
    border: 1px solid #1f49c8;
    position: relative;
    transform: translate3d(0, 0, 0); 
}
.sv_par_routesContent {
    height: 100%;
    overflow-y: scroll;
}
.sv_par_helpButton {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 20px;
    width: 20px;
    border: 2px solid #999999;
    border-radius: 15px;
    line-height: 20px;
    text-align: center;
    vertical-align: unset;
    font-weight: normal;
    color: #999999;
    background: #ffffff;
    cursor: pointer;
}
.sv_par_cancelButton {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border: 1px solid #000e61;
    font-size: 16px;
    line-height: 20px;
    border-radius: 18px;
    padding: 5px 15px;
    margin: 10px 0 0 0;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
    width: 74px;
}
.sv_par_acceptButton {
    border: 1px solid #000e61;
    font-size: 16px;
    line-height: 20px;
    border-radius: 18px;
    padding: 5px 15px;
    margin: 10px 0 0 0;
    background-color: #d2d1db;
    color: #000e61;
    cursor: pointer;
    width: 74px;
    white-space: nowrap;
}
.sv_par_acceptButtonIcon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.sv_par_selectedRow {
    background: #dbf0fb;
}
.sv_par_routeSectionHeaderArrow {
    color: #1f49c8;
    padding-right: 6px;
}
.sv_par_routeSectionHeaderArrowDisabled {
    color: #aaaaaa;
}
.sv_par_loadingSpinner {
    display: inline-block;
    margin-left: 8px;
}
.sv_par_routeSectionHeader {
    font-size: 14px;
    line-height: 32px;
    background-color: #ddd;
    padding: 0px 10px;
    border-bottom: 1px solid #bbb;
    color: #1f49c8;
    cursor: default;
}
.sv_par_routeSectionHeaderDisabled {
    color: #aaaaaa;
    cursor: default;
}
.sv_par_routeSectionRow {
    color: black;
    padding: 6px;
    border-bottom: 1px solid #bbb;
    line-height: 18px;
    cursor: default;
}
.sv_par_routeSectionRowDetail {
    font-size: 80%;
    border: 1px solid #1f49c8;
    border-radius: 6px;
    padding: 0 4px;
    background-color: #f6f6f6;
    line-height: 15px;
}
.sv_par_routeSectionRowDetail_flex {
    display: flex;
}
.sv_par_routeSectionRowDetailDisplay {
    flex: 1 1 auto;
}
.sv_par_arrowBoxContentScroller {
    max-height: 230px;
    overflow-y: auto;
}
.sv_par_route_sidStar {
    color : #1f49c9;
}
.sv_par_noticeDialogWrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.sv_par_noticeDialog {
    background-color: #ffddaa;
    border: 2px solid #ff9b00;
    text-align: center;
    margin: 70px 10px 0 10px;
    border-radius: 10px;
}
.sv_par_noticeDialogContent {
    padding: 10px;
}
.sv_par_noticeDialogFooter {
    height: 40px;
    border-top: 1px solid #eee;
    text-align: right;
    padding: 0px 10px 10px 0;
    border-top: unset;
    position: relative;
    background-color: #ffddaa;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sv_par_requestErrorNoticeDialogFooter {
    text-align: unset;
}
.rblLabel {
    max-height: 10px !important;
    padding-top: 0px !important;
    padding-bottom: 9px !important;
    padding-right: 3px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}
.sv_down_arrow_icon {
    background-image: url(svimages/svlayer_down_arrow.png);
    background-size: 31px auto;
    float: right;
    position: relative;
    width: 31px;
    height: 31px;
    margin-right: 6px;
    margin-top: -4px
    
}
.sv_up_arrow_icon {
    background-image: url(svimages/svlayer_up_arrow.png);
    background-size: 31px auto;
    float: right;
    position: relative;
    width: 31px;
    height: 31px;
    margin-right: 6px;
    margin-top: -4px
}