#progressline .axis {
  background-color:rgba(6,49,81,0.07);
}
  #progressline .startcity,
  #progressline .arrivalcity {
    color:#009AFF;
  }
  #progressline .startpoint,
  #progressline .arrivalpoint {
    background-color:#28DBC4;
  }
  #progressline .startpoint:after {
    border-top-color:#28DBC4;
  }
  #progressline .arrivalpoint:before {
    border-bottom-color:#28DBC4;
  }
  #progressline .extend.fleet {
    background-color:rgba(6,49,81,0.20);
  }
    #progressline .extend.fleet:before {
      border-bottom-color:rgba(6,49,81,0.20);
    }
    #progressline .extend.fleet:after {
      border-top-color:rgba(6,49,81,0.20);
    }
#progressline .extend.boat {
  background-color:#1E0D68;
}
  #progressline .activeboat {
    background-color:#28DBC4;
  }
    #progressline .activeboat:before {
      border-bottom-color:#28DBC4;
    }
    #progressline .activeboat:after {
      border-top-color:#28DBC4;
    }
  #progressline .activeboat#fixed {
    background-color:#28DBC4 !important;
  }
    #progressline .activeboat#fixed:before {
      border-bottom-color:#28DBC4;
    }
    #progressline .activeboat#fixed:after {
      border-top-color:#28DBC4;
    }
    #progressline .activeboat>svg {
      fill:#28DBC4;
    }
#buttons {
  background-color:#FFFFFF;
}
    .iconbutton {
      background-color: rgba(255,255,255,0.00);
    }
      .iconbutton svg {
        fill:#1E0D68;
        stroke:#1E0D68;
      }
    .iconbutton.over {
      background-color:#28DBC4;
    }
        .iconbutton.over svg {
          fill:#FFFFFF;
          stroke:#FFFFFF;
        }
    .iconbutton.on.alt:hover,
    .iconbutton.on {
      background-color:#28DBC4;
    }
        .iconbutton.on.alt:hover svg,
        .iconbutton.on svg {
          fill:#FFFFFF;
          stroke:#FFFFFF;
        }
    .iconbutton.on.alt {
      background-color:rgba(40,219,196,0.60);
    }
#sig,
#forecasts legend sup {
  background-color:#110A47;
}
#graphics,
#graphics svg {
  background-color:#322B68;
}
#graphics .variables {
  background-color:#28DBC4;
  color:#FFFFFF;
}
  #graphics .variables:before,
  #graphics .variables:after {
    border-top-color:#28DBC4;
  }
  #graphics .grid {
    stroke:rgba(255,255,255,0.05);
  }
  #graphics .legend {
    color:rgba(255,255,255,0.6);
  }
  #graphics:after {
    color:#ffffff;
  }
#bathyLayer rect {
  fill:#322B68;
}
#bathyLayer image {
  mix-blend-mode:lighten; /*normal;multiply;screen;overlay;darken;lighten;color-dodge;color-burn;hard-light;soft-light;difference;exclusion;hue;saturation;color;luminosity*/
  opacity:0.22;
}
.sphericalbkggradient_ext {
  stop-color:#322B68;
}
.sphericalbkggradient_center {
 stop-color:#676194;
}
#groundLayer path {
  fill:#F4F4F4;
}
#groundLayer path.ice {
  fill:#FFFFFF;
}
#boatsLayer path {
  stroke:#000000;
}
#boatsLayer text {
  fill:#FFFFFF;
  opacity:0.4;
}
#tracksLayer g {
  stroke-opacity:0.15;
}
#tracksSTMLayer g {
  stroke-opacity:1;
}
#tracksLayer {
  font-size:50px !important;/*define the slicer length*/
}
#tracksLayer g path.n1,
#tracksSTMLayer g path.n1 {
  display:none;
}
#routingsLayer {
  stroke-dasharray:8,3;
  stroke-width:1;
}
#orthoLayer {
  stroke-dasharray:6,2;
  stroke-width:1;
  stroke:rgba(255,255,255,1);
}
#areasLayer path {
  fill:rgba(40,219,196,0.30);
  stroke:#28DBC4;
}
#areasLayer path#AEZ {
  fill:rgba(0,0,0,0.31);
}
#gatesLayer path {
  stroke:#28DBC4;
}
#gatesLayer circle {
  fill:#28DBC4;
}
#daynightLayer {
  fill:#0A0529;
}
#referencesLayer {
  stroke-dasharray:8,3;
  stroke-width:1;
}
    #referencesLayer path {
      opacity:0.5;
      stroke:#FFFFFF;
    }
    #referencesLayer circle {
      opacity:0.5;
      fill:#FFFFFF;
    }
    #referencesLayer g.currentPosition circle {
      fill:#FFFFFF;
      opacity:1;
    }
#ruleLayer {
  stroke-dasharray:8,3;
}
  #ruleLayer>g>circle {
    stroke:#28DBC4;
    fill:#28DBC4;
  }
  #ruleLayer>g>path {
    stroke:#28DBC4;
  }
  #ruleLayer>path {
    stroke:#28DBC4;
  }
#poiLayer g circle {
  fill:#FFFFFF;
}
  #poiLayer g text {
    fill:#FFFFFF;
  }
  #poiLayer g.city circle {
    fill:#28DBC4;
  }
  #poiLayer g.city text {
    fill:#FFFFFF;
  }
  #poiLayer g.start circle {
    fill:#28DBC4;
  }
  #poiLayer g.start text {
    fill:#FFFFFF;
  }
  #poiLayer g.arrv circle {
    fill:#28DBC4;
  }
  #poiLayer g.arrv text {
    fill:#FFFFFF;
  }
  #poiLayer g.isle circle {
    fill:#162538;
  }
  #poiLayer g.isle text {
    fill:#E8EAEA;
  }
  #poiLayer g.buoy circle {
    fill:#28DBC4;
  }
  #poiLayer g.buoy text {
    fill:#28DBC4;
  }
.tip {
  color:#ffffff;
}
#navionicsOption .wait path {
  stroke:#223B59;
}
#coords {
  color:#FFFFFF;
  mix-blend-mode:normal;
  opacity:1;
}
    #coords .lat,
    #coords .lng {
      text-shadow: 1px 1px 1px #1E1E1E,  -1px -1px 1px #1E1E1E,  1px -1px 1px #1E1E1E,  -1px 1px 1px #1E1E1E;
    }
#zoom .axis {
  background-color:rgba(255,255,255,0.1);
}
#zoom .button {
 background-color:#FFFFFF;
 border-color:#FFFFFF;
}
#zoom .button .face {
 fill:#063151;
}
#zoom .button:hover {
 background-color:#28DBC4;
 border-color:#28DBC4;
}
#zoom .button:hover .face {
 fill:#FFFFFF;
}
#zoom .button.on {
 background-color:#28DBC4;
 border-color:#28DBC4;
}
#zoom .button.on .face {
 fill:#FFFFFF;
}
#zoom .bar .button {
 background-color:#28DBC4;
 border-color:#28DBC4;
}
#zoom .bar .button .face {
 fill:#28DBC4;
}
#time {
  background-color:#1E0D68;
}
#refresh {
  background-color:#28DBC4;
  color:#ffffff;
}
  #refresh circle {
    stroke:#FFFFFF;
    stroke-opacity:0.5;
  }
#datetime {
  background-color:#28DBC4;
  color:#ffffff;
}
  #datetime:after {
    border-top-color:#28DBC4;
  }
#chrono {
  background-color:#28DBC4;
}
  #chrono>span {
    color:#FFFFFF;
    opacity:0.5;
  }
  #timekeeper {
  background-color:#28DBC4;
}
#timekeeper:after {
    border-top-color:#28DBC4;
  }
#replay path {
  fill:rgba(255,255,255,0.5);
}
#timeline {
}
  #timeline .backbar {
    background-color:rgba(255,255,255,0.5);
  }
  #timeline .bar {
    background-color:rgba(255,255,255,1);
  }
#timeline .button {
  background-color:#28DBC4;
  border-color:#28DBC4;
}
#timeline .button .face {
  fill:#28DBC4;
}
#gridlines {
  mix-blend-mode:normal;
  text-align:left;
  vertical-align:top;
}
    #gridLayer {
  mix-blend-mode:normal;
}
#gridlines path,
#gridLayer path {
      stroke:rgba(0,0,0,0.10);
    }
    #gridlines text {
      fill:#FFFFFF;
      opacity:1;
      text-shadow: 1px 1px 1px #1E1E1E,  -1px -1px 1px #1E1E1E,  1px -1px 1px #1E1E1E,  -1px 1px 1px #1E1E1E;
    }
#boatclasseslist div {
  background-color:#FFFFFF;
  color:rgba(0,0,0,0.5);
  border-color:rgba(0,0,0,0.1);
}
#boatclasseslist div:hover {
  color:rgba(0,0,0,1);
}
#boatclasseslist div.on {
  background-color:#28DBC4;
  color:#FFFFFF;
}
#reportList {
  background-color:#EFEEEE;
}
  #reportList .row {
    border-top-color:transparent;
    border-left-color:#EBEDED;
    border-right-color:#EBEDED;
    border-bottom-color:#EBEDED;
    background:        linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
    background:   -moz-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
    background:-webkit-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
    background:     -o-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
    color:#1E0D68;
  }
  #reportList .row:hover {
    background:        linear-gradient(#EFEEEE 0%, #EFEEEE 55%, #EFEEEE 100%);
    background:   -moz-linear-gradient(#EFEEEE 0%, #EFEEEE 55%, #EFEEEE 100%);
    background:-webkit-linear-gradient(#EFEEEE 0%, #EFEEEE 55%, #EFEEEE 100%);
    background:     -o-linear-gradient(#EFEEEE 0%, #EFEEEE 55%, #EFEEEE 100%);
    color:#1E0D68;
  }
  #reportList .row.on {
    background:        linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
    background:   -moz-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
    background:-webkit-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
    background:     -o-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
    color:#FFFFFF;
  }
  #reportList .row.ARV+div.RAC_1 {
    border-top:3px solid;
    border-top-color:#B9BDBD;
  }
  #reportList .identity img,
  #reportList .row.on .identity img,
  #reportList .row:hover .identity img {
    *-webkit-filter:sepia(0%) hue-rotate(0deg) saturate(100%);
   *filter:sepia(0%) hue-rotate(0deg) saturate(100%);
  }
  #reportList .names > p:nth-child(1) {
    color:#28DBC4;
  }
  #reportList .names > p:nth-child(2) {
    color:rgba(30,13,104,0.70);
    font-weight:bold;
  }
  #reportList .row>sub .latedate {
    color:#28DBC4;
  }
  #reportList .row.on  .names > p:nth-child(1) {
    color:#FFFFFF;
  }
  #reportList .row.on  .names > p:nth-child(2) {
    color:rgba(255,255,255,0.7);
  }
  #reportList .row .rank {
   color:#1E0D68;
  }
  #reportList .row .rank .up:after {
    color:#5EBB00;
  }
  #reportList .row .rank .eq:after {
    color:#7E7E7E;
  }
  #reportList .row .rank .down:after {
    color:#D54500;
  }
  #reportList .row.on .rank {
    color:#FFFFFF;
  }
  #reportList .row.on .rank .up:after {
    color:#DDFFBB;
  }
  #reportList .row.on .rank .eq:after {
    color:#FFFFFF;
  }
  #reportList .row.on .rank .down:after {
    color:#FFD9C6;
  }
  #reportList .row.on .latedate {
    color:#FFD9C6;
  }
#dashboard {
  background-color:#F5F7F7;
}
    #dashboard header {
      background-color:#264264;
      border-color:rgba(0,0,0,0.1);
      color:#FFFFFF;
    }
    #dashboard article {
      background-color:#FFFFFF;
      border-color:rgba(0,0,0,0.1);
      color:#063151;
    }
    #dashboard .pos * {
      color:#009D4F;
    }
    #dashboard .neg * {
      color:#9D0400;
    }
#dashboardsummary {
  border-color:rgba(0,0,0,0.1);
  background-color:#FFFFFF;
  color:#063151;
}
#openDetails .face {
  background-color:#28DBC4;
}
#openDetails .back {
  background-color:#28DBC4;
}
#openDetails svg {
  fill:#FFFFFF;
}
#boatcard article {
  border:1px solid;
  border-color:rgba(255,255,255,1.00);
}
    #boatcard .identity {
      color:#1E0D68;
      background:        linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
      background:   -moz-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
      background:-webkit-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
      background:     -o-linear-gradient(#FFFFFF 0%, #FFFFFF 55%, #FFFFFF 100%);
    }
        #boatcard .names > p:nth-child(1) {
          color:#28DBC4;
        }
        #boatcard .names > p:nth-child(2)
          color:rgba(30,13,104,0.70);
        }
        #boatcard .identity .rank {
         color:#1E0D68;
        }
    #boatcard .infos {
      color:#FFFFFF;
      background-color:rgba(30,13,104,0.81);
    }
        #boatcard .infos .vmg {
          color:#28DBC4;
        }
        #boatcard .infos .vmg.neg,
        #boatcard .infos .vmg.neg *{
          color:#FF4B17;
        }
        #boatcard .infos .latedate {
          color:#FFC1C9;
        }
        #boatcard .infos .pos,
        #boatcard .infos .pos * {
          color:#9BED83;
        }
        #boatcard .infos .neg,
        #boatcard .infos .neg * {
          color:#FDC0AC;
        }
        #boatcard .infos .live,
        #boatcard .infos .live * {
          color:#CAFD00;
        }
        #boatcard .infos .off {
          font-weight:bold;
          padding-top:5px;
          padding-bottom:55px
        }
        #boatcard .infos table thead {
          color:#FFFFFF;
        }
        #boatcard .infos fieldset span,
        #boatcard .infos table tbody th {
          color:#FFFFFF;
        }
        #boatcard .infos fieldset dfn {
          color:rgba(255,255,255,0.7);
        }
        #boatcard .cross svg {
          fill:#FFFFFF;
          opacity:0.6;
        }
    #boatcard .infos .speeds th+td {
     background-color:rgba(255,255,255,0.03);
    }
    #boatcard .infos .speeds th+td+td {
     background-color:rgba(255,255,255,0.07);
    }
    #boatcard .infos .speeds th+td+td+td {
     background-color:rgba(255,255,255,0.15);
    }
#geoblog {
  border:1px solid;
  border-color:rgba(255,255,255,0.3);
}
    #geoblog header {
    }
    #geoblog .identity {
      background:        linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
      background:   -moz-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
      background:-webkit-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
      background:     -o-linear-gradient(#28DBC4 0%, #28DBC4 55%, #28DBC4 100%);
    }
        #geoblog .names > p:nth-child(1) {
          color:#FFFFFF !important;
        }
        #geoblog .names > p:nth-child(2) {
          color:rgba(255,255,255,0.7) !important;
        }
    #geoblog .infos {
      background-color:#E9EDEF;
      color:#009AFF;
    }
    #geoblog>article {
      background-color:#FFFFFF;
      color:#1E0D68;
    }
    #geoblog>footer {
      background-color:#1E0D68;
    }
    #geoblog>footer * {
      color:rgba(255,255,255,0.7);
    }
    #geoblog .cross {
      fill:#FFFFFF;
    }
    #geoblog .arrow {
      fill:#FFFFFF;
    }
#forecasts {
}
    #forecasts section:before,
    #forecasts section:after {
      border-top-color:#EFEEEE;
    }
    #forecasts section,
    #forecasts select,
    #forecasts option,
    #forecasts .date,
    #forecasts .list:hover option {
      background-color:#EFEEEE;
      color:#1E0D68;
    }
    #forecasts.waiting .date {
      color:rgba(6,49,81,0.3);
    }
    #forecasts .button,
    #forecasts .list {
      fill:#1E0D68;
    }
    #forecasts .wait {
      stroke:#1E0D68;
    }
    #forecasts .button:hover,
    #forecasts .list:hover,
    #forecasts .list.open {
      fill:#28DBC4;
    }
    #forecasts .list:hover .date,
    #forecasts .list.open .date,
    #forecasts .list:hover select {
      color:#28DBC4;
    }
    #forecasts option.on {
      background-color:#28DBC4;
      color:#ffffff;
      font-weight:bold;
    }
    #forecasts legend div {
   color:#FFFFFF;
      text-shadow:1px 1px 1px #1E1E1E, -1px -1px 1px #1E1E1E, 1px -1px 1px #1E1E1E, -1px 1px 1px #1E1E1E;
    }
#leafletcredits a {
  color:##E42312;
}
@media screen and (max-width:900px) {
    #boatcard .infos {
      background-color:rgba(28,52,78,1);
    }
}
#geovoile {
  background-color:rgba(0,0,0,0.4);
  fill:rgba(255,255,255,0.5);}
#geovoile:before {
  border-bottom-color:rgba(0,0,0,0.4);
}
#splittimes {
  border-color:rgba(255,255,255,0.3);
  color:#063151;
}
#splittimes .splittime {
  background-color:rgba(255,255,255,1);
}
#splittimes .label {
  background-color:#063151;
  color:#FFFFFF;
}
#splittimes .label path {
  fill:#FFFFFF;
}
#splittimes .label svg:hover path {
  fill:#FFC72C;
}
#splittimes .name {
  color:#063151;
}
#splittimes .rank {
  color:#E2001A;
}
#splittimes .boat:nth-child(2n+1) {
  background-color:rgba(6,49,81,0.02);
}
#splittimes .boat:hover {
  background-color:rgba(6,49,81,0.1);
  color:#063151;
}
#splittimes .boat:hover .rank{
  color:#E2001A;
}
#splittimes .boat:hover .name{
  color:#063151;
}
#splittimes .boat.on,
#splittimes .boat.on:hover{
  background-color:#E2001A;
  color:#FFFFFF;
}
#splittimes .boat.on .rank{
  color:#FFFFFF;
}
#splittimes .boat.on .name{
  color:#FFFFFF;
}
#splittimesLayer {
  fill:#FFC72C;
  stroke:#FFC72C;
}