#progressline .axis {
  background-color:rgba(6,49,81,0.07);
}
#progressline .startpoint,
#progressline .arrivalpoint {
  background-color:#ED1C24;
}
#progressline .startpoint:after {
  border-top-color:#ED1C24;
}
#progressline .arrivalpoint:before {
  border-bottom-color:#ED1C24;
}
#progressline .extend.fleet {
  background-color:rgba(6,49,81,0.15);
}
#progressline .extend.fleet:before {
  border-bottom-color:rgba(6,49,81,0.15);
}
#progressline .extend.fleet:after {
  border-top-color:rgba(6,49,81,0.15);
}
#progressline .extend.boat {
  background-color:#FFFFFF;
}
#progressline .activeboat {
  background-color:#E6202C;
}
#progressline .activeboat:before {
  border-bottom-color:#E6202C;
}
#progressline .activeboat:after {
  border-top-color:#E6202C;
}
#progressline .activeboat#fixed {
  background-color:#E6202C !important;
}
#progressline .activeboat#fixed:before {
  border-bottom-color:#E6202C;
}
#progressline .activeboat#fixed:after {
  border-top-color:#E6202C;
}
#progressline .activeboat>svg {
  fill:#E6202C;
}
#buttons {
  background-color:#000000;
}
.iconbutton {
  background-color:rgba(0,0,0,1.00);
}
.iconbutton svg {
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
.iconbutton.over {
  background-color:#000000;
}
.iconbutton.over svg {
  fill:#E6015B;
  stroke:#E6015B;
}
.iconbutton.on {
  background-color:#000000;
}
.iconbutton.on svg {
  fill:#E6015B;
  stroke:#E6015B;
}
.iconbutton:before {
  background-color:#000000;
  color:#E6015B;
}
#sig,
#leaflet {
  background-color:#161616;
}
#graphics {
  background-color:#292929;
}
#graphics svg#graphAdvancePos path {
  fill:#89EC28;
  stroke:#89EC28;
  fill-opacity:0.3;
}
#graphics svg#graphAdvanceNeg path {
  fill:#F5412A;
  stroke:#F5412A;
  fill-opacity:0.3;
}
#graphics svg#graph24h path {
  stroke:#FFFFFF;
}
#graphics .variables {
  background-color:#000032;
  color:#FFFFFF;
}
#graphics .variables:before,
#graphics .variables:after {
  border-top-color:#000032;
}
#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:#292929;
}
.sphericalbkggradient_ext {
  stop-color:#292929;
}
.sphericalbkggradient_center {
  stop-color:#404040;
}
#bathyLayer image {
  mix-blend-mode:multiply; /*normal;multiply;screen;overlay;darken;lighten;color-dodge;color-burn;hard-light;soft-light;difference;exclusion;hue;saturation;color;luminosity*/
  opacity:1;
}
#groundLayer path {
  fill:#757575;
}
#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:rgba(255,255,255,1);
}
#areasLayer path {
  fill:rgba(230,1,91,0.30);
  stroke:#E6015B;
}
#areasLayer path#AEZ {
  fill:rgba(255,255,255,0.10);
}
#gatesLayer path {
  stroke:#E6015B;
}
#gatesLayer circle,
#gatesLayer path.filled {
  fill:#E6015B;
}
#daynightLayer {
  fill:#000000;
}
#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:#E6015B;
  fill:#E6015B;
}
#ruleLayer>g>path {
  stroke:#E6015B;
}
#ruleLayer>path {
  stroke:#E6015B;
}
#poiLayer g circle {
  fill:#E6015B;
}
#poiLayer g text {
  fill:#FFFFFF;
}
#poiLayer g.city circle {
  fill:#E6015B;
}
#poiLayer g.city text {
  fill:#FFFFFF;
}
#poiLayer g.start circle {
  fill:#E6015B;
}
#poiLayer g.start text {
  fill:#FFFFFF;
}
#poiLayer g.arrv circle {
  fill:#E6015B;
}
#poiLayer g.arrv text {
  fill:#FFFFFF;
}
#poiLayer g.isle circle {
  fill:#E6015B;
}
#poiLayer g.isle text {
  fill:#E8EAEA;
}
#poiLayer g.ctry {
  mix-blend-mode:soft-light;
  opacity:0.9;
}
#poiLayer g.ctry text {
  fill:#E8EAEA;
}
#poiLayer g.buoy circle {
  fill:#E6015B;
}
#poiLayer g.buoy text {
  fill:#E6015B;
}
#mediaLayer .geomedia .balloon {
  fill:#FFFFFF;
}
#mediaLayer .geomedia .balloon.shadow {
  fill:rgba(0,0,0,0.4);
}
#mediaLayer .geomedia .filled {
  stroke:none;
  fill:#000000;
}
#mediaLayer .geomedia .stroked {
  fill:none;
  stroke:#000000;
}
#infosLayer .geoinfo .pin {
  stroke:none;
  fill:#47C512;
}
#infosLayer .geoinfo .disk {
  stroke:none;
  fill:#FFFFFF;
}
#infosLayer .geoinfo .letter {
  stroke:#47C512;
  fill:none;
}
.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:#000032;
}
#zoom .button:hover {
  background-color:#E6015B;
  border-color:#E6015B;
}
#zoom .button:hover .face {
  fill:#FFFFFF;
}
#zoom .button.on {
  background-color:#E6015B;
  border-color:#E6015B;
}
#zoom .button.on .face {
  fill:#FFFFFF;
}
#zoom .bar .button {
  background-color:#E6015B;
  border-color:#E6015B;
}
#zoom .bar .button .face {
  fill:#E6015B;
}
#time {
  background-color:#000000;
}
#timekeeper {
  background-color:#E2001A;
}
#timekeeper:after {
  border-top-color:#E2001A;
}
#refresh {
  color:#FFFFFF;
}
#refresh circle {
  stroke:#FFFFFF;
  stroke-opacity:0.5;
}
#refresh,
#datetime {
  background-color:#E6015B;
  color:#ffffff;
}
#refresh:before,
#datetime:before {
  border-bottom-color:#E6015B;
}
#datetime:after {
  border-top-color:#E6015B;
}
#chrono {
  background-color:#E6015B;
}
#chrono:before,
#chrono:after {
  border-top-color:#E6015B;
}
#chrono>span {
  color:#FFFFFF;
  opacity:0.5;
}
#replay path {
  fill:#FFFFFF;
}
#timeline {
}
#timeline .backbar,
#replay .gauge:before,
#replay .gauge:after {
  background-color:rgba(255,255,255,0.5);
}
#timeline .bar {
  background-color:rgba(255,255,255,1);
}
#timeline .button,
#replay .cursor {
  background-color:#E6015B;
  border-color:#E6015B;
}
#timeline .limits .left,
#timeline .limits .right {
  border-bottom-color:#FFFFFF;
}
#timeline .limits .left.on,
#timeline .limits .right.on {
  border-bottom-color:#E6015B;
}
#timeline .button .face {
  fill:#E6015B;
}
#geovoile {
  background-color:rgba(0,0,0,1.00);
  fill:rgba(255,255,255,1.00);
}
#geovoile:before {
  border-bottom-color:rgba(0,0,0,1.00);
}
#gridlines {
  mix-blend-mode:difference;
  text-align:left;
  vertical-align:top;
}
#gridLayer {
  mix-blend-mode:difference;
}
#gridlines path,
#gridLayer path {
  stroke:rgba(255,255,255,0.07);
}
#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;
  border-color:rgba(0,0,0,0.1);
  color:rgba(0,0,0,0.5);
}
#boatclasseslist div:hover {
  color:rgba(0,0,0,1);
}
#boatclasseslist div.on {
  background-color:rgba(230,1,91,1.00);
  border-color:rgba(0,0,0,0.1);
  color:#FFFFFF;
}
#reportList {
  background-color:#000000;
}
#reportList .row {
  border-bottom-color:#3A3A3A;
  background:linear-gradient(#000000 0%, #000000 55%, #000000 100%);
  background:-moz-linear-gradient(#000000 0%, #000000 55%, #000000 100%);
  background:-webkit-linear-gradient(#000000 0%, #000000 55%, #000000 100%);
  background:-o-linear-gradient(#000000 0%, #000000 55%, #000000 100%);
  color:#FFFFFF;
}
#reportList .row:hover {
  background:linear-gradient(#313131 0%, #313131 55%, #313131 100%);
  background:-moz-linear-gradient(#313131 0%, #313131 55%, #313131 100%);
  background:-webkit-linear-gradient(#313131 0%, #313131 55%, #313131 100%);
  background:-o-linear-gradient(#313131 0%, #313131 55%, #313131 100%);
  color:#FFFFFF;
}
#reportList .row.on {
  background:linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-moz-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-webkit-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-o-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  color:#FFFFFF;
}
#reportList .row.ARV + div.RAC_1 {
  border-top-color:#B9BDBD;
}
#reportList .row .names>p:nth-child(1) {
  color:#FFFFFF;
}
#reportList .row .names>p:nth-child(2) {
  color:rgba(159,184,222,1.00);
}
#reportList .row .latedate {
  color:#E6202C;
}
#reportList .row.on .names>p:nth-child(1) {
  color:#FFFFFF;
}
#reportList .row.on .names>p:nth-child(2) {
  color:rgba(255,255,255,1.00);
}
#reportList .row .rank {
  color:#D4D4D4;
}
#reportList .row .rank.up .progress:after {
  color:#5EBB00;
}
#reportList .row .rank.eq .progress:after {
  color:#7E7E7E;
}
#reportList .row .rank.down .progress:after {
  color:#D54500;
}
#reportList .row.on .rank {
  color:#FFFFFF;
}
#reportList .row.on .rank.up .progress:after {
  color:#DDFFBB;
}
#reportList .row.on .rank.eq .progress:after {
  color:#FFFFFF;
}
#reportList .row.on .rank.down .progress:after {
  color:#FFD9C6;
}
#reportList .row.on .latedate {
  color:#FFD9C6;
}
#reportList .row .exturl {
  border-color:rgba(0,0,0,0.3);
  background-color:#FFFFFF;
}
#reportList .row .exturl:hover {
  border-color:rgba(255,255,255,1);
  background-color:#E6202C;
}
#reportList .row .exturl:before,
#reportList .row .exturl:after {
  background-color:#000000;
}
#reportList .row .exturl:hover:before,
#reportList .row .exturl:hover:after {
  background-color:#FFFFFF;
}
#reportList .row .fav svg {
  stroke:rgba(6,49,81,0.5);
  fill:rgba(6,49,81,0.1);
}
#reportList .row .fav:hover svg {
  stroke:rgba(6,49,81,0.7);
  fill:rgba(6,49,81,0.30);
}
#reportList .row .fav.on svg {
  stroke:rgba(6,49,81,0.8);
  fill:rgba(248,220,74,1);
}
#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:#FFFFFF;
}
#dashboard_compare .board table thead {
  background-color:#FFFFFF;
}
#dashboard big label,
#dashboard small label {
  color:rgba(6,49,81,0.6);
}
#dashboard big span,
#dashboard small span {
  color:rgba(6,49,81,0.6);
}
#dashboard .pos * {
  color:#89EC28;
}
#dashboard .neg * {
  color:#F5412A;
}
#dashboard #graphics svg#graphAdvancePos path {
  fill:#89EC28;
  stroke:#89EC28;
  fill-opacity:0.3;
}
#dashboard #graphics svg#graphAdvanceNeg path {
  fill:#F5412A;
  stroke:#F5412A;
  fill-opacity:0.3;
}
#dashboard #graphics svg#graph24h path {
  stroke:#FFFFFF;
}
#dashboard #graphics .grid {
  stroke:rgba(6,49,81,0.05);
}
#dashboard #graphics .legend,
#dashboard #graphics:after {
  color:rgba(6,49,81,0.6);
}
#dashboardsummary {
  background-color:#FFFFFF;
  color:#FFFFFF;
}
#dashboardsummary .pos {
  color:#89EC28;
}
#dashboardsummary .neg {
  color:#F5412A;
}
#detailshandle {
  background-color:#E6202C;
}
#detailshandle svg {
  fill:rgba(255,255,255,0.3);
  stroke:rgba(255,255,255,1);
}
#boatcard article {
  border:1px solid;
  border-color:rgba(255,255,255,0.12);
}
#boatcard .identity {
  color:#FFFFFF;
  background:linear-gradient(#000032 0%, #000032 55%, #000032 100%);
  background:-moz-linear-gradient(#000032 0%, #000032 55%, #000032 100%);
  background:-webkit-linear-gradient(#000032 0%, #000032 55%, #000032 100%);
  background:-o-linear-gradient(#000032 0%, #000032 55%, #000032 100%);
}
#boatcard .identity .names>p:nth-child(1) {
  color:#FFFFFF;
}
#boatcard .identity .names>p:nth-child(2) {
  color:rgba(221,221,221,1.00);
}
#boatcard .rank {
  color:#E6202C;
}
#boatcard .rank.up .progress:after {
  color:#5EBB00;
}
#boatcard .rank.eq .progress:after {
  color:#7E7E7E;
}
#boatcard .rank.down .progress:after {
  color:#D54500;
}
#boatcard .infos {
  color:#FFFFFF;
}
#boatcard .infos:before {
  opacity:0.35;
  background-color:#000032;
}
#boatcard .infos .speed {
  color:#FFFFFF;
}
#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,1.00);
}
#boatcard .cross svg {
  fill:#FFFFFF;
  opacity:0.6;
}
#boatcard .infos .speeds th+td {
  background-color:rgba(255,255,255,0.00);
}
#boatcard .infos .speeds th+td+td {
  background-color:rgba(255,255,255,0.00);
}
#boatcard .infos .speeds th+td+td+td {
  background-color:rgba(255,255,255,0.00);
}
#geoblog {
  border:1px solid;
  border-color:rgba(255,255,255,0.3);
}
#geoblog header {
}
#geoblog .identity {
  background:linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-moz-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-webkit-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
  background:-o-linear-gradient(#E6015B 0%, #E6015B 55%, #E6015B 100%);
}
#geoblog .identity .names>p:nth-child(1) {
  color:#FFFFFF;
}
#geoblog .identity .names>p:nth-child(2) {
  color:rgba(255,255,255,1.00);
}
#geoblog .infos {
  background-color:#444444;
  color:#FFFFFF;
}
#geoblog>article {
  background-color:#FFFFFF;
  color:#000000;
}
#geoblog>footer {
  background-color:#333333;
}
#geoblog>footer * {
  color:rgba(255,255,255,0.7);
}
#geoblog .cross {
  fill:#FFFFFF;
}
#geoblog .arrow {
  fill:#FFFFFF;
}
#forecasts {
  color:#FFFFFF;
  background-color:#000000;
}
#forecasts:before,
#forecasts:after {
  border-top-color:#000000;
}
#forecasts .cursor {
  background-color:rgba(230,1,91,1.00);
}
#forecasts .hours div.on {
  color:#FFFFFF;
}
#forecasts .wait {
  stroke:#FFFFFF;
}
#forecasts legend {
  background-color:#292929;
}
#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;
}
#vr {
  fill:rgba(255,255,255,1.00);
}
#vr .bkg {
  fill:#000032;
}
#vr .color {
  fill:#E6015B;
}
#splittimes {
  background-color:#FFFFFF;
  color:#FFFFFF;
}
#splittimes .splittime {
  background-color:rgba(255,255,255,1);
}
#splittimes .label {
  background-color:#FFFFFF;
  color:#FFFFFF;
}
#splittimes .label path {
  fill:#FFFFFF;
}
#splittimes .label svg:hover path {
  fill:#FFC72C;
}
#splittimes .name {
  color:#FFFFFF;
}
#splittimes .rank {
  color:#E6202C;
}
#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:#FFFFFF;
}
#splittimes .boat:hover .rank{
  color:#E6202C;
}
#splittimes .boat:hover .name{
  color:#FFFFFF;
}
#splittimes .boat.on,
#splittimes .boat.on:hover{
  background-color:#E6202C;
  color:#FFFFFF;
}
#splittimes .boat.on .rank{
  color:#FFFFFF;
}
#splittimes .boat.on .name{
  color:#FFFFFF;
}
#splittimesLayer {
  fill:#FFC72C;
  stroke:#FFC72C;
}