@charset "UTF-8";
/**
 * Foundation for Sites by ZURB
 * Version 6.5.3
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
#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: "\EA1B";
    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;
    font-size: 11px;
    padding: 0 5px; }

#previsions-marine .prev {
  display: flex;
  border-top: 1px solid #dee2e6; }
  #previsions-marine .prev .prev-left {
    width: 160px; }
    #previsions-marine .prev .prev-left .previsions-marine-header {
      border-bottom: 1px solid #dee2e6;
      display: flex;
      border-right: 1px solid #dee2e6; }
      #previsions-marine .prev .prev-left .previsions-marine-header:first-child {
        background: #145e9a;
        color: #ffffff; }
        #previsions-marine .prev .prev-left .previsions-marine-header:first-child .right .subitemContent {
          font-weight: 700; }
      #previsions-marine .prev .prev-left .previsions-marine-header:not(:first-child) {
        background: #f3f3f3; }
      #previsions-marine .prev .prev-left .previsions-marine-header .left {
        width: 80px;
        border-right: 1px solid #dee2e6; }
      #previsions-marine .prev .prev-left .previsions-marine-header .right {
        width: calc(100% - 80px); }
        #previsions-marine .prev .prev-left .previsions-marine-header .right .subitem {
          height: 40px; }
          #previsions-marine .prev .prev-left .previsions-marine-header .right .subitem:not(:last-child) {
            border-bottom: 1px solid #dee2e6; }
          #previsions-marine .prev .prev-left .previsions-marine-header .right .subitem .subitemContent {
            height: 100%; }
  #previsions-marine .prev .prev-right {
    max-width: calc(100% - 160px);
    overflow-x: scroll; }
    #previsions-marine .prev .prev-right .prev-right-container:first-child {
      height: 40px; }
    #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) {
      height: 41px; }
    #previsions-marine .prev .prev-right .prev-right-container:first-child, #previsions-marine .prev .prev-right .prev-right-container:nth-child(2) {
      background: #145e9a;
      color: #ffffff; }
    #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, #previsions-marine .prev .prev-right .prev-right-container:nth-child(2), #previsions-marine .prev .prev-right .prev-right-container:last-child, #previsions-marine .prev .prev-right .prev-right-container:nth-child(14) {
      border-bottom: 1px solid #dee2e6; }
    #previsions-marine .prev .prev-right .item {
      display: inline-block;
      vertical-align: top;
      width: 40px;
      height: 40.35px;
      text-align: center; }

#previsions-marine .bold {
  font-weight: 700; }

#previsions-marine .sea_state_0 {
  background-color: #FFF; }

#previsions-marine .sea_state_1 {
  background-color: #d0ffff; }

#previsions-marine .sea_state_2 {
  background-color: #a1fbff; }

#previsions-marine .sea_state_3 {
  background-color: #64fcff; }

#previsions-marine .sea_state_4 {
  background-color: #01fdff; }

#previsions-marine .sea_state_5 {
  background-color: #02d5ff; }

#previsions-marine .sea_state_6 {
  background-color: #02aafe; }

#previsions-marine .sea_state_7 {
  color: #FFF;
  background-color: #017eff; }

#previsions-marine .sea_state_8 {
  color: #FFF;
  background-color: #0939ff; }

#previsions-marine .sea_state_9 {
  color: #FFF;
  background-color: #072ed7; }

#previsions-marine .sea_state_10 {
  background-color: #0720ae;
  color: #FFF; }

#previsions-marine .bft_0 {
  background-color: #FFF; }

#previsions-marine .bft_1 {
  background-color: #fee8f3; }

#previsions-marine .bft_2 {
  background-color: #fcd9eb; }

#previsions-marine .bft_3 {
  background-color: #f9c3de; }

#previsions-marine .bft_4 {
  background-color: #f6abd0; }

#previsions-marine .bft_5 {
  background-color: #f398c5; }

#previsions-marine .bft_6 {
  background-color: #f07fb6; }

#previsions-marine .bft_7 {
  background-color: #d259a1; }

#previsions-marine .bft_8 {
  background-color: #b5348d; }

#previsions-marine .bft_9 {
  background-color: #9B2282; }

#previsions-marine .bft_10 {
  background-color: #61073d; }

#previsions-marine .bft_11 {
  background-color: #61073d; }

#previsions-marine .bft_12 {
  background-color: #61073d; }

#previsions-marine .svg_container {
  max-width: 50px;
  margin: auto; }

#previsions-marine p.info {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px; }

#previsions-marine p.date {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px; }

/* CHECKBOX */
.switch {
  margin: 10px 0; }
  .switch label {
    cursor: pointer; }
    .switch label small {
      font-weight: 400;
      display: block;
      font-size: smaller; }

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

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

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

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

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #aa66cc;
  left: 24px; }

.switch label input[type=checkbox]:checked + .lever:after {
  background-color: #a6c;
  left: 24px; }

.switch label .lever {
  content: "";
  display: inline-block;
  position: relative;
  width: 40px;
  height: 15px;
  background-color: #818181;
  border-radius: 5px;
  margin-right: 10px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  vertical-align: middle;
  margin: 0 16px; }

.switch label .lever:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 21px;
  height: 21px;
  background-color: #F1F1F1;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
  left: -5px;
  top: -3px;
  -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease;
  transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease; }