:root {
  --swiper-pagination-progressbar-size: 1px;
  --swiper-pagination-progressbar-bg-color: #eee;
  --swiper-pagination-color: #5499f7;
  --swiper-scrollbar-bg-color: #f6f6f6;
  --swiper-scrollbar-drag-bg-color: #e8e8e8;
  --swiper-scrollbar-bg-active-color: #e8e8e8;
  --swiper-scrollbar-drag-bg-active-color: #b8b8b8;
  --link-color: #000000;
  --dark-link-color: #555555;
  --link-teaser-color: #484848;
  --bg-color: #fff;
  --teaser-color: #555;
  --ad-bg-color: #fbfbfb;
  --border-color: #e8e8e8;
  --text-color: #3a3a3a;
  --update-color: #555555;
  --navi-bg-color: #fbfbfb;
  --list-sep-color: #e2e2e2;
  --navi-light-color: #f1f1f1;
  --title-link-color: #000;
  --title-reverse-color: #fff;
  --title-bg-color: #eee;
  --footer-bg-color: #f8f8f8;
  --trivia-bg-color: #f8f8f8;
  --trivia-title-color: #e8f1f8;
  --link-highlight: #006dfe;
  --obs-table-header: #e8f1f8;
  --obs-table-title: #f1f1f1;
  --obs-table-icon: #f8f8f8;
  --navi-mobi-color: #f8f8f8;
  --footer-title-bg: #eeeeee;
  --mg-scale-bg-color: rgba(255, 255, 255, 0.8);
  --hourly-list-bottom: #cdcdcd;
  --hourly-list-left: #d1d1d1;
  --day-link-bg-color: #d6e9fd;
  --hilite-color: #222;
  --article-text-color: #1e1e1e;
  --article-ad-text-color: #888;
  --article-caption-color: #777;
  --article-list-sep-color: #eee;
  --myweather-button-bg-color: #e8f1f8;
  --menu-bg-color: rgba(255, 255, 255, 0.98);
  --precp-color: #0073bc;
  --snowff-color: #7373da;
  --radio-button-bg: #e2e2e2;
  --radio-button-border: #cdcdcd;
  --radio-button-selected: #fff;
  --pollen-marker-color: #e3e3e3;
  --list-background-color: #f2f2f2;
  --list-active-color: #fff;
  --archive-lead-color: #555;
  --mw-title-color: #006dfe;
  --link-strong: #006dfe;
  --button-color: #555;
  --button-bg-color: #fff;
  --button-selected-color: #fff;
  --input-color: #000;
  --input-background: #fff;
  --results-background: hsla(0,0%,100%,.9);
  --attr-color: #484848;
  --attr-link-color: #333;
  --legacy-map-time-bg: rgba(255, 255, 255, 0.85);
  --option-bg-color: rgba(255, 255, 255, 0.95);
  --option-border-color: rgba(0, 0, 0, 0.3);
  --option-border-sep-color: rgba(0, 0, 0, 0.3);
  --option-bg-selected-color: #50b0e6;
  --option-selected-color: #fff;
  --teaser-bullet-opacity: 0.2;
  --teaser-bullet-active-opacity: 0.32;
  --day-fc-border: #d1d1d1;
  --navi-border-color: #eee;
  --navi-active-border-color: #fff;
  --pollen-level-0-color: #e6e6e6;
  --pollen-level-1-color: #a5d75f;
  --pollen-level-2-color: #e6c55c;
  --pollen-level-3-color: #fb8641;
  --pollen-level-4-color: #be2878; }
  :root body.darkTheme {
    --bg-color: #000;
    --text-color: #fff;
    --update-color: #bbb;
    --ad-bg-color: #121212;
    --title-link-color: #fff;
    --link-color: #fff;
    --dark-link-color: #999;
    --link-teaser-color: #fff;
    --border-color: #444;
    --teaser-color: #fff;
    --navi-bg-color: #181818;
    --navi-light-color: #2a2a2a;
    --title-bg-color: #2f2f2f;
    --footer-bg-color: #121212;
    --trivia-bg-color: #121212;
    --footer-title-bg: #333333;
    --trivia-title-color: #1d3267;
    --link-highlight: #0b9af5;
    --obs-table-header: #1d3267;
    --obs-table-title: #2a2a2a;
    --obs-table-icon: #121212;
    --navi-mobi-color: #282828;
    --title-reverse-color: #000;
    --list-sep-color: #555;
    --hourly-list-bottom: #444;
    --hourly-list-left: #444;
    --day-link-bg-color: #0b9af5;
    --hilite-color: #fff;
    --article-text-color: #f3f3f3;
    --article-caption-color: #bebebe;
    --article-ad-text-color: #aaa;
    --article-list-sep-color: #555;
    --myweather-button-bg-color: #3a3a3a;
    --menu-bg-color: rgba(0, 0, 0, 0.98);
    --input-color: #000;
    --input-background: #fff;
    --results-background: hsla(0,0%,100%,.9);
    --list-background-color: #333333;
    --list-background-color: #181818;
    --list-active-color: #000;
    --radio-button-bg: hsla(0,0%,100%,.2);
    --radio-button-border: #444;
    --radio-button-selected: #000;
    --precp-color: #0b9af5;
    --snowff-color: #8888ea;
    --mw-title-color: #fff;
    --link-strong: #fff;
    --button-color: #fff;
    --button-bg-color: #181818;
    --mg-scale-bg-color: rgba(0, 0, 0, 0.8);
    --pollen-marker-color: #181818;
    --archive-lead-color: #ddd;
    --attr-color: #bbb;
    --attr-link-color: #a0a0a0;
    --legacy-map-time-bg: rgba(0, 0, 0, 0.4);
    --option-bg-color: rgba(255, 255, 255, 0.2);
    --option-border-color: #444;
    --option-border-sep-color: #111;
    --option-selected-color: #000;
    --teaser-bullet-opacity: 0.65;
    --teaser-bullet-active-opacity: 1;
    --day-fc-border: #888;
    --navi-border-color: #ccc;
    --navi-active-border-color: #ddd;
    --swiper-scrollbar-bg-color: #1b1b1b;
    --swiper-scrollbar-drag-bg-color: #2a2a2a;
    --pollen-level-0-color: rgb(20, 20, 20);
    --pollen-level-1-color: rgb(170,215,90);
    --pollen-level-2-color: rgb(230, 197, 92);
    --pollen-level-3-color: rgb(251, 134, 65);
    --pollen-level-4-color: rgb(190, 40, 120); }

#station_popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 600px;
  z-index: 90000;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#mapanim .legend_road {
  padding: 15px 0 0 10px;
  display: flex;
  justify-content: flex-start; }
  #mapanim .legend_road .item {
    margin-right: 1rem;
    display: flex;
    align-items: center; }
    #mapanim .legend_road .item div {
      width: 14px;
      height: 14px;
      margin-right: 8px; }
    #mapanim .legend_road .item span {
      display: none; }
      @media (min-width: 45rem) {
        #mapanim .legend_road .item span {
          display: inline; } }

#mapanim .info {
  padding: 10px; }

#mapanim .attr {
  color: #484848;
  color: var(--attr-color); }
  #mapanim .attr a {
    color: #333;
    color: var(--attr-link-color); }

#mapanim .info.attr {
  padding-bottom: 0; }

.maplegend_wrap {
  padding: 0 10px 10px 10px;
  line-height: 1.4rem; }
  .maplegend_wrap.pad {
    padding-top: 1rem; }
  .maplegend_wrap.nopad {
    padding: 0; }
  .maplegend_wrap .maplegend .legend_img.single {
    margin-top: 16px; }
  .maplegend_wrap .maplegend .legend_img img {
    width: 100%; }
  .maplegend_wrap .maplegend .legend_txt {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 4px 0 0 0;
    padding: 0 0.4rem; }
    .maplegend_wrap .maplegend .legend_txt .l, .maplegend_wrap .maplegend .legend_txt .r {
      -ms-flex: 1 0 auto;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; }
    .maplegend_wrap .maplegend .legend_txt .r {
      text-align: right; }
  .maplegend_wrap .maplegend.padded {
    padding-top: 20px; }
  .maplegend_wrap p.info {
    padding: 10px 0 0 0; }

.gl-mapanim .map-controls {
  display: flex; }

.gl-mapanim .legend-wrap {
  padding: 10px 0 10px 10px; }
  .gl-mapanim .legend-wrap div {
    padding: 10px 0 0 0; }
  .gl-mapanim .legend-wrap p {
    padding: 5px 0 0 0; }

#content main #innercontent .gl-mapanim #updated .date,
#content main #innercontent .gl-mapanim #updated .lightning {
  padding-right: 0; }

.frost_legend {
  margin: 0.25rem 0; }
  .frost_legend .prob {
    float: left;
    margin: 0 0.3rem 0 0; }
    .frost_legend .prob .level {
      display: inline-block;
      width: 0.8rem;
      height: 0.8rem;
      vertical-align: middle;
      margin: 0 0rem 0 0; }

@media (min-width: 45rem) {
  .frost_legend {
    max-width: 70%; } }

@media (min-width: 50rem) {
  .frost_legend {
    max-width: 100%; } }

#glmap .map-controls {
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 26rem) {
    #glmap .map-controls {
      flex-wrap: nowrap; } }

#glmap .lake-obs-station {
  width: 2.4rem;
  font-size: 1rem;
  font-weight: 600;
  background-color: #fff;
  padding: 0.25rem 0.4rem;
  text-align: center;
  border-radius: 2px;
  color: #000;
  z-index: 100;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); }
  #glmap .lake-obs-station.active {
    z-index: 1000;
    background-color: #6ec4ef; }

#glmap .map-popup.wide {
  width: 260px;
  min-width: 210px; }

#glmap .map-popup.disorder {
  width: 280px; }
  @media (min-width: 45rem) {
    #glmap .map-popup.disorder {
      width: 320px; } }

#glmap .map-popup.roadcam {
  width: 280px; }
  @media (min-width: 45rem) {
    #glmap .map-popup.roadcam {
      width: 380px; } }
  #glmap .map-popup.roadcam img {
    width: 100%;
    height: auto;
    display: block; }

#glmap .map-popup.map-popup-warning {
  width: 300px;
  height: 200px; }
  @media (min-width: 45rem) {
    #glmap .map-popup.map-popup-warning {
      width: 460px;
      height: 250px; } }
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-top .maplibregl-popup-tip,
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-top-right .maplibregl-popup-tip,
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {
    border-bottom-color: var(--list-background-color); }
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip,
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip {
    border-top-color: var(--bg-color); }
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-right-color: var(--bg-color); }
  #glmap .map-popup.map-popup-warning.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    border-left-color: var(--bg-color); }
  #glmap .map-popup.map-popup-warning .maplibregl-popup-content {
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    background-color: var(--bg-color); }
    #glmap .map-popup.map-popup-warning .maplibregl-popup-content .maplibregl-popup-close-button {
      font-size: 1.5rem;
      color: var(--text-color); }
    #glmap .map-popup.map-popup-warning .maplibregl-popup-content p {
      text-align: left;
      padding: 0; }
    #glmap .map-popup.map-popup-warning .maplibregl-popup-content ul.tabrow {
      flex: 0 0 auto;
      display: flex;
      justify-content: flex-start;
      background-color: #f2f2f2;
      background-color: var(--list-background-color);
      align-items: center; }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content ul.tabrow li {
        flex: 1;
        flex-grow: 0;
        padding: 0.4rem 0.4rem 0.3rem 0.4rem;
        cursor: pointer; }
        #glmap .map-popup.map-popup-warning .maplibregl-popup-content ul.tabrow li:hover, #glmap .map-popup.map-popup-warning .maplibregl-popup-content ul.tabrow li.active {
          background-color: #fff;
          background-color: var(--bg-color); }
    #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning {
      flex: 0 0 180px;
      display: none;
      cursor: default;
      overflow-y: auto;
      padding: 0.3rem;
      color: var(--text-color);
      background-color: var(--bg-color);
      text-align: left; }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning.active {
        display: block; }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning .time {
        font-weight: 500;
        padding: 0.2rem 0 0.3rem 0; }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning .warning-wrap {
        display: none; }
        #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning .warning-wrap.active {
          display: block; }
        #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning .warning-wrap .warning-title {
          display: flex; }
          #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning .warning-wrap .warning-title p {
            font-weight: 600;
            padding-left: 0.4rem; }
    #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning-footer {
      flex: 0 0 auto;
      display: flex;
      justify-content: space-between;
      padding: 0.3rem 0.5rem;
      color: #3a3a3a;
      color: var(--text-color); }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning-footer ul {
        display: flex; }
        #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning-footer ul li {
          flex: 1;
          padding: 0 0.2rem;
          cursor: pointer; }
          #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning-footer ul li.active {
            font-weight: 600; }
      #glmap .map-popup.map-popup-warning .maplibregl-popup-content .warning-footer .attr {
        color: #888; }

#glmap .map-popup .maplibregl-popup-content {
  font-size: 0.8rem;
  padding: 0 5px;
  color: #3a3a3a; }
  #glmap .map-popup .maplibregl-popup-content p {
    margin: 0;
    text-align: center;
    padding: 10px 0 5px 0; }
    #glmap .map-popup .maplibregl-popup-content p em {
      font-weight: 700;
      font-style: normal; }
  #glmap .map-popup .maplibregl-popup-content h5 {
    color: #333;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0 0 2px 8px; }
  #glmap .map-popup .maplibregl-popup-content .road-camera {
    padding: 5px 0 8px 0; }
    #glmap .map-popup .maplibregl-popup-content .road-camera p {
      text-align: left;
      font-weight: 500; }
    #glmap .map-popup .maplibregl-popup-content .road-camera ul {
      padding: 5px;
      display: flex;
      flex-wrap: wrap; }
      #glmap .map-popup .maplibregl-popup-content .road-camera ul li {
        flex: 1;
        flex-grow: 0;
        padding-right: 0.5rem;
        white-space: nowrap; }
        #glmap .map-popup .maplibregl-popup-content .road-camera ul li a {
          color: #333;
          text-decoration: none;
          cursor: pointer;
          font-weight: 400; }
          #glmap .map-popup .maplibregl-popup-content .road-camera ul li a.selected {
            font-weight: 500; }
          #glmap .map-popup .maplibregl-popup-content .road-camera ul li a:hover {
            color: #006dfe;
            color: var(--link-highlight); }
  #glmap .map-popup .maplibregl-popup-content .traffic {
    padding: 8px;
    min-width: 230px; }
    #glmap .map-popup .maplibregl-popup-content .traffic h5 {
      padding: 4px 0 4px 0;
      border-bottom: 1px solid #aaa;
      margin-bottom: 10px; }
    #glmap .map-popup .maplibregl-popup-content .traffic .fluency {
      display: flex; }
      #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir {
        flex: 1;
        width: 49.5%;
        flex: 1;
        text-align: center; }
        #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir:first-child {
          margin-right: 2px; }
        #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status {
          color: white;
          padding: 8px 4px; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status.g {
            background-color: #00c800; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status.b {
            background-color: #0027cd; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status.y {
            background-color: #deda00; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status.o {
            background-color: #ff6a00; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status.r {
            background-color: #d01c00; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status h6 {
            font-size: 0.95rem;
            font-weight: 600; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .status p {
            padding: 4px 0 4px 0;
            font-size: 0.85rem;
            font-weight: 500; }
        #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .details {
          padding: 8px 0 0 0; }
          #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .details p {
            padding: 0; }
            #glmap .map-popup .maplibregl-popup-content .traffic .fluency .dir .details p.value {
              font-weight: 600;
              font-size: 0.85rem; }
  #glmap .map-popup .maplibregl-popup-content .road-condition {
    padding: 5px 0 8px 0; }
    #glmap .map-popup .maplibregl-popup-content .road-condition div {
      padding: 0 10px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      #glmap .map-popup .maplibregl-popup-content .road-condition div:last-child.details {
        border-bottom: none; }
      #glmap .map-popup .maplibregl-popup-content .road-condition div.details {
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 12px; }
    #glmap .map-popup .maplibregl-popup-content .road-condition.disorder p {
      line-height: 1rem;
      padding: 0 0 5px 0; }
    #glmap .map-popup .maplibregl-popup-content .road-condition p {
      text-align: left;
      padding: 0;
      line-height: 0.75rem; }
      #glmap .map-popup .maplibregl-popup-content .road-condition p.ts {
        font-weight: 500;
        font-size: 0.9rem; }
      #glmap .map-popup .maplibregl-popup-content .road-condition p.rc {
        font-size: 0.75rem;
        padding: 3px 6px;
        border-radius: 3px;
        text-align: center; }
        #glmap .map-popup .maplibregl-popup-content .road-condition p.rc.rc_0 {
          background-color: #d6f6d0;
          border: 1px solid #3da919; }
        #glmap .map-popup .maplibregl-popup-content .road-condition p.rc.rc_1 {
          background-color: #f7f7c4;
          border: 1px solid #b0b001; }
        #glmap .map-popup .maplibregl-popup-content .road-condition p.rc.rc_2 {
          background-color: #efcecd;
          border: 1px solid #f82816; }
  #glmap .map-popup .maplibregl-popup-content .wind-power {
    padding: 10px;
    color: #333; }
    #glmap .map-popup .maplibregl-popup-content .wind-power hr {
      margin: 0;
      border-top: 1px solid #aaa; }
    #glmap .map-popup .maplibregl-popup-content .wind-power h3 {
      font-weight: 600;
      font-size: 1.1rem;
      padding: 0 0 5px 0; }
    #glmap .map-popup .maplibregl-popup-content .wind-power h4 {
      font-weight: 500;
      font-size: 0.9rem;
      padding: 5px 0 5px 0; }
      #glmap .map-popup .maplibregl-popup-content .wind-power h4 a {
        color: #333; }
        #glmap .map-popup .maplibregl-popup-content .wind-power h4 a:hover {
          color: #006dfe;
          color: var(--link-highlight); }
    #glmap .map-popup .maplibregl-popup-content .wind-power p {
      padding: 0 0 4px 0;
      text-align: left; }

#glmap .maplibregl-ctrl-bottom-left .maplibregl-ctrl.maplibregl-ctrl-scale {
  margin-bottom: 0;
  line-height: 19px;
  border-color: rgba(0, 0, 0, 0.5);
  border-width: 1px;
  background-color: rgba(255, 255, 255, 0.5); }
  @media (min-width: 45rem) {
    #glmap .maplibregl-ctrl-bottom-left .maplibregl-ctrl.maplibregl-ctrl-scale {
      clear: none;
      position: relative;
      top: 10px; } }

#glmap .attr {
  margin: 0 0 1rem 10px; }

body.darkTheme #glmap .maplibregl-ctrl-group {
  background-color: rgba(0, 0, 0, 0.8); }
  body.darkTheme #glmap .maplibregl-ctrl-group .maplibregl-ctrl-icon {
    filter: invert(1); }

body.darkTheme #glmap .maplibregl-ctrl-group button + button {
  border-top: 1px solid #111; }

body.darkTheme #glmap .maplibregl-ctrl-bottom-left .maplibregl-ctrl.maplibregl-ctrl-scale {
  background-color: rgba(0, 0, 0, 0.65);
  color: #fff; }

body.darkTheme #glmap .maplibregl-control-container .maplibregl-ctrl.maplibregl-ctrl-attrib {
  background-color: rgba(1, 0, 0, 0.65); }
  body.darkTheme #glmap .maplibregl-control-container .maplibregl-ctrl.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-inner a {
    color: #bbb; }

div.ski-table {
  margin: 10px 0 20px 0;
  padding: 0 0 0 10px; }
  div.ski-table table.ski-info {
    width: 100%; }
    div.ski-table table.ski-info th {
      font-weight: 500;
      font-size: 0.85rem;
      padding: 10px 0 5px 0;
      border-bottom: 1px solid #eee; }
    div.ski-table table.ski-info td {
      padding-top: 5px; }
    div.ski-table table.ski-info th, div.ski-table table.ski-info td {
      text-align: center;
      vertical-align: middle; }
      div.ski-table table.ski-info th.l, div.ski-table table.ski-info td.l {
        text-align: left; }
      div.ski-table table.ski-info th.r, div.ski-table table.ski-info td.r {
        text-align: right; }
      div.ski-table table.ski-info th.symb span, div.ski-table table.ski-info td.symb span {
        vertical-align: middle;
        padding-right: 5px; }
      div.ski-table table.ski-info th.symb img, div.ski-table table.ski-info td.symb img {
        width: 32px;
        height: 32px;
        vertical-align: middle; }
        @media (min-width: 42.5rem) {
          div.ski-table table.ski-info th.symb img, div.ski-table table.ski-info td.symb img {
            width: 40px;
            height: 40px; } }
      div.ski-table table.ski-info th.wide, div.ski-table table.ski-info td.wide {
        display: none; }
        @media (min-width: 42.5rem) {
          div.ski-table table.ski-info th.wide, div.ski-table table.ski-info td.wide {
            display: table-cell; } }

.warnings {
  margin: 0 0 1.5rem 0; }
  .warnings .warning {
    margin: 0 0 0.75rem 0;
    padding: 0.75rem 10px 0.5rem 10px;
    border-radius: 4px;
    color: #000;
    /*
		div {
			flex: 1;

			&.icon {
				flex-grow: 0;
				flex-basis: 60px;
			}

			&.text {

				p {
					margin: 0 0 0.25rem 0;
					line-height: 1.2rem;
				}
			}
		}
		*/ }
    .warnings .warning:first-child {
      margin-top: 1rem; }
    .warnings .warning.warning-class-y {
      background-color: #fff8b8; }
    .warnings .warning.warning-class-o {
      background-color: #ffe1ad; }
    .warnings .warning.warning-class-r {
      background-color: #ffaea6; }
    .warnings .warning.warning-class-np {
      background-color: #deebf9; }
    .warnings .warning .warning-header {
      display: flex;
      padding: 0 0 10px 0;
      align-items: center; }
      .warnings .warning .warning-header div {
        flex: 1; }
        .warnings .warning .warning-header div.icon {
          flex-grow: 0;
          flex-basis: 60px;
          padding: 0 0 0 4px; }
        .warnings .warning .warning-header div.title h3 {
          font-size: 0.9rem;
          padding: 0 0 0.25rem 0; }
    .warnings .warning .warning-text {
      margin: 0 0 0.25rem 0;
      line-height: 1.2rem; }
      .warnings .warning .warning-text p.attr {
        padding-top: 0.25rem; }
  .warnings .no-warnings {
    padding: 0.5rem 0 0.5rem 10px;
    margin: 0.25rem 0 0.75rem 0;
    /*color: #000;
		background-color: #97e782;
		border-radius: 2px;*/ }

.warning-legend-wrap .warning-class {
  display: flex;
  padding-left: 10px;
  align-items: center;
  margin: 0 0 0.5rem 0; }
  .warning-legend-wrap .warning-class .color {
    flex-basis: 24px;
    flex-grow: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px; }
    .warning-legend-wrap .warning-class .color.color-np {
      background-color: #6dabeb; }
    .warning-legend-wrap .warning-class .color.color-y {
      background-color: #f6d000; }
    .warning-legend-wrap .warning-class .color.color-o {
      background-color: #f57c00; }
    .warning-legend-wrap .warning-class .color.color-r {
      background-color: #d32f2f; }
  .warning-legend-wrap .warning-class .text {
    flex: 1;
    padding-left: 10px;
    line-height: 1rem; }

@media (min-width: 45rem) {
  .warning-legend-wrap {
    display: flex;
    flex-wrap: wrap; }
    .warning-legend-wrap .warning-class {
      flex: 50%; }
      .warning-legend-wrap .warning-class.warning-np {
        order: 1; }
      .warning-legend-wrap .warning-class.warning-y {
        order: 3; }
      .warning-legend-wrap .warning-class.warning-o {
        order: 2; }
      .warning-legend-wrap .warning-class.warning-r {
        order: 4; } }

.legend-container {
  font-size: 0.8rem;
  padding: 1rem 0.25rem;
  line-height: 1.4rem; }
  .legend-container div.legend-row {
    display: flex; }
    .legend-container div.legend-row p {
      flex: 1;
      padding: 0;
      margin: 0; }
    .legend-container div.legend-row.values p, .legend-container div.legend-row.headers p {
      font-weight: 500;
      padding: 0 0 0 4px;
      position: relative;
      font-size: 0.65rem; }
      @media (min-width: 45rem) {
        .legend-container div.legend-row.values p, .legend-container div.legend-row.headers p {
          font-size: 0.8rem; } }
    .legend-container div.legend-row.colors {
      border: 1px solid rgba(0, 0, 0, 0.3);
      padding: 1px; }
      .legend-container div.legend-row.colors p {
        height: 0.85rem;
        border-right: 1px solid white; }
        .legend-container div.legend-row.colors p:last-child {
          border: none; }
  @media (min-width: 45rem) {
    .legend-container {
      padding: 1rem; } }
  .legend-container p {
    padding: 4px 0;
    margin: 0.5rem 0; }
    .legend-container p em {
      font-weight: 500;
      font-style: normal; }
    .legend-container p img {
      vertical-align: middle;
      margin-right: 0.5rem; }
  .legend-container.wind p svg {
    width: 20px;
    height: 20px;
    margin: 0 1rem;
    vertical-align: middle; }

.uvi-table {
  display: flex;
  margin: 1rem 0; }
  @media (min-width: 42.5rem) {
    .uvi-table {
      margin: 1rem 2rem; } }
  .uvi-table div.col {
    flex: 33%; }
    .uvi-table div.col p {
      font-size: 0.9rem; }
      @media (min-width: 42.5rem) {
        .uvi-table div.col p {
          font-size: 1rem; } }
  .uvi-table div.inner {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .uvi-table div.inner p.title {
      order: 2;
      padding-top: 0.5rem; }
    .uvi-table div.inner p.value {
      order: 1; }

.uvi-hover {
  display: flex;
  align-items: center;
  margin: 1rem 0 2rem 0; }
  @media (min-width: 42.5rem) {
    .uvi-hover {
      margin: 1rem 1rem 2rem 1rem; } }
  .uvi-hover p {
    width: 8rem; }
    .uvi-hover p.value {
      margin-left: 1.2rem;
      width: 100%;
      font-size: 0.9rem; }
      @media (min-width: 42.5rem) {
        .uvi-hover p.value {
          font-size: 1.0rem; } }
    .uvi-hover p .time {
      font-weight: 500;
      font-size: 1rem; }
      @media (min-width: 42.5rem) {
        .uvi-hover p .time {
          font-size: 1.1rem; } }
    .uvi-hover p .value.uvi {
      width: 3.5rem;
      margin: 0;
      text-align: center; }
      @media (min-width: 42.5rem) {
        .uvi-hover p .value.uvi {
          width: 5rem; } }

.uvi-dates {
  display: flex;
  background-color: #f2f2f2;
  background-color: var(--list-background-color);
  text-align: center;
  font-weight: 500; }
  .uvi-dates div {
    flex: 1;
    padding: 0.5rem 0;
    cursor: pointer; }
    .uvi-dates div.active {
      color: #fff;
      color: var(--list-active-color);
      background-color: #50b0e6; }

span.uvi {
  display: inline-block;
  border: 3px solid red;
  border-radius: 6px;
  font-weight: bold;
  font-size: 1rem;
  padding: 0.25rem 1rem;
  margin: 0 0 0 0.4rem; }
  @media (min-width: 42.5rem) {
    span.uvi {
      margin: 0 0 0 0.8rem;
      border-width: 4px;
      font-size: 1.1rem;
      padding: 0.3rem 1.5rem; } }
  span.uvi.uvi_0 {
    border-color: silver; }
  span.uvi.uvi_1 {
    border-color: #4eb400; }
  span.uvi.uvi_2 {
    border-color: #a0ce00; }
  span.uvi.uvi_3 {
    border-color: #f7e400; }
  span.uvi.uvi_4 {
    border-color: #f8b600; }
  span.uvi.uvi_5 {
    border-color: #f88700; }
  span.uvi.uvi_6 {
    border-color: #f85900; }
  span.uvi.uvi_7 {
    border-color: #e82c0e; }
  span.uvi.uvi_8 {
    border-color: #d8001d; }
  span.uvi.uvi_9 {
    border-color: #ff0099; }
  span.uvi.uvi_10 {
    border-color: #b54cff; }
  span.uvi.uvi_11 {
    border-color: #998cff; }

#vectormap .uvi {
  border-radius: 4px;
  border-width: 2px;
  border-color: #999;
  padding: 0.25rem 0.3rem;
  font-weight: 500; }


/*# sourceMappingURL=map.css.map*/