#display .group > label {
 font-weight:bold;
}
#display > .button {
	bottom:var(--mascf-margins);
	right:var(--mascf-margins);
	border-radius:var(--mascf-radius);
}		
#time {
	--curve-width:calc(var(--timekeeper-height) * var(--macsf-curve-ratio));
}
#datetime {
	padding-right:var(--curve-width);
	z-index:2;
}
#chrono {
	margin-left:calc(0px - var(--curve-width));
	padding-left:var(--curve-width);
	padding-right:var(--curve-width);
	z-index:1;
}
#datetime,
#chrono {
	mask-image:
			linear-gradient(#000000 0 0),
			url("mask_right.svg");
	mask-size:
			calc(100% - var(--curve-width)) 100%,
			var(--curve-width) 100%;
	mask-position:
			left top,
			right top;
	mask-repeat: no-repeat;
}

#dashboard header .row {
	border-radius:var(--mascf-radius);
}
#dashboard .content .group {
	border-radius:var(--mascf-radius);
}
body.DASHBOARD #dashboard {
	border-radius:0 0 var(--mascf-radius) 0;
}
body.DASHBOARD_IN #dashboard {
	border-radius:var(--mascf-radius);
}

body.DASHBOARD_IN #dashboard {
  color:#2D2D2D;
  fill:#2D2D2D;
  stroke:#2D2D2D;
  background-color:#F2F4F7;
}
body.DASHBOARD_IN #dashboard header {
  color:#2D2D2D;
  fill:#2D2D2D;
  stroke:#2D2D2D;
}
body.DASHBOARD_IN #dashboard header .row {
  background-color:#DCE1E7;
}
body.DASHBOARD_IN #dashboard header .close {
  background-color:#BE0513;
  stroke:#FFFFFF;
}
body.DASHBOARD_IN #dashboard header .row .rank {
  color:rgba(45,45,45,1.00);
  background-color:rgba(255,255,255,0.00);
}
body.DASHBOARD_IN #dashboard section legend,
body.DASHBOARD_IN #dashboard .content .group {
  background-color:#DCE1E7;
}
body.DASHBOARD_IN #dashboard .dial.heading .hulls {
  stroke:#FFFFFF;
}
body.DASHBOARD_IN #dashboard .dial.speeds .speedarc {
  stroke:#C4F500;
}
body.DASHBOARD_IN #dashboard .dial.speeds .vmcarc {
  stroke:#CAF8FF;
}
body.DASHBOARD_IN #dashboard .dial.speeds .val.speed var {
  color:#C4F500;
}
body.DASHBOARD_IN #dashboard .dial.speeds .val.vmc var {
  color:#CAF8FF;
}
body.DASHBOARD_IN #dashboard .distances .sailed {
  color:#2D2D2D;
}
body.DASHBOARD_IN #dashboard .distances .tosail {
  color:rgba(45,45,45,0.60);
}
body.DASHBOARD_IN #dashboard .distances .toleader,
body.DASHBOARD_IN #dashboard .splittime .gap.behind {
  color:#773939;
}
body.DASHBOARD_IN #dashboard .distances .tosecond,
body.DASHBOARD_IN #dashboard .splittime .gap.ahead {
  color:#53980E;
}
body.DASHBOARD_IN #dashboard .distances .progressline .line {
  background-color:rgba(45,45,45,0.60);
}
body.DASHBOARD_IN #dashboard .distances .sailedline {
  background-color:#2D2D2D;
}
body.DASHBOARD_IN #dashboard .distances .dtlline {
  background-color:#773939;
}
body.DASHBOARD_IN #dashboard .distances .advanceline {
  background-color:#53980E;
}
body.DASHBOARD_IN #dashboard .distances .overs .graph {
  color:#000000;
}
body.DASHBOARD_IN #dashboard .splittime .name {
  background-color:rgba(0,0,0,0.2);
  color:#FFC72C;
}
body.DASHBOARD_IN #dashboard .splittime.active .name {
  background-color:#FFC72C;
  color:#2D2D2D;
}
body.DASHBOARD_IN #dashboard .splittime .variable {
  border-bottom-color:rgba(255,255,255,0.1);
}
body.DASHBOARD_IN .graphic.advance .pos {
 stroke:#53980E;
}
body.DASHBOARD_IN .graphaheadgradient_axis {
 stop-color:#53980E;
 stop-opacity:0.1;
}
body.DASHBOARD_IN .graphaheadgradient_line {
 stop-color:#53980E;
 stop-opacity:0.6;
}
body.DASHBOARD_IN .graphic.advance .neg {
 stroke:#773939;
}
body.DASHBOARD_IN .graphbehindgradient_axis {
 stop-color:#773939;
 stop-opacity:0.1;
}
body.DASHBOARD_IN .graphbehindgradient_line {
 stop-color:#773939;
 stop-opacity:0.6;
}
body.DASHBOARD_IN .graphic.speed .line {
  stroke:#000000;
}
body.DASHBOARD_IN .graphspeedgradient_line {
 stop-color:#000000;
 stop-opacity:0.6;
}
body.DASHBOARD_IN .graphspeedgradient_axis {
 stop-color:#000000;
 stop-opacity:0.1;
}