/*cssmanager*/
#global_1{color:#000000;}
#global_2{color:#E02B20;}
/************/
html,
body {
  background-color:#FFFFFF;
  color:#000000;
}
.bkgweft {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+dpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTYtMDQtMDhUMTI6NTY6MDUrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE2LTA0LTA4VDE2OjA1OjQyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE2LTA0LTA4VDE2OjA1OjQyKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUZFMkFENkZEOTIxMUU1QUE1NzlENUY5NkE1RkE0MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUZFMkFEN0ZEOTIxMUU1QUE1NzlENUY5NkE1RkE0MCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBRkUyQUQ0RkQ5MjExRTVBQTU3OUQ1Rjk2QTVGQTQwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBRkUyQUQ1RkQ5MjExRTVBQTU3OUQ1Rjk2QTVGQTQwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+6TcwpQAAAIlJREFUeNrsk8EOwCAIQwW9+v9fq06W1HTZbT0tgYvGRwOKtbVWN7Pi7mXOWTg2u1eFOzYBa60HhiCEKre96WOM0wmLkCjxqNxaO4cACJXfTxQdRCecxNdVuD+qURKLFO4AqMzXxa9Q+J6J9de70eAg/sy5Cx4cfoPK0wfpg/RB+iB98AsfXAIMAFX/H/GlpWSMAAAAAElFTkSuQmCC);
  background-repeat:repeat;
}
#sig,
#leaflet {
  background-color:#CCCCCC;
}
#bathymetry {
  background-color:#282D5E;
}
#bathymetry.spherical {
  background:radial-gradient(#282D5E, #282D5E);
}
#bathymetry img {
  mix-blend-mode:soft-light; /*normal;multiply;screen;overlay;darken;lighten;color-dodge;color-burn;hard-light;soft-light;difference;exclusion;hue;saturation;color;luminosity*/
  opacity:0.5;
}
#groundLayer path {
  fill:#F7F7F7;
}
#groundLayer path.ice {
  fill:#FFFFFF;
}
#blockmark {
  background-color:#FFFFFF;
}
#subtitle {
  background-color:#000000;
  color:#FFFFFF;
}
#vr {
  background-color:#F5F7F7;
  fill:#000000;
}
#vr .color {
  fill:#D50068;
}
#nav .buttons {
  background-color:#F5F7F7;
}
#nav .burger .line,
#nav .burger .line:before,
#nav .burger .line:after,
#nav .cross .line,
#nav .cross .line:before {
  background-color:#000000;
}
#nav a {
  background-color:#FFFFFF;
  color:#000000;
}
#nav a:hover {
  color:#E02B20;
}
#nav a.on {
  color:#FFFFFF;
  background-color:#E02B20;
}
#dates,
body.SPLITTIMES #dates .buttons {
  background-color:#06187F;
  color:#FFFFFF;
  stroke:#FFFFFF;
  fill:#FFFFFF;
}
body.SPLITTIMES #dates,
#dates .buttons {
  background-color:#FFC72C;
  color:#063151;
  stroke:#063151;
  fill:#063151;
}
#dates em {
  color:#FFFFFF;
}
#frequency i {
  color:rgba(255,255,255,0.7);
}
#frequency i.on {
  color:#FFFFFF;
}
#frequency i.on:before {
  color:rgba(255,255,255,0.7);
}
#boatclasseslist div {
  background-color:#FFFFFF;
  color:rgba(0,0,0,0.5);
}
#boatclasseslist div:hover {
  color:rgba(0,0,0,1);
}
#boatclasseslist div.on {
  background-color:#E02B20;
  color:#FFFFFF;
}
#reportlist {
  background-color:#FFFFFF;
}
#reportlist .row {
  background-color:#FFFFFF;
  border-bottom-color:#CFCFCF;
  color:#000000;
}
#reportlist .row:hover {
  background-color:#F3F3F3;
  color:#000000;
}
#reportlist .row.on {
  background-color:#E02B20;
  color:#FFFFFF;
}
#reportlist .row .fav svg {
  stroke:#000000;
  fill:#000000;
}
#reportlist .row:hover .fav svg {
  stroke:#000000;
  fill:#000000;
}
#reportlist .row.on .fav svg {
  stroke:#FFFFFF;
  fill:#FFFFFF;
}
#reportlist .row .fav.on svg {
  stroke:#000000;
  fill:#F8DC4A;
}
#reportlist .row:hover .fav.on svg {
  stroke:#000000;
  fill:#F8DC4A;
}
#reportlist .row.on .fav.on svg {
  stroke:#FFFFFF;
  fill:#F8DC4A;
}
#reportlist .row.ARV + div.RAC:before {
  background-color:#B9BDBD;
}
#reportlist .row.on .linkout {
  stroke:#FFFFFF;
}
#reportlist .row .boat {
  color:#E02B20;
}
#reportlist .row .skippers {
  color:rgba(6,24,127,1.00);
}
#reportlist .row.inlive .infos .date,
#reportlist .row .infos .up:after {
  color:#70D500;
}
#reportlist .row .infos .latedate,
#reportlist .row .infos .down:after {
  color:#F04E23;
}
#reportlist .row.on.inlive .infos .date {
  color:#E3FFC6;
}
#reportlist .row.on .boat {
  color:#FFFFFF;
}
#reportlist .row.on .skippers {
  color:rgba(255,255,255,0.7);
}
#reportlist .row .infos .values .val+.val:before {
  color:rgba(224,43,32,1);
}
#reportlist .row.on .infos .values .val+.val:before {
  color:rgba(255,255,255,1);
}
#reportlist .row .rank {
  color:#E02B20;
  background-color:rgba(224,43,32,0.1);
}
#reportlist .row .rank.up:after {
  color:rgba(112,213,0,1);
}
#reportlist .row .rank.down:after {
  color:rgba(248,78,35,1);
}
#reportlist .row.on .rank {
  color:#FFFFFF;
  background-color:rgba(255,255,255,0.2);
}
#reportlist .row.on .rank.up:after {
  color:rgba(227,255,198,1.00);
}
#reportlist .row.on .rank.down:after {
  color:rgba(255,217,198,1.00);
}
#reportlist .row.on .infos .latedate,
#reportlist .row.on .infos .down:after {
  color:#FFD9C6;
}
#dashboard {
  color:#FFFFFF;
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
#dashboard header {
  background-color:#0C154E;
  color:#FFFFFF;
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
#dashboard header:before {
  background-color:rgba(0,0,0,0.2);
}
#dashboard header .row .rank {
  color:#FFFFFF;
  background-color:rgba(255,255,255,0.2);
}
#dashboard article {
  background-color:#0C154E;
}
#dashboard section {
  border-color:rgba(0,0,0,0.2);
}
#dashboard .dial.heading .hulls {
  stroke:#FFFFFF;
}
#dashboard .dial.speeds .speedarc {
  stroke:#C4F500;
}
#dashboard .dial.speeds .vmcarc {
  stroke:#CAF8FF;
}
#dashboard .dial.speeds .val.speed var {
  color:#C4F500;
}
#dashboard .dial.speeds .val.vmc var {
  color:#CAF8FF;
}
#dashboard .environment .content:after {
  background-color:rgba(0,0,0,0.2);
}
#dashboard .distances .sailed {
  color:#FFFFFF;
}
#dashboard .distances .tosail {
  color:rgba(255,255,255,0.6);
}
#dashboard .distances .toleader {
  color:#F5412A;
}
#dashboard .distances .tosecond {
  color:#89EC28;
}
#dashboard .distances .progressline .line {
  background-color:rgba(255,255,255,0.6);
}
#dashboard .distances .sailedline {
  background-color:#FFFFFF;
}
#dashboard .distances .dtlline {
  background-color:#F5412A;
}
#dashboard .distances .advanceline {
  background-color:#89EC28;
}
#dashboard .distances .overs .graph {
  color:#EEFF20;
}
#dashboard .splittime .name {
  background-color:rgba(0,0,0,0.2);
  color:#FFC72C;
}
#dashboard .splittime.active .name {
  background-color:#FFC72C;
  color:#063151;
}
#dashboard	.splittime .variable {
	border-top-color:rgba(255,255,255,0.1);
}
.graphic.advance .pos {
  fill:#89EC28;
  stroke:#89EC28;
}
.graphic.advance .neg {
  fill:#F5412A;
  stroke:#F5412A;
}
.graphic.speed .line {
  stroke:#EEFF20;
}
#reportswitch {
  background-color:#06187F;
  border-top-color:rgba(255,255,255,0.1);
  color:#FFFFFF;
  stroke:#FFFFFF;
  fill:#FFFFFF;
}
#reportswitch .button.fav.on .icon svg {
  fill:#FFCC33;
}
#reportswitch .button.splittimes:hover,
#reportswitch .button.splittimes.on {
  stroke:#FFC72C;
  fill:#FFC72C;
}
body.SPLITTIMES #reportswitch {
  background-color:#FFC72C;
  border-top-color:rgba(0,0,0,0.3);
  color:#063151;
  stroke:#063151;
  fill:#063151;
}
#panelslider {
  background-color:#000000;
}
#panelslider svg {
  fill:rgba(255,255,255,1);
  stroke:rgba(255,255,255,0);
}
#time {
  background-color:#000000;
}
#timekeeper {
  background-color:#E02B20;
}
#refresh {
  background-color:#E02B20;
}
#refresh .circle {
  fill:rgba(255,255,255,0.2);
}
#refresh .timer {
  stroke:rgba(255,255,255,0.4);
}
#refresh .play,
#refresh .pause {
  fill:rgba(255,255,255,0.7);
  mix-blend-mode:plus-lighter;
}
#datetime {
  background-color:#E02B20;
  color:#FFFFFF;
}
body.SPLITTIMES #datetime {
  color:#063151;
}
#chrono {
  background-color:#E02B20;
  color:#FFFFFF;
}
#chrono>span {
  opacity:0.5;
}
#refresh:before,
#datetime:before {
  background-color:rgba(0,0,0,0.1);
}
body.SPLITTIMES #refresh:before,
body.SPLITTIMES #datetime:before {
  background-color:#FFC72C;
}
#replay path {
  fill:#FFFFFF;
}
#timeline .backbar,
#replay .gauge .backward,
#replay .gauge .forward {
  background-color:rgba(255,255,255,0.5);
}
#timeline .bar,
#replay .gauge .bar {
  background-color:rgba(255,255,255,1);
}
#time.limits #timeline .backbar {
  background-color:rgba(250,214,71,0.5);
}
#time.limits #timeline .bar {
  background-color:#FAD647;
}
#timeline .interval {
  background-color:#FAD647;
}
#timeline .button,
#replay .cursor {
  background-color:#E02B20;
}
#time.limits #timeline .button {
  background-color:#FAD647;
}
#timeline .limits .left,
#timeline .limits .right {
  fill:#FAD647;
}
#timeline .limits label {
  background-color:#FAD647;
  color:#000000;
}
#timeline .axis .dot label {
}
#timeline .axis .dot {
  opacity:0.5;
}
#timeline .axis .dot:before,
#timeline .axis .dot:after {
  background-color:#FFFFFF;
}
#timeline .axis .dot label {
  color:#FFFFFF;
}
#timeline .axis .dot.past {
  opacity:1;
}
#timeline .axis .dot.past:before,
#timeline .axis .dot.past:after {
  background-color:#FFC72C;
}
#timeline .axis .dot.past label {
  color:#DA291C;
}
#brackets svg {
  stroke:#FFFFFF;
}
#brackets .bracket,
#brackets .start {
  opacity:0.5;
}
#brackets .check {
  stroke:#B0FE10;
}
#brackets .stop {
  stroke:#E02B20;
}
#geovoile {
  background-color:rgba(6,24,127,1.00);
  fill:rgba(255,255,255,1.00);
}
#credits>.mask {
  background-color:rgba(6,24,127,0.46);
}
#credits .frame {
  background-color:#000000;
  border-color:rgba(255,255,255,0.6);
  color:#FFFFFF;
}
#credits a, #credits a:link, #credits a:active, #credits a:visited, #credits a:hover {
  color:#FFFFFF;
}
#credits svg {
  fill:#FFFFFF;
}
#display>.button {
  background-color:#E02B20;
}
#display>.button svg {
  stroke:#FFFFFF;
}
#display .content {
  background-color:rgba(6,24,127,0.60); 
  color:#FFFFFF;
}
#display .group>label {
  color:#FFFFFF;
}
#display .group>label span:after {
  background-color:rgba(255,255,255,0.2);
}
.iconbutton .icon,
.iconbutton:before {
  background-color:rgba(255,255,255,1);
  fill:#000000;
  stroke:#000000;
  color:#000000;
}
.iconbutton.over .icon {
  fill:#E02B20;
  stroke:#E02B20;
}
.iconbutton.on .icon,
.iconbutton.on:before {
  background-color:#E02B20;
  fill:#FFFFFF;
  stroke:#FFFFFF;
  color:#FFFFFF;
}
#display .preferences {
  background-color:rgba(6,24,127,1.00);
  color:#FFFFFF;
}
#display .onoff:before {
  border-color:rgba(255,255,255,0.5);
}
#display .onoff:after {
  background-color:rgba(255,255,255,0.7);
}
#display .onoff:hover:after {
  background-color:rgba(255,255,255,1);
}
#display .onoff.on:before {
  background-color:#6FBE03;
  border-color:#6FBE03;
}
#display .onoff.on:after {
  background-color:#FFFFFF;
}
#coords {
  background-color:rgba(6,24,127,0.00);
  color:#FFFFFF;
  mix-blend-mode:normal;
}
#coords .lat,
#coords .lng {
  text-shadow:1px 1px 1px #1E1E1E, -1px -1px 1px #1E1E1E, 1px -1px 1px #1E1E1E, -1px 1px 1px #1E1E1E;
}
#zoom .button {
  background-color:#FFFFFF;
}
#zoom .button.on {
  background-color:#E02B20;
}
#zoom .button .face {
  fill:#000000;
  stroke:#000000;
}
#zoom .button:hover .face {
  fill:#E02B20;
  stroke:#E02B20;
}
#zoom .button.on .face {
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
#zoom #bt_target .icon {
  background-color:#FFFFFF;
  fill:#000000;
  stroke:#000000;
}
#zoom #bt_target:hover .icon {
  fill:#E02B20;
  stroke:#E02B20;
}
#zoom #bt_target:before {
  background-color:#FFFFFF;
  color:#E02B20;
}
#zoom #bt_target.on .icon,
#zoom #bt_target.on:before {
  background-color:#E02B20;
  fill:#FFFFFF;
  stroke:#FFFFFF;
  color:#FFFFFF;
}
#forecasts,
#forecasts .advert,
#forecasts .advert a {
  color:#000000;
}
#forecasts .scroll,
#forecasts .advert {
  background-color:#FFFFFF;
}
#forecasts .cursor {
  background-color:rgba(224,43,32,1);
}
#forecasts .hours div.on {
  color:#FFFFFF;
}
#forecasts .wait path {
  stroke:#FFFFFF;
}
#forecasts legend {
  background-color:#282D5E;
}
#forecasts .variables .var {
  background-color:#F7F7F7;
  color:#000000;
  fill:#000000;
  stroke:#000000;
}
#forecasts .variables .var:hover {
  background-color:#FFFFFF;
  color:#E02B20;
  fill:#E02B20;
  stroke:#E02B20;
}
#forecasts .variables .var.on {
  background-color:#E02B20;
  color:#FFFFFF;
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
#forecasts .params {
  background-color:#F7F7F7;
}
#forecasts .options {
  color:#2D3336;
}
#forecasts .options .onoff:before {
  border-color:#2D3336;
}
#forecasts .options .onoff:after {
  background-color:#2D3336;
}
#forecasts .options .onoff.on:before {
  background-color:#6FBE03;
  border-color:#6FBE03;
}
#forecasts .options .onoff.on:after {
  background-color:#FFFFFF;
}
#boatsLayer path {
  stroke:#000000;
}
#boatsLayer text {
  fill:rgba(255,255,255,0.70);
}
#boatsLayer>g.focuscircle circle.focus {
  stroke:rgba(255,255,255,0.60);
}
.boatfocusgradient_ext {
  stop-color:#252958;
}
.boatfocusgradient_center {
  stop-color:#252958;
}
#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-width:1;
}
#orthoLayer {
  stroke:rgba(255,255,255,1);
}
#areasLayer path {
  fill:rgba(224,43,32,0.3);
  stroke:#E02B20;
}
#areasLayer path.zpb {
  fill:rgba(0,0,0,0.3);
  stroke:#000000;
}
#areasLayer path#AEZ {
  fill:rgba(0,0,0,0.3);
}
#gatesLayer path {
  stroke:#E02B20;
}
#gatesLayer circle,
#gatesLayer path.filled {
  fill:#E02B20;
}
#daynightLayer {
  fill:#000000;
}
#referencesLayer .track {
  stroke:#FFFFFF;
  opacity:0.5;
}
#referencesLayer .hitbox {
  fill:#FFFFFF;
}
#referencesLayer .dot {
  fill:#FFFFFF;
  opacity:0.5;
}
#referencesLayer .plot text {
  fill:#FFFFFF;
  text-shadow:#000000 0.1em 0.1em 0.1em, #000000 0.1em 0.1em 0.1em, #000000 0.1em 0.1em 0.1em, #000000 0.1em 0.1em 0.1em;
}
#referencesLayer g.currentPosition .dot {
  fill:#E02B20;
}
#ruleLayer {
  stroke-dasharray:8,3;
}
#ruleLayer>g>circle {
  stroke:#E02B20;
  fill:#E02B20;
}
#ruleLayer>g>path {
  stroke:#E02B20;
}
#ruleLayer>path {
  stroke:#E02B20;
}
#poiLayer g circle {
  fill:#E02B20;
}
#poiLayer g text {
  fill:#FFFFFF;
  text-shadow:1px 1px 1px #1E1E1E,  -1px -1px 1px #1E1E1E,  1px -1px 1px #1E1E1E,  -1px 1px 1px #1E1E1E;
}
#poiLayer g.area text {
  mix-blend-mode:soft-light;
  opacity:0.6;
  fill:#FFFFFF;
  text-shadow:1px 1px 1px #000000, -1px -1px 1px #000000, 1px -1px 1px #000000, -1px 1px 1px #000000;
}
#poiLayer g.city circle {
  fill:#E02B20;
}
#poiLayer g.city text {
  fill:#FFFFFF;
}
#poiLayer g.start circle {
  fill:#E02B20;
}
#poiLayer g.start text {
  fill:#FFFFFF;
}
#poiLayer g.arrv circle {
  fill:#E02B20;
}
#poiLayer g.arrv text {
  fill:#FFFFFF;
}
#poiLayer g.isle circle {
  fill:#E02B20;
}
#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:#E02B20;
}
#poiLayer g.buoy text {
  fill:#E02B20;
}
#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 {
  fill:#47C512;
}
#infosLayer .geoinfo .disk {
  fill:#FFFFFF;
}
#infosLayer .geoinfo .letter {
  stroke:#47C512;
}
#gridlines {
  mix-blend-mode:difference;
  text-align:left;
  vertical-align:bottom;
}
#gridLayer {
  mix-blend-mode:overlay;
}
#gridlines path,
#gridLayer path {
  stroke:rgba(255,255,255,0.1);
}
#gridlines text {
  fill:#FFFFFF;
  opacity:1;
  text-shadow:*1px 1px 1px #1E1E1E, -1px -1px 1px #1E1E1E, 1px -1px 1px #1E1E1E, -1px 1px 1px #1E1E1E;
}
#boatcard article {
  border-color:rgba(255,255,255,0.3);
}
#boatcard header {
  background-color:#FFFFFF;
  color:#000000;
}
#boatcard header .boat {
  color:#E02B20;
}
#boatcard header .skippers {
  color:rgba(6,24,127,1.00);
}
#boatcard .rank {
  color:#E02B20;
  background-color:rgba(224,43,32,0.1);
}
#boatcard .rank.up:after {
  color:rgba(112,213,0,1);
}
#boatcard .rank.down:after {
  color:rgba(248,78,35,1);
}
#boatcard .infos {
  color:#FFFFFF;
  background-color:rgba(28,52,78,0.70);
}
#boatcard .infos .latedate {
  color:#FFC1C9;
}
#boatcard .infos .pos,
#boatcard .infos .pos * {
  color:#9BED83;
}
#boatcard .infos .neg,
#boatcard .infos .neg * {
  color:#FDC0AC;
}
#boatcard.inlive .infos .date,
#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 table tbody th {
  color:#FFFFFF;
}
#boatcard .infos .environment .env {
  color:#FFFFFF;
  fill:#FFFFFF;
  stroke:#FFFFFF;
}  
#boatcard .cross svg {
  stroke:#FFFFFF;
  opacity:0.6;
}
#geoblog {
  border-color:rgba(255,255,255,0.3);
}
#geoblog .identity {
  background-color:#E02B20;
}
#geoblog .identity .boat {
  color:#FFFFFF;
}
#geoblog .identity .skippers {
  color:rgba(255,255,255,0.7);
}
#geoblog .identity .comment {
  color:rgba(255,255,255,0.7);
}
#geoblog .infos {
  background-color:#E9EDEF;
  color:#556173;
}
#geoblog>article {
  background-color:#FFFFFF;
  color:#000000;
}
#geoblog>footer {
  background-color:#000000;
}
#geoblog>footer * {
  color:rgba(255,255,255,0.7);
}
#geoblog .cross {
  fill:#FFFFFF;
}
#geoblog .resize {
  background-color:#000000;
}
#geoblog .resize path {
  stroke:#FFFFFF;
}
#geoblog .arrow {
  fill:#FFFFFF;
}
#geoblog article .nav svg {
  fill:#000000;
  stroke:#FFFFFF;
}
#infopoint article {
  background-color:#FFFFFF;
  color:#000000;
  border-color:rgba(255,255,255,0.3);
}
#infopoint article h1 {
  background-color:#47C512;
  color:#FFFFFF;
}
#infopoint .cross {
  fill:#FFFFFF;
}
#infopoint .arrow {
  fill:#FFFFFF;
}
#graphics {
  background-color:#282D5E;
}
#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:#F39610;
  color:#FFFFFF;
}
#graphics .grid {
  stroke:rgba(255,255,255,0.05);
}
#graphics .legend {
  color:rgba(255,255,255,0.6);
}
#graphics:after {
  color:#FFFFFF;
}
.tip {
  color:#ffffff;
}
#leafletcredits a {
  color:#E42312;
}
#splittimesLayer .icon,
#splittimesLayer .line {
  fill:#FFFFFF;
  stroke:#FFFFFF;
}
#splittimesLayer .icon.active,
#splittimesLayer .line.active {
  fill:#FFC72C;
  stroke:#FFC72C;
}
.pos * {
  color:#009D4F;
}
.neg * {
  color:#9D0400;
}
.wait path {
  stroke:#000000;
}
#splashscreen {
  background-color:rgba(255,255,255,0);
  color:#000000;
}
#splashscreen .cross {
  stroke:#000000;
}
#splashscreen .cross:hover {
  stroke:#E42312;
}