@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#previsions-marine {
  font-size: 0;
  font-family: "Roboto", sans-serif; }
  #previsions-marine[v-cloak] {
    display: none; }
  #previsions-marine h2 {
    color: #145e9a;
    font-size: 16.8px;
    font-family: "Quicksand", sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 16px; }
    #previsions-marine h2:before {
      content: "\EA1C";
      font-family: "fa";
      font-weight: 400;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      color: #1c9bd4;
      margin-right: 10px; }
  #previsions-marine .subitem {
    display: table;
    width: 100%;
    height: 100%; }
    #previsions-marine .subitem .subitemContent {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      font-size: 11px; }
  #previsions-marine .prev {
    display: flex;
    position: relative; }
    #previsions-marine .prev:after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      background: transparent linear-gradient(90deg, #FFFFFF00 0%, #80808091 100%) 0% 0% no-repeat padding-box;
      pointer-events: none;
      width: 26px; }
    #previsions-marine .prev .prev-left {
      width: 130px;
      box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
      background: #f3f3f3;
      font-family: "Quicksand", sans-serif; }
      #previsions-marine .prev .prev-left .previsions-marine-header {
        position: relative;
        padding-left: 16px; }
        #previsions-marine .prev .prev-left .previsions-marine-header .icon_fold {
          position: absolute;
          top: 10px;
          right: 6px;
          width: 21px;
          height: 21px;
          border-radius: 50%;
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          background: #ffffff;
          cursor: pointer;
          text-align: center; }
          #previsions-marine .prev .prev-left .previsions-marine-header .icon_fold:after {
            content: "\EA02";
            font-family: "fa";
            font-weight: 400;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            color: #333333;
            font-size: 16px;
            line-height: 22px;
            display: inline-block; }
          #previsions-marine .prev .prev-left .previsions-marine-header .icon_fold:not(.folded):after {
            transform: rotateX(180deg);
            line-height: 20px; }
        #previsions-marine .prev .prev-left .previsions-marine-header .subitem {
          height: 40px;
          display: flex;
          align-items: center; }
          #previsions-marine .prev .prev-left .previsions-marine-header .subitem .subitemContent {
            display: block;
            text-align: left;
            flex: 0 0 100%;
            line-height: 14px; }
            #previsions-marine .prev .prev-left .previsions-marine-header .subitem .subitemContent strong {
              display: block; }
        #previsions-marine .prev .prev-left .previsions-marine-header p {
          font-size: 12px; }
        #previsions-marine .prev .prev-left .previsions-marine-header small {
          font-size: 9px; }
        #previsions-marine .prev .prev-left .previsions-marine-header .left {
          width: 80px; }
        #previsions-marine .prev .prev-left .previsions-marine-header .right {
          width: calc(100% - 80px); }
        #previsions-marine .prev .prev-left .previsions-marine-header:not(:first-child) .right .subitem {
          height: 40px; }
          #previsions-marine .prev .prev-left .previsions-marine-header:not(:first-child) .right .subitem .subitemContent {
            height: 100%; }
        #previsions-marine .prev .prev-left .previsions-marine-header .sensitive_weather,
        #previsions-marine .prev .prev-left .previsions-marine-header .total_sea {
          height: 40px; }
        #previsions-marine .prev .prev-left .previsions-marine-header:first-child {
          height: 46px; }
          #previsions-marine .prev .prev-left .previsions-marine-header:first-child .left {
            border: 0; }
          #previsions-marine .prev .prev-left .previsions-marine-header:first-child .subitemContent {
            font-size: 0; }
        #previsions-marine .prev .prev-left .previsions-marine-header:not(:last-child) {
          border-bottom: 3px solid #E2E2E2; }
    #previsions-marine .prev .prev-right {
      max-width: calc(100% - 130px);
      overflow-x: scroll;
      background: #ffffff; }
      #previsions-marine .prev .prev-right .prev-right-container:first-child {
        padding-left: 8px;
        font-family: "Quicksand", sans-serif;
        font-weight: 700;
        text-transform: capitalize;
        white-space: nowrap; }
        #previsions-marine .prev .prev-right .prev-right-container:first-child .item {
          height: 28px;
          line-height: 28px; }
          #previsions-marine .prev .prev-right .prev-right-container:first-child .item:last-child {
            width: 32px; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) {
        font-family: "Quicksand", sans-serif; }
        #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) .item {
          height: 15px;
          line-height: 15px; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(14) {
        height: 41px; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(15) {
        height: 39px; }
      #previsions-marine .prev .prev-right .prev-right-container:first-child .subitemContent, #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) .subitemContent {
        padding: 0; }
      #previsions-marine .prev .prev-right .prev-right-container .item {
        display: inline-block;
        vertical-align: top;
        width: 40px;
        text-align: center; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(2), #previsions-marine .prev .prev-right .prev-right-container:nth-child(5), #previsions-marine .prev .prev-right .prev-right-container:nth-child(9), #previsions-marine .prev .prev-right .prev-right-container:nth-child(12), #previsions-marine .prev .prev-right .prev-right-container:nth-child(13) {
        border-bottom: 3px solid #E2E2E2; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(4) .item, #previsions-marine .prev .prev-right .prev-right-container:nth-child(5) .item {
        border-top: 1px solid #E2E2E2; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) .item, #previsions-marine .prev .prev-right .prev-right-container:nth-child(3) .item, #previsions-marine .prev .prev-right .prev-right-container:nth-child(4) .item, #previsions-marine .prev .prev-right .prev-right-container:nth-child(5) .item {
        border-right: 1px solid #E2E2E2; }
      #previsions-marine .prev .prev-right .prev-right-container:nth-child(10) .subitemContent {
        font-size: 9px;
        line-height: 11px;
        word-spacing: 9999rem; }
      #previsions-marine .prev .prev-right .prev-right-container:not(:first-child):not(:nth-child(2)) .item {
        height: 40px; }
      #previsions-marine .prev .prev-right .fa-location-arrow {
        font-size: 15px; }
    #previsions-marine .prev .sensitive_weather,
    #previsions-marine .prev .total_sea {
      -moz-transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      overflow: hidden; }
      #previsions-marine .prev .sensitive_weather.folded,
      #previsions-marine .prev .total_sea.folded {
        height: 0 !important;
        border-top-width: 0 !important; }
      #previsions-marine .prev .sensitive_weather .subitem,
      #previsions-marine .prev .total_sea .subitem {
        height: 40px; }
  #previsions-marine .bold {
    font-weight: 700; }
  #previsions-marine .sea_state_0 {
    background-color: #FFF; }
  #previsions-marine .sea_state_1 {
    background-color: #FEFEFF; }
  #previsions-marine .sea_state_2 {
    background-color: #DADAE9; }
  #previsions-marine .sea_state_3 {
    background-color: #B6B6D3; }
  #previsions-marine .sea_state_4 {
    background-color: #9292BD; }
  #previsions-marine .sea_state_5 {
    background-color: #6E6FA7;
    color: #FFF; }
  #previsions-marine .sea_state_6 {
    background-color: #4A4B92;
    color: #FFF; }
  #previsions-marine .sea_state_7 {
    background-color: #27287C;
    color: #FFF; }
  #previsions-marine .sea_state_8 {
    background-color: #030466;
    color: #FFF; }
  #previsions-marine .bft_0 {
    background-color: #FFF; }
  #previsions-marine .bft_1 {
    background-color: #FEFEFF; }
  #previsions-marine .bft_2 {
    background-color: #FDE4F0; }
  #previsions-marine .bft_3 {
    background-color: #FAC6DF; }
  #previsions-marine .bft_4 {
    background-color: #F5A7CD; }
  #previsions-marine .bft_5 {
    background-color: #ED6FAC; }
  #previsions-marine .bft_6 {
    background-color: #B31461;
    color: #FFF; }
  #previsions-marine .bft_7 {
    background-color: #660A40;
    color: #FFF; }
  #previsions-marine .bft_8 {
    background-color: #3B0427;
    color: #FFF; }
  #previsions-marine .svg_container {
    max-width: 50px;
    margin: auto; }
  #previsions-marine .marine_tabs_warning {
    color: #333333;
    font-size: 14px;
    line-height: 21px;
    margin-top: 30px;
    margin-bottom: 30px; }

/* CHECKBOX */
.switch label {
  cursor: pointer;
  display: flex;
  align-items: center; }

.switch label input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute; }

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0; }

.switch label .lever {
  display: inline-block;
  position: relative;
  background-color: #E2E2E2;
  border: 1px solid #707070;
  width: 32px;
  height: 17px;
  border-radius: 50px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-left: 4px; }

.switch label .lever:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background: #ffffff;
  border-radius: 50%;
  left: 1px;
  top: 1px;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.switch label input[type=checkbox]:checked + .lever {
  background-color: #036ba1; }

.switch label input[type=checkbox]:checked + .lever:after {
  left: 16px; }