/*### GEOVOILE ###*/
@media screen	{

body {
	--skewfactor:0;
	--display-button-size:38px;	
	--sodedo-button-radius:7px;
	--sodebo-reserved-br-height:120px;
}
#startdate, 
#reportdate {
	font-size:20px;
	font-weight:100;
	line-height:24px;
}
#dates {
	align-items:flex-start;
}
#dates .group.report {
	align-items:flex-start;
	margin-left:7px;
}
#reportswitch {
	display:none !important;
}
#timeline .axis, 
#timeline .limits {
	left:11px;
	right:11px;
}
#timeline .button {
	--size:14px;
	border:4px solid #1D1D1B;
}
#timeline .bar {
	height:8px;
}
#timeline .backbar {
	height:2px;
}
#datetime, 
#chrono {
	font-size:14px;
	font-weight:600;
}
#replay .buttons {
	opacity:1;
}
#brackets {
	visibility:hidden;
	padding:0;
}
#brackets * {
	display:none;
}

#tools .iconbutton .icon {
	border-radius:0;
}
#zoom {
	height:108px;
}
#zoom .iconbutton.target {
	width:36px;
}
#zoom .button {
	height:36px;
	width:36px;
}
#zoom .button.plus,
#zoom .button.minus {
	border-radius:0;
}
#zoom .button .edges {
	display:none;
}
#zoom .button.plus {
	border-radius:var(--sodedo-button-radius) var(--sodedo-button-radius) 0 0;
}	
#zoom .button.minus {
	border-radius:0 0 var(--sodedo-button-radius) var(--sodedo-button-radius);
}	

#display>.button {
	clip-path:none;
	padding-left:0;
	bottom:7px;
	right:7px;
	border-radius:var(--sodedo-button-radius);
}
#display>.button .open path {
  stroke:#000000 !important;
  stroke-width:22px;
  fill:none;
}
#display .preferences {
	--margin:7px;
	--height:var(--display-button-size);
	left:var(--margin);
	bottom:var(--margin);
	height:var(--height);
	width:calc(100% - var(--margin) * 2);
	padding-right:5px;
	clip-path:none;
}
#display .content .button .iconbutton .icon {
	 border-radius:0;
}
#display .button.weather {
	display:none;
}
#reportlist .row .rank {
  justify-content:flex-start;
  align-items:center;
  padding-top:7px;
}
#reportlist .row .rank::after {
	font-size:24px;
  transform:translateX(-50%) !important;
}
#reportlist .row .infos {
	font-size:12px;
}
#reportlist .row .infos .values {
	font-size:15px;
}
#reportlist .row .infos .values .val + .val::before {
	content:" / ";
}
#reportlist .row.on .open {
	right:0;
}
#reportlist .row.on {
	border-radius:0 5px 5px 0;
}
#dashboard .dials text {
	font-size:16px;
	opacity:1;
}
#orthoLayer #path_0,
#orthoLayer #path_1 {
	display:none;
}
#orthoLayer #path_2{
	display:block;
}
#poiLayer g.route {
	display:none !important;
}
#poiLayer g.route.p1000bis {
	display:block !important;
}

#gridlines text {
	text-shadow:#FFFFFF 1px 1px 1px, #FFFFFF -1px -1px 1px, #FFFFFF 1px -1px 1px, #FFFFFF -1px 1px 1px;
	font-weight:bold;
}
#forecasts {
	border-radius:15px 0 0 15px;
	overflow:hidden;
}
#forecasts .advert a {
  color:#FFFFFF;
	fill:#FFFFFF;
}
#forecasts .cursor, 
#forecasts .variables .var.on {
	border-radius:var(--sodedo-button-radius);
}
#forecasts .currentdate {
	border-radius:var(--sodedo-button-radius) 0 0 var(--sodedo-button-radius);
}
#credits .frame .content {
	border-radius:14px;
}
#replay .buttons {
	width:24px;
	height:24px;
	opacity:1;
}
#replay .play {
	stroke-linecap:round;
	stroke:#EE7658;
	stroke-width:3px;
}
}


/*### SOEDEBO ###*/
@media screen	{
	.iconbutton.weather {
		position:absolute;
		top:auto;
		bottom:calc(var(--time-height) + var(--sodebo-reserved-br-height) + 52px);
		left:auto;
		right:7px;
	  width:38px;
		transform:none;
		
	}
	.iconbutton.weather .icon {
	  background-color:#0A0A0A;
	  fill:#FFFFFF;
	  stroke:#FFFFFF;
		border-radius:var(--sodedo-button-radius);
	}
	.iconbutton.weather:before {
		height:38px;
		line-height:38px;
	  background-color:#0A0A0A;
	  color:#FFFFFF;
	}
	.iconbutton.weather.on .icon,
	.iconbutton.weather.on:before {
	  background-color:#DC7B5E;
	  fill:#0A0A0A;
	  stroke:#0A0A0A;
	  color:#0A0A0A;
	}

#logosodebovoile {
	position:absolute;
	top:10px;
	right:10px;
	width:140px;
	height:56px;
	padding:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-image:url(logo_sodebovoile.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contains;
	background-color:#000000;
	border-radius:14px;
}
body.WEATHER #logosodebovoile {
	top:90px;
}
}