@font-face {
	font-family: Antonio;
	src: url('antonio.woff2') format('woff2');
}

@font-face {
	font-family: Teko;
	src: url('teko.woff2') format('woff2');
}

/* @font-face { */
	/* font-family: Antonio; */
	/* font-weight: bold; */
	/* src: url('antonio-bold.woff') format('woff2'); */
/* } */

:root
{
	--col-lightgray: #cdcdcd;
	--col-gray: #b9b9b9;
	--col-darkgray: #656565;
	--val-box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.2);
	--col-highscore: #ebc600;
	--col-better: #35dd35;
	--col-worse: red;
	--val-collapsible-width: 90%;
	--val-collapsible-drag-handle-height: 4.5rem;
	/* --col-accent1: #ffc04c; */
	/* --col-accent1: #ffc860; */
	--col-accent1: rgb(255 216 90);
	--col-accent2: #b4cef2;
	--col-accent3: #1c7bff;
	--col-accent3-dark: #092751;
	--col-accent1-soft: #ffe2ab;
	--val-cont-tbl-padding: 1em;
	--val-sticky-header-height: 3rem;
	--val-lcars-container-height: 1.2rem;
	--val-lcars-container-small-height: .6rem;
	--col-lcars-background-color: black;
	--col-lcars-text-color: white;
	--val-lcars-border-margin: .2rem;
	/* --val-lcars-draghandle-width: calc(var(--val-collapsible-width) / 2.30 + var(--val-lcars-border-margin)); */
	--val-lcars-draghandle-width: calc((100%/9)*2 + .2rem);
	--val-btn-show-exc-list-width: calc(var(--val-collapsible-width)/9) * 4 - var(--val-lcars-border-margin) * 2);
	--val-btn-show-exc-list-width: calc((var(--val-collapsible-width)/9) * 4 - var(--val-lcars-border-margin) * 2);
	--val-recentworkouts-transition-duration: .5s;
	--col-orig-lcars-orange: #FF9900;
	--col-orig-lcars-lightpurple: #CC99CC;
	--col-orig-lcars-bluegrey: #9999CC;
	--col-orig-lcars-redbrown: #CC6666;
	--col-orig-lcars-beige: #FFCC99;
	--col-orig-lcars-lightblue: #9999FF;
	--col-orig-lcars-apricot: #FF9966;
	--col-orig-lcars-pink: #CC6699;
	--col-orig-lcars-gold: #F7C64A;
	--col-orig-lcars-blue: #0000FF;
	--col-likely: #ffd484;
	--col-highly-likely: #fab93f;
	--col-most-likely: #fcad18;
	--col-svg-muscle-default: var(--col-accent3);
	--col-svg-muscle-better: #0bc70b;
	--col-svg-muscle-highscore: #f9ff00;
	--val-timeroverlay-draghandle-transition: .5s;
	--val-lcars-border-inner-width: 10px;
	--col-passeddays-highlight-0: var(--col-accent3);
	--col-passeddays-highlight-0-glowdark: var(--col-accent3-dark);
	--col-passeddays-highlight-1: var(--col-svg-muscle-better);
	--col-passeddays-highlight-2: #87f346;
	--col-passeddays-highlight-3: #f9a200;
	--col-passeddays-highlight-4: red;
	--col-passeddays-highlight-5: #cdcdcd;
	--col-q75: var(--col-accent3);
	--col-q50: #5ba0ff;
	--col-q25: #92bfff;
	--col-q0: #c7deff;
	/* --col-deload: #00d5f7; */
	--col-deload: yellow;
	--col-timer-collevel-1-flash-1: var(--col-accent1);
	--col-timer-collevel-1-flash-2: #e56b03;
	--col-timer-collevel-2-flash-1: var(--col-timer-collevel-1-flash-2);
	--col-timer-collevel-2-flash-2: #a30000;
	--col-timer-collevel-3-flash-1: var(--col-timer-collevel-2-flash-2);
	--col-timer-collevel-3-flash-2: #7f017f;
	--col-hair-red: #7d014e;
	--col-hair-blonde: #ffff84;
}

@supports (-webkit-touch-callout: none) /*oasch apple*/
{
	:root
	{
		--val-font-weight-600: unset;
	}
}

*
{
	/* font-family: "Roboto",Helvetica,Arial,sans-serif; */
	font-family: "Antonio","Roboto",Helvetica,Arial,sans-serif;
	/* font-family: "Teko","Antonio","Roboto",Helvetica,Arial,sans-serif; */
}

/* input:-webkit-autofill { */
	/* -webkit-text-fill-color: red !important; */
/* } */

html,
body
{
	width: 100%;
	height: 100%;
	margin: 0;
	/* overscroll-behavior-y: contain; */
	overscroll-behavior: none;
}

body.lcars_hidden .lcars
{
	display: none;
}

select,
input
{
	height: 2.4rem;
	padding: .3em;
	width: 100%;
	box-sizing: border-box;
	outline: none;
}

select,
input,
textarea
{
	background-color: var(--col-lcars-background-color);
	color: var(--col-accent1);
	border: none;
	border-bottom: 1px solid var(--col-accent1);
}

input[disabled]
{
	border: none;
}

body.guest .WOP_content .collapsible,
body.guest .WOP_content .entrycontent#exc_entries,
body.guest .btn_share,
body.guest .btn.show_exc_list
{
	display: none;
}

body.guest .cont_breadcrumbs
{
	position: fixed;
	bottom: 1.3em;
	color: var(--col-lcars-background-color);
}

body.guest .WOP_content > .scroll_container
{
	padding-bottom: 0;
}

.bodyoverviewmodecap
{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50px;
	/* color: #5b5b5b; */
	font-size: 2em;
	left: 0;
	z-index: 1000;
	opacity: 0.6;
}

.bodyoverviewmodecap:before
{
	text-transform: uppercase;
}

.bodyoverviewmodecap.frequency
{
	color: var(--col-accent1);
}

.bodyoverviewmodecap.volume
{
	color: var(--col-accent2);
}

.bodyoverviewmodecap.frequency:before
{
	content: "Frequency";
}

.bodyoverviewmodecap.volume:before
{
	content: "Volume";
}

.colordummy.accent1
{
	color: var(--col-accent1);
}

.colordummy.accent2
{
	color: var(--col-accent2);
}

.colordummy.accent3
{
	color: var(--col-accent3);
}

.colordummy.better
{
	color: var(--col-better);
}

.colordummy.highscore
{
	color: var(--col-highscore);
}

.switchbtn
{
	/* border: 1px solid var(--col-accent1); */
	color: var(--col-accent1);
	display: flex;
	justify-content: space-between;
	font-size: 1em;
}

.switchbtn .option
{
	border: 1px solid;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0em 0em 0.2em 0;
}

.switchbtn .option:first-child
{
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
}

.switchbtn .option:last-child
{
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	border-left: none;
}

.switchbtn[data-chosen="0"] .option:first-child,
.switchbtn[data-chosen="1"] .option:last-child
{
	background: var(--col-accent1);
	color: var(--col-lcars-background-color);
	border-color: var(--col-accent1);
}

.cont_WOP_login
{
	/* padding: 1em; */
	height: 100%;
	box-sizing: border-box;
}

.cont_WOP_login .cont_logo
{
	width: 100%;
	height: 8vh;
	margin: 0 0 1em 0;
}

.cont_WOP_login .logo
{
	background: url(../unrestricted/logo_prolodeck_v3.png) no-repeat 50% / auto 100%;
	height: 100%;
	width: 100%;
}

.cont_WOP_login form
{
	/* border: 1px solid black; */
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: var(--col-lcars-background-color);
}

.cont_WOP_login form input
{
	box-sizing: border-box;
	text-align: center;
	width: 50%;
}

.cont_WOP_login form input[type="submit"]
{
	/* border: 1px solid var(--col-accent1); */
	border: none;
}

.WOP_content
{
	display: flex;
	/* padding: .8em .8em 3em .8em; */
	/* border: 1px solid; */
	height: 100%;
	width: 100vw;
}

.grayscale
{
	filter: grayscale(1) blur(4px) brightness(0.6);
}

.grayscale_fade
{
	transition: filter .5s;
}

.WOP_content .mainmenu .mainmenu_inner
{
	display: flex;
	flex-direction: column;
	padding: 0.4em 0.7em;
	opacity: 0;
	pointer-events: none;
	/* height: 1em; */
	transition: opacity .2s, height .2s;
	justify-content: space-between;
	position: absolute;
	right: 0;
	top: 2em;
	width: 10em;
}

.WOP_content .mainmenu.open .mainmenu_inner
{
	/* height: 2em; */
	opacity: 1;
	pointer-events: all;
	border: 1px solid;
	padding: 0.3em 0.6em;
	background-color: white;
	box-shadow: 1px 1px 6px 2px rgba(0,0,0,0.3);
}

.WOP_content .mainmenu .mainmenu_inner .menupoint
{
	display: flex;
	height: 0;
	opacity: 0;
	color: currentColor;
	cursor: pointer;
	transition: height .4s, opacity .4s;
	align-items: center;
}

.WOP_content .mainmenu .mainmenu_inner .menupoint .icon
{
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 1em;
	height: 1em;
	margin: 0 0.3em 0 0;
}

.WOP_content .mainmenu .mainmenu_inner .menupoint.logout .icon
{
	background-image: url('../img/icon_logoff_black.png');
}

.WOP_content .mainmenu .mainmenu_inner .menupoint.imp_user .icon
{
	background-image: url('../img/icon_incognito.png');
}

.WOP_content .mainmenu.open .mainmenu_inner .menupoint
{
	height: 1.5em;
	opacity: 1;
}

.WOP_content .scroll_container
{
	display: flex;
	/* flex-direction: column; */
	box-sizing: border-box;
	overflow-x: scroll;
	scroll-snap-type: x mandatory;
	/* padding: 0 0 var(--val-collapsible-drag-handle-height) 0; */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.WOP_content .scroll_container::-webkit-scrollbar
{
	display: none;
}

.WOP_content #cont_chart
{
	display: none;
}

.WOP_content .cont_touchtest
{
	position: fixed;
	width: 100%;
	height: 10em;
	left: 0;
	bottom: -6em;
	border: 1px solid;
	background: red;
}

.WOP_content .cont_touchtest.open
{
	bottom: 0;
}

.overlay
{
	position: fixed;
	/* width: 90%; */
	/* height: 87%; */
	/* left: 5%; */
	/* top: 3%; */
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	z-index: 18;
	/* overflow: auto; */
	/* padding: 16em 0.5em 1em 0.5em; */
	/* padding: 18em 5% var(--val-collapsible-drag-handle-height) 5%; */
	box-sizing: border-box;
	transition: transform .3s;
	transition-delay: .2s /*after anim duration von animated lcars border*/;
	/* background-color: #d4d4d478; */
	outline: none;
	transform: translateY(0px) /*!*/;
}

.overlay.hidden
{
	/* display: none; */
	/* transform: translateY(150%);*/
	transform: translateX(100%);
}

.overlay .lcars.container
{
	pointer-events: none;
}

.overlay .lcars.container > .lcars.container > .lcars.piece
{
	display: flex;
	align-items: center;
}

.overlay .lcars.container > .lcars.container > .lcars.piece:before
{
	/* content: "close"; */
	color: var(--col-lcars-background-color);
	position: absolute;
	right: 1em;
}

.overlay > .overlay_inner
{
	overflow: auto;
}

.overlay .overlay_inner
{
	/* border: 1px solid; */
	background-color: var(--col-lcars-background-color);
	box-shadow: 0 0 6px 1px rgba(0,0,0,0.3);
	padding: 0.6em 0.7em;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	opacity: 0;
	transition: opacity .2s;
	height: 100%;
}

.overlay .overlay_inner.visible
{
	opacity: 1;
}

.overlay .overlay_inner .btn
{
	/* background-color: var(--col-accent1-soft); */
	margin: 0 0 0.5em 0;
	width: 100%;
	border-radius: 0.7em;
}

.overlay .overlay_inner .btn.btn_add_user
{
	background-image: url(../img/icon_plus.svg);
	background-repeat: no-repeat;
	background-position: 10% 50%;
	background-size: auto 60%;
}

.overlay .overlay_inner .btn .passed_days
{
	position: absolute;
	/* right: 1.6em; */
	/* bottom: 0.1em; */
	font-size: 0.7em;
	border: 2px solid var(--col-lcars-background-color);
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	padding: 0em 0.3em 0.1em 0.2em;
	border-right: unset;
	border-bottom: unset;
	border-top-left-radius: 0.5em;
	/* background-color: currentColor; */
	min-width: 3.8em;
	background-color: var(--col-lcars-background-color);
	text-align: center;
	/* border-bottom-right-radius: 0.7rem; */
}

.overlay .overlay_inner .cont_invitecode qr-code
{
}

.overlay .overlay_inner .cont_invitecode qr-code img
{
	width: 100%;
	width: 3.3em;
	margin-left: -0.2em;
	/* border: 1px solid white; */
}

.overlay .overlay_inner .cont_invitecode
{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	width: 100%;
}

.overlay .overlay_inner .cont_invitecode input
{
	text-align: center;
	border: none;
}

@keyframes deloadglow_highlight
{
	0%
	{
		opacity: .7;
	}
	
	50%
	{
		opacity: 1;
	}
	
	100%
	{
		opacity: .7;
	}
}

@keyframes deloadglow_highlight_darker
{
	0%
	{
		opacity: .3;
	}
	
	50%
	{
		opacity: 1;
	}
	
	100%
	{
		opacity: .3;
	}
}

@keyframes passeddaysglow
{
	0%
	{
		color: var(--col-passeddays-highlight-0);
	}
	
	50%
	{
		color: var(--col-passeddays-highlight-0-glowdark);
	}
	
	100%
	{
		color: var(--col-passeddays-highlight-0);
	}
}

@keyframes volleftglow
{
	0%
	{
		filter: brightness(1);
	}
	
	50%
	{
		filter: brightness(0.5);
	}
	
	100%
	{
		filter: brightness(1);
	}
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.available path
{
	color: var(--col-accent2);
}

.overlay .overlay_inner .btn .passed_days.highlight0,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="0"],
.cont_body_overview .legend .col[data-highlightclass="0"],
.cont_body_overview .maincap .days_ago[data-highlightclass="0"],
.legendbar .cont_lcars_progressbar[data-highlightclass="0"],
.legendbar .inner .legendbaritem[data-highlightclass="0"],
.legendbar .inner .mgdetailsbar[data-highlightclass="0"],
path[data-highlightclass="0"]
{
	color: var(--col-passeddays-highlight-0);
	/* animation: passeddaysglow 2s infinite; */
	animation: deloadglow_highlight_darker 2s infinite;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g path.selected
{
	/* color: var(--col-timer-collevel-3-flash-2); */
	color: white;
	animation: none;
}

.overlay .overlay_inner .btn .passed_days.highlight1,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="1"],
.cont_body_overview .legend .col[data-highlightclass="1"],
.cont_body_overview .maincap .days_ago[data-highlightclass="1"],
.legendbar .cont_lcars_progressbar[data-highlightclass="1"],
.legendbar .inner .legendbaritem[data-highlightclass="1"],
.legendbar .inner .mgdetailsbar[data-highlightclass="1"],
.missedexercise .txt.dayspassed[data-highlightclass="1"],
path[data-highlightclass="1"]
{
	color: var(--col-passeddays-highlight-1);
}

.overlay .overlay_inner .btn .passed_days.highlight2,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="2"],
.cont_body_overview .legend .col[data-highlightclass="2"],
.cont_body_overview .maincap .days_ago[data-highlightclass="2"],
.legendbar .cont_lcars_progressbar[data-highlightclass="2"],
.legendbar .inner .legendbaritem[data-highlightclass="2"],
.legendbar .inner .mgdetailsbar[data-highlightclass="2"],
.missedexercise .txt.dayspassed[data-highlightclass="2"],
path[data-highlightclass="2"]
{
	color: var(--col-passeddays-highlight-2);
}

.overlay .overlay_inner .btn .passed_days.highlight3,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="3"],
.cont_body_overview .legend .col[data-highlightclass="3"],
.cont_body_overview .maincap .days_ago[data-highlightclass="3"],
.legendbar .cont_lcars_progressbar[data-highlightclass="3"],
.legendbar .inner .legendbaritem[data-highlightclass="3"],
.legendbar .inner .mgdetailsbar[data-highlightclass="3"],
.missedexercise .txt.dayspassed[data-highlightclass="3"],
path[data-highlightclass="3"]
{
	color: var(--col-passeddays-highlight-3);
}

.overlay .overlay_inner .btn .passed_days.highlight4,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="4"],
.cont_body_overview .legend .col[data-highlightclass="4"],
.cont_body_overview .maincap .days_ago[data-highlightclass="4"],
.legendbar .cont_lcars_progressbar[data-highlightclass="4"],
.legendbar .inner .legendbaritem[data-highlightclass="4"],
.legendbar .inner .mgdetailsbar[data-highlightclass="4"],
.missedexercise .txt.dayspassed[data-highlightclass="4"],
path[data-highlightclass="4"]
{
	color: var(--col-passeddays-highlight-4);
}

.overlay .overlay_inner .btn .passed_days.highlight5,
.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="5"],
.cont_body_overview .legend .col[data-highlightclass="5"],
.cont_body_overview .maincap .days_ago[data-highlightclass="5"],
.legendbar .cont_lcars_progressbar[data-highlightclass="5"],
.legendbar .inner .legendbaritem[data-highlightclass="5"],
.legendbar .inner .mgdetailsbar[data-highlightclass="5"],
.missedexercise .txt.dayspassed[data-highlightclass="5"],
path[data-highlightclass="5"]
{
	color: var(--col-passeddays-highlight-5);
}

.WOP_content[data-visiblelegend="mgstats"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="false"] path,
.WOP_content[data-visiblelegend="candlechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="false"] path,
.WOP_content[data-visiblelegend="volovertimechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="false"] path
{
	color: var(--col-lcars-background-color);
}

/* .cont_musclemaps.showlatestworkoutstatus .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="highscore"] path, */
/* .legendbar .inner .legendbaritem[data-status="highscore"] */
/* { */
	/* color: var(--col-svg-muscle-highscore); */
/* } */

.WOP_content[data-visiblelegend="mgstats"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q0"] path,
.WOP_content[data-visiblelegend="candlechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q0"] path,
.WOP_content[data-visiblelegend="volovertimechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q0"] path,
.legendbar .inner .legendbaritem[data-status="q0"],
.lcars_pill.q0
{
	color: var(--col-q0);
}

.WOP_content[data-visiblelegend="mgstats"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q25"] path,
.WOP_content[data-visiblelegend="candlechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q25"] path,
.WOP_content[data-visiblelegend="volovertimechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q25"] path,
.legendbar .inner .legendbaritem[data-status="q25"],
.lcars_pill.q25
{
	color: var(--col-q25);
}

.WOP_content[data-visiblelegend="mgstats"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q50"] path,
.WOP_content[data-visiblelegend="candlechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q50"] path,
.WOP_content[data-visiblelegend="volovertimechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q50"] path,
.legendbar .inner .legendbaritem[data-status="q50"],
.lcars_pill.q50
{
	color: var(--col-q50);
}

.WOP_content[data-visiblelegend="mgstats"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q75"] path,
.WOP_content[data-visiblelegend="candlechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q75"] path,
.WOP_content[data-visiblelegend="volovertimechart"] .homescreen .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg g.maingroup[data-latestworkoutstatus="q75"] path,
.legendbar .inner .legendbaritem[data-status="q75"],
.lcars_pill.q75
{
	color: var(--col-q75);
}

/* @keyframes untrainedflash */
/* { */
	/* 0% */
	/* { */
		/* color: var(--col-passeddays-highlight-1); */
	/* } */
	
	/* 50% */
	/* { */
		/* color: red; */
	/* } */
	
	/* 100% */
	/* { */
		/* color: var(--col-passeddays-highlight-1); */
	/* } */
/* } */

/* .cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path[data-highlightclass="99"] */
/* { */
	/* animation: untrainedflash .2s infinite; */
/* } */

.overlay .overlay_inner .btn .unit
{
	color: var(--col-darkgray);
}

.overlay .overlay_inner .emptynote
{
	color: gray;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	text-align: center;
	flex-direction: column;
}

.overlay .overlay_inner .cont_input
{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 0 .8em 0;
}

.overlay .overlay_inner .cont_input > *
{
	flex: 1 1;
	width: auto;
	display: flex;
	align-items: center;
}

.overlay .overlay_inner h3,
.overlay .overlay_inner h4
{
	margin: 0.2em 0;
	color: var(--col-accent1);
	text-align: center;
	text-transform: uppercase;
}

.overlay .cont_user_settings
{
	
width: 100%;
}

.overlay .cont_user_settings label
{
	/* width: 100%; */
	display: block;
	text-transform: uppercase;
	flex: 1;
	border: 2px solid;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-right: none;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
	padding-left: 0.6em;
	position: relative;
	/* color: var(--col-accent2); */
}

.overlay .cont_user_settings label:before
{
	content: "";
	position: absolute;
	left: 0;
	width: 0.4em;
	height: 100%;
	/* background: currentColor; */
}

.overlay .cont_user_settings .subsubcont_input
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.overlay .cont_user_settings .cont_usersetting[data-field="passedDays1"] .subsubcont_input
{
	background-color: var(--col-passeddays-highlight-1);
}

.overlay .cont_user_settings .cont_usersetting[data-field="passedDays2"] .subsubcont_input
{
	background-color: var(--col-passeddays-highlight-2);
}

.overlay .cont_user_settings .cont_usersetting[data-field="passedDays3"] .subsubcont_input
{
	background-color: var(--col-passeddays-highlight-3);
}

.overlay .cont_user_settings .cont_usersetting[data-field="passedDays4"] .subsubcont_input
{
	background-color: var(--col-passeddays-highlight-4);
}

.overlay .cont_user_settings .cont_usersetting .subsubcont_input input
{
	text-align: center;
	font-size: 1em;
}

.overlay .cont_user_settings .cont_usersetting .subsubcont_input > *
{
	color: var(--col-lcars-background-color);
}

.overlay .cont_user_settings input
{
	border: none;
	padding: 0;
	height: 90%;
	margin: 0 0.5em;
	width: calc(50% - 1em);
	background-color: unset;
}

.overlay .cont_user_settings .cont_usersetting
{
	color: var(--col-accent1);
	margin: 0 0 1em 0;
	/* display: flex; */
	/* align-items: center; */
	/* border: 1px solid; */
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: stretch;
	height: 2.5em;
}

.overlay .cont_user_settings .cont_usersetting .subcont_input
{
	display: flex;
	align-items: center;
	/* height: 2.4em; */
	/* width: 12em; */
	justify-content: space-between;
	border: 2px solid;
	flex: 1;
	margin-left: -0.4em;
	box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.6);
	overflow: hidden;
	border-radius: 0.5em;
	position: relative;
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .btn
{
	height: 100%;
	/* margin: 0 -.1em 0 0; */
	font-size: 1em;
	/* color: var(--col-lcars-background-color); */
	/* width: 3em; */
	/* border-top-right-radius: 0; */
	/* border-bottom-right-radius: 0; */
	/* border-top-left-radius: .4em; */
	/* border-bottom-left-radius: .4em; */
	border-radius: 0;
	margin: 0;
	background-color: unset;
	border-left: 2px solid;
	width: 50%;
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .switchbox
{
	/* margin: 0.3em 0 0 0; */
	/* border: 1px solid; */
	/* border-radius: 0.5em; */
	/* padding: 0.2em 0.4em; */
	/* box-sizing: border-box; */
	display: flex;
	/* overflow: hidden; */
	width: 100%;
	height: 100%;
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .switchbox .option
{
	/* border-right: 1px solid; */
	padding: 0.4em 0em;
	line-height: 1em;
	text-transform: uppercase;
	/* border: 1px solid; */
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .switchbox .option:first-child
{
	/* border-top-left-radius: .5em; */
	/* border-bottom-left-radius: .5em; */
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .switchbox .option:last-child
{
	/* border-top-right-radius: .5em; */
	/* border-bottom-right-radius: .5em; */
	/* border-right: none; */
}

.overlay .cont_user_settings .cont_usersetting .subcont_input .switchbox .option.selected
{
	background-color: var(--col-accent1);
	color: var(--col-lcars-background-color);
	border-color: var(--col-accent1);
}

.overlay .cont_supp
{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 2em 2em 1fr;
	color: var(--col-accent2);
	margin-bottom: .5em;
}

.overlay .cont_supp .cap
{
	width: 
}

.overlay .cont_supp .btn
{
	width: 1.5em;
	height: 1.5em;
	margin: 0 .3em;
}

.overlay .cont_supp .btn
{
}

.overlay .cont_supp .btn:before
{
	color: var(--col-lcars-background-color);
	font-size: 2em;
	height: 100%;
	display: flex;
	align-items: flex-end;
	line-height: 0.9em;
}

.overlay .cont_supp .btn.plus:before
{
	content: "+";
}

.overlay .cont_supp .btn.minus:before
{
	content: "-";
}

.overlay .cont_supp .cnt
{
	display: flex;
	justify-content: center;
}

.overlay .cont_supp .cnt:before
{
	content: attr(data-cnt);
}

.WOP_content #exc_list_wrapper
{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	height: calc(100% - 50px - var(--val-collapsible-drag-handle-height));
	background-color: var(--col-lcars-background-color);
	color: var(--col-accent1);
	transition: none;
}

.overlay_exc_list
{
	color: var(--col-accent1);
}

.overlay_exc_list .overlay_inner
{
	/* padding-top: 16em; */
	padding: 0;
	width: 100%;
	overflow: unset;
}

#exc_list
{
	background: none;
	padding: 0;
	/* margin-left: 30px; */
	border: none;
	color: currentColor;
	box-shadow: none;
	/* position: absolute; */
	right: var(--val-lcars-border-margin);
	flex-direction: row;
	width: 100%;
	/* overflow: auto; */
	scroll-snap-type: x mandatory;
	scroll-snap-align: start;
}

#exc_list_wrapper > .lcars.container
{
	pointer-events: none;
}

#exc_list .cont_musclemaps
{
	flex-direction: column;
}

#exc_list .cont_group_exc
{
	/* width: 100%; */
	padding: 0 1em;
	height: 100%;
	min-width: 100%;
	box-sizing: border-box;
	scroll-snap-align: start;
	overflow-y: auto;
}

#exc_list .exc_list_item
{
	/* margin: 0 0 0.5em 0; */
	padding: 0.2em 0.8em 0.7em .8em;
	height: auto;
	min-height: 3em;
	color: var(--col-lcars-background-color);
	overflow: hidden;
	justify-content: flex-start;
}

#exc_list .exc_list_item,
#exc_list .cont_mostrecent,
#exc_list .cont_longago
{
	width: 100%;
}

#exc_list .exc_list_item.new_exc
{
	
background-color: var(--col-most-likely);
}

#exc_list .btn_scrolltop
{
	position: sticky;
	bottom: 0;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1em;
	height: 1em;
	box-sizing: border-box;
}

#exc_list .btn_scrolltop svg
{
	height: 100%;
	width: 100%;
	overflow: visible;
	transform: rotate(45deg);
}

#exc_list .btn_scrolltop svg path
{
	fill: var(--col-accent1);
	stroke: black;
	stroke-width: 0.5em;
}

#exc_list .btn_scrolltop > div:first-child
{
}

#exc_list .btn_scrolltop > div:last-child
{
}

#exc_list .btn_scrolltop > div
{
	
}

.WOP_content #exc_list_wrapper.scrolledtotop .btn_scrolltop
{
	display: none;
}

.WOP_content .cont_tbl
{
	overflow: auto;
	flex: 1 1;
	min-height: 10em;
	/* padding: var(--val-cont-tbl-padding); */
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
}

.WOP_content .entrycontent .cont_tbl
{
	transition: padding-top .5s, opacity .5s;
}

.WOP_content .cont_tbl .btn.showall
{
	font-size: .8em;
	color: black;
	margin: 0 var(--val-lcars-border-margin);
}

.WOP_content .cont_tbl .btn.showall:before
{
	content: "show all";
}

.WOP_content .cont_tbl.showmore .btn.showall:before
{
	content: "show less";
}

.WOP_content .sectioncap
{
	/* font-variant: small-caps; */
	/* border: 1px solid; */
	margin: 0.3em 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .WOP_content .cont_tbl > .cap:before */
/* { */
	/* content: ""; */
	/* background: black; */
	/* height: 10em; */
	/* display: block; */
	/* position: absolute; */
	/* width: 100%; */
	/* transform: rotate(89deg) rotateX(-30deg) rotateY(89deg); */
	/* transform: rotate(89.6deg) rotateX(-26deg) rotateY(89.6deg); */
	/* transform-style: preserve-3d; */
/* } */

.WOP_content .cont_tbl .subcont_tbl
{
	position: relative;
	padding: var(--val-cont-tbl-padding);
	flex: 1 1;
	/* height: 45%; */
	transition: height 0.5s;
}

.WOP_content .entrycontent .cont_tbl .subcont_tbl:last-child
{
	padding-bottom: 5em /*padding for quickentry*/;
}

/* .WOP_content .entrycontent.loading .cont_tbl .subcont_tbl:first-child */
/* { */
	/* overflow: hidden; */
	/* flex: unset; */
	/* height: 3% */
/* } */

/* .WOP_content .entrycontent.loading .cont_tbl .subcont_tbl:last-child */
/* { */
	/* height: 100%; */
/* } */

/* .WOP_content .entrycontent.loading .cont_tbl .subcont_tbl table */
/* { */
	/* opacity: 0; */
/* } */

.cont_tbl table
{
	width: 100%;
	display: grid;
	/* grid-template-columns: repeat(4, 1fr); */
	/* grid-template-columns: 1fr 5em 4em 2em 3em; */
	/* grid-template-columns: 5.5fr 2fr 1.4fr 2fr 1fr; */
	grid-template-columns: 5.5fr 2fr 1.4fr 2fr 2fr 0fr;
	transition: opacity .5s;
}

.entrycontent:first-child .cont_tbl table,
.overlay_timer .cont_tbl table
{
	color: var(--col-accent1);
}

.entrycontent:last-child .cont_tbl table
{
	color: var(--col-accent2);
}

.cont_tbl table tr.dateheader td
{
	grid-column: 1/7;
	margin: 0.3em 0;
}

.cont_tbl table tr.showmore
{
	display: none;
}

.cont_tbl.showmore table tr.showmore
{
	display: contents;
}

.cont_tbl.showmore .subcont_tbl
{
	flex: 1 1;
	height: auto;
}

.entrycontent .cont_tbl table.entries_volume
{
	grid-template-columns: 1fr 3.7em 3.5em 2em;
	/* margin: 1em 0 0 0; */
	color: var(--col-accent2);
}

.entrycontent .cont_tbl table.entries_volume td .vol
{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.entrycontent .cont_tbl table.entries_volume .pp
{
	display: inline-block;
	/* border: 1px solid; */
	/* transform-origin: bottom center; */
}

.entrycontent .cont_tbl table.entries_volume .pp svg
{
	width: 0.9em;
	height: 2.6em;
	/* border: 1px solid; */
}

.entrycontent .cont_tbl table.entries_volume .pp svg path
{
	fill: currentColor;
}

.entrycontent .cont_tbl table.entries_volume .pp svg g.c
{
	opacity: 0;
}

.entrycontent .cont_tbl table.entries_volume td.better .pp svg g.c,
.entrycontent .cont_tbl table.entries_volume td.highscore .pp svg g.c
{
	opacity: 1;
}

.entrycontent .cont_tbl table.entries_volume tr:nth-child(1) td
{
	filter: brightness(1.2);
}

.entrycontent .cont_tbl table.entries_volume tr:nth-child(n+3) td
{
	opacity: 0.7;
}

.entrycontent .cont_tbl table.entries_volume tr.today td.voldelta
{
	animation: volleftglow 1.2s infinite;
}

.entrycontent .cont_tbl table.entries_volume tr.today td.voldelta.better,
.entrycontent .cont_tbl table.entries_volume tr.today td.voldelta.highscore
{
	animation: none;
}

.cont_tbl table.entries_tagesauswertung_volume.exc
{
	grid-template-columns: 3em 4em 4em 1fr 1fr;
}

.cont_tbl table.entries_tagesauswertung_volume.mg
{
	grid-template-columns: 6em 1fr 1fr;
}

.cont_tbl table.entries_tagesauswertung_volume.mg td
{
	white-space: nowrap;
}

.cont_tbl table.entries_tagesauswertung
{
	grid-template-columns: 24% 35% 12% 13% 16%;
}

.cont_tbl table.entries_tagesauswertung td,
.cont_tbl table.entries_tagesauswertung_volume td
{
	white-space: normal;
}

.cont_tbl table.entries_tagesauswertung td.td_exc
{
	text-overflow: ellipsis;
	overflow: hidden;
	/* white-space: nowrap; */
}

.cont_tbl table.entries_tagesauswertung_volume td.vgl,
.cont_tbl table.entries_tagesauswertung_volume th.vgl
{
	color: var(--col-gray);
}

/* .cont_tbl table.entries_tagesauswertung td.timestamp */
/* { */
	/* font-size: .8em; */
/* } */

.cont_tbl table thead,
.cont_tbl table tbody,
.cont_tbl table tr
{
	display: contents;
	position: relative;
}

.cont_tbl table tr td
{
	transition: font-size .1s, opacity .2s, transform .2s;
}

.cont_tbl table tr.nextup td:first-child
{
	/* border-left: 4px solid; */
}

.cont_tbl table tr.nextup td:first-child:before,
.cont_tbl table tr.done td:first-child:before,
.cont_tbl table tr.donefirst td:first-child:before,
.cont_tbl table tr.nextup td.note:before,
.cont_tbl table tr.done td.note:before
{
	content: "";
	/* border: 1px solid; */
	height: 110%;
	display: block;
	width: 0.4em;
	position: absolute;
	left: -0.2em;
	/* background-color: currentColor; */
	/* font-size: 0.6em; */
	/* top: 0.6em; */
	/* border: 1px solid; */
	/* border-right: none; */
	border-left: 2px solid;
	top: -5%;
	color: var(--col-accent1);
}

.cont_tbl table tr.donefirst td.note:before
{
	display: none;
}

.cont_tbl table tr.nextup td:first-child:before
{
	border-top: 2px solid;
	border-top-left-radius: 5px;
	/* color: var(--col-accent1); */
}

.cont_tbl table tr.done td:first-child:before
{
	content: "";
	
}

.cont_tbl table tr.donefirst td:first-child:before
{
	border-bottom: 2px solid;
	border-bottom-left-radius: 5px;
}

.cont_tbl table tr.nextup.highlight td:first-child:before
{
	/* display: none; */
}

.cont_tbl table tr.nextup td
{
	/* border-bottom: 1px solid var(--col-accent1); */
	/* border-top: 1px solid var(--col-accent1); */
	/* border-left: 1px solid; */
}

.cont_tbl table tr.alternate td
{
	background: #ffc86059;
	position: relative;
}

.cont_musclemap g.maingroup
{
	transition: opacity .2s;
}

.cont_tbl table tr.lowopac td,
.subcont_tagesauswertung[data-cap="Overview"] .cont_mg_info .lcars_pill.lowopac,
.subcont_tagesauswertung[data-cap="Overview"] .cont_mg_info .cont_pill.lowopac,
.subcont_tagesauswertung[data-cap="Overview"] .cont_svg path.lowopac
{
	opacity: .4;
}

.cont_musclemap g.maingroup.lowopac
{
	opacity: .2
}

.cont_tbl table tr td.nofade
{
	transition: none;
}

.cont_tbl table tr.hidden td
{
	opacity: 0;
	transform: rotateX(60deg) translateY(-50%);
}

.cont_tbl table th
{
	font-size: .8em;
}

.cont_tbl table td
{
	font-size: .8em;
}

@keyframes glow
{
	0%
	{
		background-color: #cedfff;
	}
	
	100%
	{
		background-color: none;
	}
}

.cont_tbl table td.glow
{
	animation: glow 2s forwards;
}

.cont_tbl table th,
.cont_tbl table td
{
	text-align: left;
	white-space: nowrap;
	padding: .08em 0.3em;
}

.cont_tbl table tr.highlight td
{
	background-color: var(--col-accent1);
	color: var(--col-lcars-background-color);
}

.cont_tbl table tr.highlight.highlightindexindate td,
.cont_tbl table tr.highlight.highlightindexindate td .timestamp_date,
.cont_tbl table tr.highlight.highlightindexindate td .timestamp_time
{
	color: var(--col-lcars-background-color);
}

.cont_tbl table tr.highlight.highlightindexindate td
{
	background-color: var(--col-accent2);
	color: var(--col-lcars-background-color);
}

.cont_tbl table tr.highlight.highlightindexindate td.volcumbar
{
	height: 1em;
}

.cont_tbl table tr.alternate.highlight td
{
	background-color: #ffd85a8a;
	/* font-size: 1em; */
}

.cont_tbl table tr.highlight_maxrep td.td_reps,
.cont_tbl table tr.highlight_maxrep td.td_vol
{
	font-weight: var(--val-font-weight-600);
}

.cont_tbl table td .inner
{
	display: flex;
	/* align-items: flex-end; */
	padding: .1em 0 0 0;
	height: 100%;
}

.cont_tbl table .td_timestamp,
.cont_tbl table .note
{
	margin: 0 0 0 0.6em;
	position: relative;
}

.cont_tbl table td .inner .timestamp_time
{
	font-size: .8em;
	color: var(--col-gray);
}

.cont_tbl table.entries td .inner .nth_in_day
{
	display: flex;
	margin: 0 0.3em 0 0;
	font-size: 0.7em;
	align-items: anchor-center;
	/* border: 1px solid; */
	line-height: 1.2em;
}

.cont_tbl table.entries td .inner .nth_in_day .val
{
}

.cont_tbl table.entries td .inner .nth_in_day .appendix
{
	color: var(--col-lightgray);
	font-size: 0.7em;
	align-self: flex-start;
}

.cont_tbl table.entries td .inner .timestamp_date
{
	display: none;
}

.cont_tbl table.entries td .inner .timestamp_time,
.cont_tbl table.entries_tagesauswertung td .inner .timestamp_time:last-child
{
	/* margin: 0 0 0 .3em; */
}

.unit
{
	display: inline;
	font-size: .8em;
	/* color: var(--col-gray); */
	margin: 0 0 0 .1em;
	opacity: .8;
}

.better .unit,
.highscore .unit
{
	color: inherit;
}

.cont_tbl table td .indicators
{
	/* border: 1px solid; */
	margin: 0 0 0 0.3em;
	display: flex;
	align-items: center;
}

.cont_tbl table td .indicators .indi
{
	margin: 0 .3em 0.1em 0;
	font-size: .7em;
	display: none;
	color: #9b9eff;
}

.cont_tbl table td .indicators .indi.active
{
	display: block;
}

.volfactor_indicator
{
	display: inline;
	font-size: 0.6em;
	font-weight: var(--val-font-weight-600);
	color: #74aeff;
}

.cont_tbl table td.options
{
	display: flex;
	justify-content: flex-end;
}

.cont_tbl table td.options .cont_options .btn_show_options
{
	/* border: 1px solid; */
	height: 1.2em;
	display: flex;
	/* flex-direction: column; */
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	width: .9em;
}

.cont_tbl table td.options .cont_options .btn_show_options div
{
	width: 0.2em;
	border-radius: 100%;
	background: currentColor;
	height: 0.2em;
}

.cont_tbl table td.options .cont_options .subcont_options
{
	justify-content: flex-end;
	display: none;
	align-items: center;
}

.cont_tbl table td.options .cont_options:focus-within
{
	font-size: 1.3em;
}

.cont_tbl table td.options .cont_options:focus .subcont_options,
.cont_tbl table td.options .cont_options:focus-within .subcont_options
{
	display: flex;
}

.cont_tbl table td.options .cont_options:focus .btn_show_options,
.cont_tbl table td.options .cont_options:focus-within .btn_show_options
{
	display: none;
}

/* .cont_tbl table td.options .cont_options:focus-within .btn_show_options */
/* { */
	/* display: none; */
/* } */

.cont_tbl table td.options svg *
{
	fill: currentColor;
}

.cont_tbl table td.note,
.cont_tbl table td.volcumbar
{
	white-space: normal;
	grid-column: 1/7;
	/* border-bottom: 1px solid var(--col-gray); */
}

.cont_tbl table td.volcumbar
{
	height: 0;
	transition: height .2s;
	background-color: unset !important;
	display: flex;
	align-items: center;
}

.cont_tbl table td.volcumbar .volcumbar_inner
{
	height: 80%;
	position: relative;
	/* background: red; */
	border-radius: .4em;
	overflow: hidden;
}

.cont_tbl table td.volcumbar .volcumbar_inner .volcumbar_innerinner
{
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: var(--col-accent3);
}

.cont_tbl table td.volcumbar .volcumbar_inner.animated .volcumbar_innerinner
{
	left: -25px;
	background: repeating-linear-gradient(-45deg, #1c7bffd6, #1c7bffd6 10px, var(--col-passeddays-highlight-0) 10px, var(--col-passeddays-highlight-0) 18px);
	animation: loadingbaranim 1s linear infinite;
}

@keyframes loadingbaranim
{
	0%
	{
		transform: translateX(0px);
	}
	
	100%
	{
		transform: translateX(25px);
	}
}

.cont_tbl table.entries_tagesauswertung td.note
{
	grid-column: 1/6;
}

.cont_tbl table td.note:empty
{
	display: none;
}

.entrynote
{
	font-style: italic;
	color: #2c427f;
	font-size: 0.8em;
	border: 1px solid;
	float: left;
	border-radius: 0.7em;
	padding: 0.2em 0.3em;
	background-color: white;
	position: relative;
}

.entrynote_inner
{
	position: relative;
	z-index: 10;
}

.entrynote:before
{
	content: "";
	width: 0.5em;
	height: 0.5em;
	display: block;
	position: absolute;
	border-right: 1px solid;
	border-bottom: 1px solid;
	left: -2px;
	top: 0px;
	transform: rotate(184deg) skew(45deg, 0deg) rotateZ(5deg);
	background-color: white;
}

.cont_tbl table td.rb,
.cont_tbl table th.rb
{
	text-align: right;
	border-right: 1px solid;
}

.cont_tbl table td.rb.vgl,
.cont_tbl table th.rb.vgl
{
	border-right: none;
}

/* @keyframes better_flash */
/* { */
	/* 0% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 30% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 35% */
	/* { */
		/* color: var(--col-better); */
	/* } */
	
	/* 40% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 70% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 75% */
	/* { */
		/* color: var(--col-better); */
	/* } */
	
	/* 80% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 99% */
	/* { */
		/* color: var(--col-lcars-background-color); */
	/* } */
	
	/* 100% */
	/* { */
		/* color: var(--col-better); */
	/* } */
/* } */

/*
0-20 black
21-30 green
31-50 black
51-60 green
61-80 black
81-90 green
*/

@keyframes better_flash
{
	0%
	{
		color: var(--col-lcars-background-color);
	}
	
	20%
	{
		color: var(--col-lcars-background-color);
	}
	
	21%
	{
		color: var(--col-better);
	}
	
	30%
	{
		color: var(--col-better);
	}
	
	31%
	{
		color: var(--col-lcars-background-color);
	}
	
	50%
	{
		color: var(--col-lcars-background-color);
	}
	
	51%
	{
		color: var(--col-better);
	}
	
	60%
	{
		color: var(--col-better);
	}
	
	61%
	{
		color: var(--col-lcars-background-color);
	}
	
	80%
	{
		color: var(--col-lcars-background-color);
	}
	
	81%
	{
		color: var(--col-better);
	}
	
	100%
	{
		color: var(--col-better);
	}
}

@keyframes highscore_flash
{
	0%
	{
		color: var(--col-lcars-background-color);
	}
	
	20%
	{
		color: var(--col-lcars-background-color);
	}
	
	21%
	{
		color: var(--col-highscore);
	}
	
	30%
	{
		color: var(--col-highscore);
	}
	
	31%
	{
		color: var(--col-lcars-background-color);
	}
	
	50%
	{
		color: var(--col-lcars-background-color);
	}
	
	51%
	{
		color: var(--col-highscore);
	}
	
	60%
	{
		color: var(--col-highscore);
	}
	
	61%
	{
		color: var(--col-lcars-background-color);
	}
	
	80%
	{
		color: var(--col-lcars-background-color);
	}
	
	81%
	{
		color: var(--col-highscore);
	}
	
	100%
	{
		color: var(--col-highscore);
	}
}

.better
{
	animation: better_flash .5s forwards;
	color: var(--col-better) !important;
}

.highscore
{
	animation: highscore_flash .5s forwards;
	color: var(--col-highscore) !important;
}

.worse
{
	color: var(--col-worse) !important;
}

body.modborders_active path
{
	transition: none !important;
}

body.modborders_active .better,
.anim_played.better
{
	animation: none;
	color: var(--col-better) !important;
}

body.modborders_active .highscore,
.anim_played.highscore
{
	animation: none;
	color: var(--col-highscore) !important;
}

.cont_tbl table tr.total td
{
	border-top: 1px solid var(--col-gray);
	font-weight: var(--val-font-weight-600);
}

.cont_tbl table.entries
{
	margin: 0em 0 .6em 0;
	flex: 1 1;
}

.cont_tbl table.entries td .btn_edit,
.cont_tbl table.entries td .btn_del
{
	min-width: 1.5em;
	max-width: 1.5em;
	min-height: 1.5em;
	max-height: 1.5em;
	/* height: 1em; */
	height: 100%;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cont_tbl table.entries td .btn_edit svg,
.cont_tbl table.entries td .btn_del svg
{
	width: 100%;
	height: 100%;
}

.cont_tbl table.entries td .btn_del
{
	/* background: url('../img/icon_delete_white.svg') no-repeat 50%/100%; */
}

.cont_tbl table.entries td .btn_edit
{
	/* background: url('../img/icon_edit_white.svg') no-repeat 50%/100%; */
	margin: 0 .5em 0 0 ;
}

form.saveentry
{
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	/* margin: 0 0 0 0; */
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr; */
	grid-gap: 0.5em;
	background-color: var(--col-lcars-background-color);
	/* background-color: var(--col-accent1); */
}

form.saveentry input[name="inp_musclegroup"],
form.saveentry input[name="inp_exc"]
{
	/* grid-column-start: 1; */
	/* grid-column-end: 1; */
}

form.saveuser
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0.3em;
}

form.saveuser input[name="inp_username"]
{
	grid-column: 1;
	grid-row: 1;
}

form.saveuser input[name="inp_password"]
{
	grid-row: 2;
	grid-column: 1;
}

form.saveuser textarea[name="inp_note"]
{
	grid-row: 1/3;
}

form.saveuser .switchbtn.gender
{
	grid-column: 1/3;
}

.overlay_inner form.saveuser .btn
{
	grid-column: 1/3;
	margin: 0;
}

.overlay .useritem
{
	/* border: 1px solid; */
	color: var(--col-accent1);
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0 0 0.4em 0;
}

.overlay .useritem .cap
{
	flex: 1;
}

.overlay .useritem .cap svg
{
	width: 20px;
	height: 20px;
}

.overlay .useritem .cap svg path
{
	fill: currentColor;
}

.overlay .useritem .btn
{
	margin: 0;
	color: var(--col-lcars-background-color);
	font-size: 0.8em;
	border-radius: 0;
}

.overlay .useritem .btn:last-child
{
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	padding: 0 0.5em 0 0.3em;
	border-left: 2px solid var(--col-lcars-background-color);
}

.overlay .useritem .btn.btn_edit_user
{
	width: auto;
}

.overlay .useritem .btn.btn_impersonate_user
{
	width: 5.4em;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	padding-left: 0.4em;
}

.WOP_content .collapsible
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* position: fixed; */
	position: absolute;
	/* bottom: -8em; */
	/* width: auto; */
	height: 14.5em;
	width: var(--val-collapsible-width);
	left: 10%;
	/* box-shadow: var(--val-box-shadow); */
	/* padding: 0 .3em; */
	box-sizing: border-box;
	/* padding-bottom: .5em; */
	position: fixed;
	/* border-top: 1px solid; */
	/* border-left: var(--val-lcars-border-margin) solid var(--col-lcars-background-color); */
	/* border-right: var(--val-lcars-border-margin) solid var(--col-lcars-background-color); */
	background-color: var(--col-lcars-background-color);
	/* transition: bottom .4s; */
	bottom: 0;
	transform: translateY(14.5em);
}

.WOP_content .collapsible.transition
{
	/* transition: bottom .5s; */
	transition: transform .5s;
}

.WOP_content .btn.show_exc_list,
.WOP_content .btn.toggle_fs,
.WOP_content .collapsible
{
	z-index: 20;
}

.WOP_content .collapsible .draghandle
{
	position: absolute;
	/* top: calc(-4.5em + 1px); */
	/* top: -4.5em; */
	top: calc(var(--val-collapsible-drag-handle-height) * -1);
	height: var(--val-collapsible-drag-handle-height);
	width: var(--val-lcars-draghandle-width);
	padding: 0 .4em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* border-top: 1px solid; */
	border-right: var(--val-lcars-border-margin) solid;
	border-left: var(--val-lcars-border-margin) solid;
	border-color: var(--col-lcars-background-color);
	transition: all var(--val-timeroverlay-draghandle-transition);
}

/* .WOP_content .collapsible.mainentries.open .draghandle, */
/* .WOP_content .collapsible.tagesauswertung.open .draghandle */
/* { */
	/* width: 100%; */
	/* left: 0; */
/* } */

.drag_indicator_arrows
{
	width: 100%;
	height: 3em;
	/* border: 1px solid; */
	position: absolute;
	top: -1.8em;
	left: 0;
	color: var(--col-accent1);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	pointer-events: none;
}

.exc_stats  .drag_indicator_arrows
{
	color: inherit;
}

.overlay_timer .lcars.container .drag_indicator_arrows
{
	font-size: 1.5em;
	width: calc(100% - 4rem);
}

.drag_indicator_arrows .arrow
{
	width: 0.5em;
	height: 0.5em;
	opacity: 0;
}

.drag_indicator_arrows.horizontal
{
	/* transform: rotate(90deg); */
	height: 100%;
	top: 0;
	right: -1.2em;
	left: unset;
	flex-direction: row;
	width: 3em;
}

.drag_indicator_arrows.horizontal .arrow
{
	
/* border: 1px solid white; */
	
/* opacity: 1; */
	
/* animation: unset !important; */
}

.drag_indicator_arrows.animate .arrow
{
	/* animation-iteration-count: 3; */
	animation-iteration-count: 5;
	/* animation-iteration-count: infinite; */
	animation-duration: 1s;
	animation-fill-mode: forwards;
	/* animation-iteration-count: infinite; */
	animation-fill-mode: backwards;
}

.drag_indicator_arrows.animate .arrow:nth-child(1)
{
	animation-name: drag_indicator_arrow_anim1;
}

.drag_indicator_arrows.animate .arrow:nth-child(2)
{
	animation-name: drag_indicator_arrow_anim2;
}

.drag_indicator_arrows.horizontal.animate .arrow:nth-child(1)
{
	animation-name: drag_indicator_arrow_anim_horizontal1;
}

.drag_indicator_arrows.horizontal.animate .arrow:nth-child(2)
{
	animation-name: drag_indicator_arrow_anim_horizontal2;
}

.drag_indicator_arrows .arrow:before
{
	content: "";
	border-top: 2px solid;
	border-left: 2px solid;
	transform: rotate(45deg) skew(-10deg, -10deg);
	width: 100%;
	height: 100%;
	display: block;
}

.drag_indicator_arrows.horizontal .arrow:before
{
	transform: rotate(135deg) skew(-10deg, -10deg);
}

@keyframes drag_indicator_arrow_anim1
{
	0%
	{
		transform: translateY(1em);
		opacity: 0.8;
	}
	
	75%
	{
		opacity: 0;
	}
	
	100%
	{
		transform: translateY(-1em);
		opacity: 0;
	}
}

@keyframes drag_indicator_arrow_anim2
{
	0%
	{
		transform: translateY(1em);
		opacity: 0.8;
	}
	
	100%
	{
		transform: translateY(-1em);
		opacity: 0;
	}
}

@keyframes drag_indicator_arrow_anim_horizontal1
{
	0%
	{
		transform: translateX(-1em);
		opacity: 0.8;
	}
	
	75%
	{
		opacity: 0;
	}
	
	100%
	{
		transform: translateX(1em);
		opacity: 0;
	}
}

@keyframes drag_indicator_arrow_anim_horizontal2
{
	0%
	{
		transform: translateX(-1em);
		opacity: 0.8;
	}
	
	100%
	{
		transform: translateX(1em);
		opacity: 0;
	}
}

.drag_indicator_arrows .arrow:nth-child(1)
{
	
}

.drag_indicator_arrows.vertical .arrow:nth-child(2)
{
	/* animation-delay: 0.1s; */
	margin: -0.1em 0 0 0;
}

.drag_indicator_arrows.horizontal .arrow:nth-child(2)
{
	margin: 0 0 0 -.1em;
}

.WOP_content .collapsible .draghandle .draghandle_toucharea
{
	/* border: 1px solid; */
	position: absolute;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	left: 0;
	height: 75%;
	z-index: 10;
	/* background: #ff00009c; */
}

.WOP_content .collapsible.mainentries .draghandle
{
	background-color: var(--col-accent1);
}

.WOP_content .collapsible.tagesauswertung .draghandle
{
	background-color: var(--col-accent2);
}

/* .WOP_content[data-activesection="exc_entries"] .collapsible .draghandle, */
/* .WOP_content[data-activesection="exc_entries"] .collapsible .draghandle .btn.show_exc_list */
/* { */
	/* background-color: var(--col-accent1); */
/* } */

/* .WOP_content[data-activesection="tagesauswertung"] .collapsible .draghandle, */
/* .WOP_content[data-activesection="tagesauswertung"] .collapsible .draghandle .btn.show_exc_list */
/* { */
	/* background-color: var(--col-accent2); */
/* } */

.WOP_content .collapsible.mainentries .draghandle
{
	right: calc(100% / 9);
	/* right: calc(0% - var(--val-lcars-border-margin)); */
	/* left: calc(var(--val-lcars-draghandle-width)*2); */
}

.WOP_content .collapsible.tagesauswertung
{
	/* bottom: -12.8em; */
	transform: translateY(32em);
	height: 32em;
	justify-content: flex-start;
	/* padding: .3em 0 0 0; */
	color: var(--col-accent2);
}

.WOP_content .collapsible.tagesauswertung .draghandle
{
	border-right: none;
	/* right: unset; */
	/* left: calc(0% - var(--val-lcars-border-margin)); */
	/* left: 0; */
	/* left: var(--val-lcars-draghandle-width); */
	color: var(--col-lcars-background-color);
	/* overflow: hidden; */
	right: calc(calc(100% / 9) + var(--val-lcars-draghandle-width));
}

.WOP_content.timeroverlay_active .collapsible.tagesauswertung .draghandle
{
	width: 0;
	padding: 0;
	border-left: none;
	overflow: hidden;
}

.WOP_content.timeroverlay_active .collapsible.mainentries .draghandle
{
	/* width: calc(50% - var(--val-lcars-border-margin)); */
	/* width: 50%; */
	/* left: var(--val-lcars-border-margin); */
	width: calc((100%/9)*4);
}

.WOP_content.timeroverlay_active .btn.show_exc_list
{
	width: 40%;
	/* left: 50%; */
}

/* .WOP_content .collapsible.tagesauswertung .draghandle.timer_hidden .cont_timer, */
/* .WOP_content .collapsible.tagesauswertung .draghandle .btn.tagesauswertung */
.WOP_content.timeroverlay_active .collapsible.tagesauswertung .draghandle .cont_timer
{
	display: none;
}

.WOP_content .entrycontent
{
	z-index: 15;
	/* background-color: #fff8ec; */
}

.WOP_content #tagesauswertung
{
	/* z-index: 20; */
	/* background-color: #f3f6ff; */
}

.WOP_content .collapsible.open
{
	/* bottom: 0em !important; */
	transform: translateY(0);
}

/* .WOP_content .collapsible.open .draghandle */
/* { */
	/* width: 100%; */
/* } */

/* .WOP_content .collapsible.touched */
/* { */
	/* transition: none; */
/* } */

.WOP_content .collapsible.touched,
.WOP_content .collapsible.open
{
	z-index: 30;
	/* filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.5)); */
}

.WOP_content .collapsible .frame
{
	width: 100%;
	min-height: 0.8em;
	max-height: 0.8em;
	/* border-top: 1px solid black; */
	/* margin: 0 0 0.3em 0; */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 0.8em;
}

/* .WOP_content .collapsible .frame .drag_indicator */
/* { */
	/* width: 2em; */
	/* height: 100%; */
	/* display: flex; */
	/* align-items: center; */
	/* flex-direction: column; */
/* } */

.WOP_content .collapsible .frame .drag_indicator
{
}

.WOP_content .collapsible .frame .drag_indicator > div
{
	width: 1em;
	height: .1em;
	background-color: var(--col-lcars-background-color);
}

.WOP_content .collapsible > *
{
	padding: 0 0.6em;
	width: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.subcont_input .cont_timer:before
{
	font-size: 0.6em;
	margin: 0 .5em 0 0;
	text-transform: uppercase;
}

.subcont_input .cont_timer.time_elapsed_since_last_entry:before
{
	content: "latest";
}

.subcont_input .cont_timer.time_elapsed_today:before
{
	content: "today ";
}

.subcont_input .cont_timer
{
	height: 1.2em;
	/* text-align: center; */
	font-size: .9em;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.subcont_input .cont_timer.time_elapsed_today
{
	font-size: .7em;
}

.subcont_input .cont_timer.timeout:before,
.subcont_input .cont_timer.timeout:after
{
	/* content: "Letzter Eintrag vor über 1h"; */
	display: none;
}

.subcont_input .cont_timer .emptynote
{
	display: none;
}

.subcont_input .cont_timer.timeout .emptynote
{
	display: block;
	text-transform: uppercase;
	text-align: center;
}

.cont_timer
{
	display: flex;
	justify-content: center;
	align-items: center;
}

.lcars .cont_timer,
.lcars .cont_ticker
{
	/* flex-direction: column; */
	/* min-width: 6em; */
	min-width: 13em;
	max-width: 13em;
	--subcont-timer-font-size: 4.5em;
	height: 100%;
	z-index: 1;
}

.lcars > .cont_timer,
.lcars > .cont_ticker
{
	padding: 0 .4em;
}

.lcars .cont_timer[data-mode="today"]
{
	color: var(--col-accent2);
}

.lcars .cont_timer .subcont_timer
{
	font-size: var(--subcont-timer-font-size); /*might be dynamically changed in parent*/
	margin-top: -.2em;
	pointer-events: none /*prevent touch events on this element to avoid touchmove events to be aborted bc actual target element doesnt exist anymore*/;
}

.lcars .cont_timer .emptynote
{
	display: none;
}

.lcars .cont_ticker
{
	position: relative;
}

.lcars .cont_ticker > div
{
	position: absolute;
	transition: opacity .3s;
	opacity: 0;
}

.lcars .cont_ticker > .cont_clock
{
	width: 100%;
	display: flex;
	justify-content: space-around;
	height: 100%;
}

.lcars .cont_ticker > .cont_nextup
{
	font-size: 3.7em;
	margin-top: -0.05em;
	display: flex;
	align-items: baseline;
	width: 100%;
	justify-content: center;
	font-size: var(--subcont-timer-font-size);
	left: 0;
	/* justify-content: space-between; */
	padding: 0 0.07em;
	box-sizing: border-box;
}

.lcars .cont_ticker > .cont_nextup:before
{
	content: "NEXT";
	font-size: 0.76em;
	content: "NXT";
	display: none;
}

.lcars .cont_ticker > .cont_nextup.empty,
.lcars .cont_ticker > .cont_nextup.done
{
	/* border: 1px solid; */
	height: 100%;
	margin: 0;
	align-items: center;
	justify-content: center;
}

.lcars .cont_ticker > .cont_nextup.empty:before,
.lcars .cont_ticker > .cont_nextup.done:before
{
	display: none;
}

.lcars .cont_ticker > .cont_nextup .subcont_nextup
{
	font-size: 0.76em;
	display: flex;
	align-items: baseline;
}

.lcars .cont_ticker > .cont_nextup.empty .subcont_nextup:before,
.lcars .cont_ticker > .cont_nextup.done .subcont_nextup:before
{
	font-size: 0.5em;
	text-transform: uppercase;
}

.lcars .cont_ticker > .cont_nextup.novol .subcont_nextup:before
{
	content: "-";
}

.lcars .cont_ticker > .cont_nextup.empty .subcont_nextup:before
{
	content: "choose exercise";
}

.lcars .cont_ticker > .cont_nextup.done .subcont_nextup:before
{
	content: "exercise done";
	/* color: var(--col-accent2); */
}

.lcars .cont_ticker > .cont_progress
{
	width: calc(100% - .5em);
	height: 100%;
}

.lcars .cont_ticker > .cont_progress canvas
{
	width: 100%;
	height: 100%;
}

.lcars .cont_ticker[data-mode="timer_time"] > .cont_timer,
.lcars .cont_ticker[data-mode="timer_workoutduration"] > .cont_timer,
.lcars .cont_ticker[data-mode="nextup"] > .cont_nextup,
.lcars .cont_ticker[data-mode="progress"] > .cont_progress,
.lcars .cont_ticker[data-mode="clock"] > .cont_clock
{
	opacity: 1;
}

.lcars .cont_ticker .modebar
{
	width: 100%;
	opacity: 1;
	left: 0;
	box-sizing: border-box;
	font-size: var(--subcont-timer-font-size);
	height: 0.25em;
	bottom: -0.25em;
	width: calc(100% + var(--val-lcars-border-margin) + 2px);
	left: -1px;
}

.lcars .cont_ticker .modebar_inner
{
	display: flex;
	justify-content: space-around;
	line-height: 1em;
	padding: 0.2em 0;
	align-items: center;
	text-transform: uppercase;
	font-size: 0.16em;
	transition: font-size .3s;
	background-color: var(--col-lcars-background-color);
	border-bottom-left-radius: .3em;
	border-bottom-right-radius: .3em;
}

.lcars .cont_ticker .modebar.big .modebar_inner
{
	font-size: 0.23em;
	border: 1px solid;
	border-top: none;
}

.lcars .cont_ticker .modebar .mode
{
	transition: color .2s;
	color: gray;
}

.lcars .cont_ticker[data-mode="timer_time"] .modebar .mode[data-mode="timer_time"],
.lcars .cont_ticker[data-mode="timer_workoutduration"] .modebar .mode[data-mode="timer_workoutduration"],
.lcars .cont_ticker[data-mode="nextup"] .modebar .mode[data-mode="nextup"],
.lcars .cont_ticker[data-mode="progress"] .modebar .mode[data-mode="progress"],
.lcars .cont_ticker[data-mode="clock"] .modebar .mode[data-mode="clock"]
{
	color: inherit;
}

.lcars .cont_ticker .modebar.alternative
{
	background: black;
	bottom: unset;
	right: 0;
	height: 100%;
	width: 1em;
	left: -1em;
	flex-direction: column;
	/* border: 1px solid; */
	padding: 0;
	/* background: red; */
	display: none;
}

.lcars .cont_ticker .modebar.alternative.big
{
	font-size: .8em;
}

.lcars .cont_ticker .modebar.alternative .mode
{
	width: 100%;
	height: 0.7em;
	background: var(--col-accent1);
	width: 0.7em;
	transition: opacity .2s;
	opacity: 0.4;
}

.lcars .cont_ticker[data-mode="timer_time"] .modebar.alternative .mode[data-mode="timer_time"],
.lcars .cont_ticker[data-mode="timer_workoutduration"] .modebar.alternative .mode[data-mode="timer_workoutduration"],
.lcars .cont_ticker[data-mode="nextup"] .modebar.alternative .mode[data-mode="nextup"]
{
	opacity: 1;
}

.subcont_timer
{
	display: flex;
	/* border: 1px solid; */
	/* border-radius: .3em; */
	padding: .1em .1em;
	/* box-shadow: 0 0 0.2em 0.0em currentColor; */
}

.subcont_timer .digit,
.subcont_timer .separator
{
	width: .4em;
	display: flex;
	justify-content: center;
}

.collapsible.tagesauswertung .draghandle .cont_timer
{
	/* flex-direction: column; */
	/* align-items: flex-start; */
}

.collapsible.tagesauswertung .draghandle .subcont_timer
{
	font-size: 0.8em;
}

.subcont_timer .digit .val
{
	transition: transform .2s, opacity .2s;
	transform: translateY(0);
	opacity: 1;
	position: absolute;
}

.subcont_timer .digit .val.hiddenabove
{
	transform: translateY(-60%);
	opacity: 0;
}

.subcont_timer .digit .val.hiddenbelow
{
	transform: translateY(60%);
	opacity: 0;
}

form.saveentry .subcont_input.weightreps
{
	display: flex;
	width: auto;
	/* border: 2px solid var(--col-accent1); */
	font-size: 1.2em;
	align-items: center;
	position: relative;
	/* width: 50%; */
	/* grid-column: 2; */
	/* grid-row: 1/3; */
	gap: 0.8em;
}

form.saveentry .subcont_input.weightreps .divider
{
	font-size: 1.3em;
	position: absolute;
	left: calc(50% - .2em);
	z-index: 1;
}

form.saveentry .subcont_input.weightreps .subcont_input
{
	display: flex;
	align-items: center;
	position: relative;
}

form.saveentry .subcont_input.weightreps input
{
	outline: none;
	/* border-radius: .6em; */
	border-bottom: 1px solid var(--col-accent1);
}

/* form.saveentry .subcont_input.weightreps .subcont_input.weight input */
/* { */
	/* border-right: none; */
/* } */

/* form.saveentry .subcont_input.weightreps .subcont_input.reps input */
/* { */
	/* border-left: none; */
/* } */

form.saveentry .subcont_input.weightreps .subcont_input.weight input:valid
{
	border-top-left-radius: 0.6em;
	border-bottom-left-radius: 0.6em;
}

form.saveentry .subcont_input.weightreps .subcont_input.reps input:valid
{
	border-top-right-radius: 0.6em;
	border-bottom-right-radius: 0.6em;
}

/* form.saveentry .subcont_input.weightreps .subcont_input:first-child:after */
/* { */
	/* content: "/"; */
/* } */

form.saveentry .subcont_input.weightreps .subcont_input:after
{
	position: absolute;
	right: .5em;
	color: gray;
	pointer-events: none;
}

form.saveentry .subcont_input.weightreps .subcont_input.weight:after
{
	content: "kg";
}

form.saveentry .subcont_input.weightreps .subcont_input.reps:after
{
	content: "WH";
}

form.saveentry .subcont_input.weightreps .subcont_input input
{
	/* width: 4em; */
	font-size: 1em;
}

form.saveentry .subcont_input.weightreps .subcont_input input:valid
{
	/* background-color: #cedfff; */
	background-color: var(--col-accent1);
	color: black;
}

form.saveentry input
{
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: 95% 50%;
}

form.saveentry input,
form.saveentry textarea
{
	border: 1px solid;
	border-radius: .4em;
	filter: grayscale(1) brightness(0.8);
}

form.saveentry input[name="inp_musclegroup"],
form.saveentry input[name="inp_exc"]
{
	padding-right: 3.5em;
}

form.saveentry input:valid,
form.saveentry textarea:valid
{
	filter: none;
}

form.saveentry input[name="inp_musclegroup"]
{
	background-image: url('../img/icon_muscle_orange.png');
}

form.saveentry input[name="inp_exc"]
{
	background-image: url('../img/icon_dumbell_orange.png');
}

.btn
{
	height: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	/* flex: 1 1; */
	/* margin: 0.3em 0 0 0; */
	width: 49%;
	box-sizing: border-box;
	background-color: var(--col-accent1);
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	min-height: 2em;
	text-transform: uppercase;
	/* color: var(--col-accent1); */
}

.btn.disabled
{
	filter: grayscale(1) brightness(.8);
	pointer-events: none;
}

/* .btn.selected */
/* { */
	/* transform: scale(1.08); */
/* } */

.btn.selected:before
{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 2px;
	border-bottom: 0.5rem solid var(--col-lcars-background-color);
	top: 2px;
	border-left: 0.5rem solid rgba(0,0,0,0);
	border-right: 0.5rem solid rgba(0,0,0,0);
	transform: rotate(45deg) translate(3px, -5px);
}

body.lcars_hidden .btn
{
	border: 1px solid;
	border-radius: .2em;
}

.btn .corner
{
	border-bottom: 8px solid black;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(-45deg) translate(-2px, 0px);
}

.btn .corner.bottom_left
{
	top: unset;
	right: unset;
	left: 0;
	bottom: 0;
	transform: rotate(-135deg) translate(2px, -1px);
}

.btn .corner.bottom_right
{
	top: unset;
	left: unset;
	bottom: 0;
	right: 0;
	transform: rotate(135deg) translate(-2px, -1px);
}

.btn.home .corner,
.btn.show_main_menu .corner
{
	/* display: none; */
}

.WOP_content .btn.toggle_fs
{
	position: fixed;
	bottom: 0;
	right: 0;
	/* border: 1px solid black; */
	width: calc(100%/9);
	height: var(--val-collapsible-drag-handle-height);
	box-sizing: border-box;
	background-color: unset;
	text-align: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity .5s;
}

.WOP_content .btn.toggle_fs.visible
{
	pointer-events: all;
	opacity: 1;
}

.WOP_content .btn.toggle_fs .line
{
	line-height: 1em;
}

.WOP_content .btn.toggle_fs .line:first-child
{
	font-size: 0.9em;
}

.WOP_content .btn.toggle_fs .line:last-child
{
	font-size: 1.3em;
}

.WOP_content .btn.show_exc_list
{
	flex-direction: column;
	/* background-color: unset; */
	/* width: 100%; */
	/* height: 100%; */
	/* grid-row: 1/3; */
	/* grid-column: 2; */
	background-color: var(--col-accent1);
	position: fixed;
	right: 0;
	bottom: 0;
	/* width: calc(26% - var(--val-lcars-border-margin) * 2); */
	width: var(--val-btn-show-exc-list-width);
	height: var(--val-collapsible-drag-handle-height);
	/* left: calc((var(--val-lcars-draghandle-width) * 0.8) * 2 + 10% + 1.0px);*/ /*accounting for draghandle having 80% of collapsible which is 80% of total width*/
	left: 10%;
	border-left: var(--val-lcars-border-margin) solid var(--col-lcars-background-color);
	transition: all var(--val-timeroverlay-draghandle-transition);
}

.WOP_content .btn.show_exc_list .emptycap
{
	text-align: center;
}

/* .WOP_content .btn.show_exc_list */
.btn.showweightrepsuggestions
{
	width: 100%;
	height: 3em;
	background-color: unset;
}

/* .WOP_content .btn.show_exc_list:not([data-mg]) .sep, */
.WOP_content .btn.show_exc_list[data-mg] .emptycap
{
	display: none;
}

/* .WOP_content .btn.show_exc_list .sep */
/* { */
	/* margin: 0 1em; */
/* } */

.WOP_content .btn.show_exc_list:before
{
	content: attr(data-mg);
	font-size: 1.4em;
	/* opacity: 0.6; */
	/* font-size: .7em; */
}

.WOP_content .btn.show_exc_list:after
{
	content: attr(data-exc);
	font-size: .9em;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	max-width: 90%;
	overflow: hidden;
	text-align: center;
}

form.saveentry .btn.save
{
	width: 100%;
	/* grid-column: 1/3; */
	/* border-bottom-left-radius: 0.5em; */
	/* border-bottom-right-radius: .5em; */
	border-radius: .5em;
}

.btn.loading
{
	/* background-image: url('../img/loading4.gif'); */
	/* background-repeat: no-repeat; */
	/* background-position: 0.3em 50%; */
	/* background-size: auto 45%; */
	/* filter: grayscale(1); */
	pointer-events: none;
}

.btn.loading > .inner
{
	display: none;
}

/* .WOP_content .btn.switch, */
/* .WOP_content .btn.show_tagesauswertung */
/* { */
	/* font-size: .8em; */
	/* /* height: 2em; */ */
	/* height: 100%; */
	/* justify-content: flex-start; */
	/* padding: .6em; */
	/* margin: 0; */
/* } */

.WOP_content .btn.switch .icon.tick
{
	border: 1px solid;
	margin: 0 0.4em;
	min-width: .8em;
	max-width: .8em;
	min-height: .8em;
	max-height: .8em;
}

.WOP_content .btn.switch.selected .icon.tick
{
	background: #9b9eff;
}

form.saveentry textarea
{
	width: 100%;
	box-sizing: border-box;
	/* grid-row: 1; */
	/* grid-column: 2; */
	padding: 0 .3em;
}

.WOP_content .entrycontent
{
	/* position: fixed; */
	position: relative;
	min-width: 100vw;
	max-width: 100vw;
	height: 100%;
	/* border: 1px solid gray; */
	box-sizing: border-box;
	background-color: var(--col-lcars-background-color);
	/* left: 0; */
	/* top: 0; */
	/* padding: 1em 1em 4em 1em; */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* display: none; */
	/* z-index: 30; */
	/* transition: transform .3s; */
	scroll-snap-align: start;
	overflow: hidden;
	/* border-left: 1px solid gray; */
}

.WOP_content .entrycontent.loading .cont_tbl .subcont_tbl table
{
	opacity: 0;
}

.loading_anim
{
	position: absolute;
	width: 100%;
	height: 100%;
	/* display: flex; */
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 20;
}

.WOP_content.entrycontent.loading .loading_anim,
.btn.save.loading .loading_anim
{
	display: flex;
}

.loading_anim .inner
{
	/* border: 1px solid; */
	display: flex;
	width: 3em;
	height: 1em;
	color: var(--col-accent1);
	margin: -50vh 0 0 .3em;
	justify-content: center;
	align-items: center;
}

.btn.save .loading_anim .inner
{
	margin: 0;
	color: var(--col-lcars-background-color);
}

.loading_anim .inner .dot
{
	width: 0.5em;
	height: 0.5em;
	margin: 0 0 0 .3em;
	background-color: currentColor;
	border-radius: 50%;
	--val-loading-anim-duration: .5s;
	animation-timing-function: linear !important;
}

.loading_anim .inner .dot:nth-child(1)
{
	animation: loading_anim_dot_first var(--val-loading-anim-duration) infinite;
}

.loading_anim .inner .dot:nth-child(2)
{
	animation: loading_anim_dot_second var(--val-loading-anim-duration) infinite;
}

.loading_anim .inner .dot:nth-child(3)
{
	animation: loading_anim_dot_third var(--val-loading-anim-duration) infinite;
}

.loading_anim .inner .dot:nth-child(4)
{
	animation: loading_anim_dot_fourth var(--val-loading-anim-duration) infinite;
}

/* .loading_anim .inner .dot:nth-child(1) */
/* { */
	/* background-color: red; */
/* } */

/* .loading_anim .inner .dot:nth-child(2) */
/* { */
	/* background-color: blue; */
/* } */

/* .loading_anim .inner .dot:nth-child(3) */
/* { */
	/* background-color: yellow; */
/* } */

/* .loading_anim .inner .dot:nth-child(4) */
/* { */
	/* background-color: green; */
/* } */

@keyframes loading_anim_dot_first
{
	0%
	{
		transform: translateX(0) scale(.8);
	}
	
	100%
	{
		transform: translateX(-.8em) scale(0);
	}
}

@keyframes loading_anim_dot_second
{
	0%
	{
		transform: translateX(0);
	}
	
	100%
	{
		transform: translateX(-.8em) scale(.8);
	}
}

@keyframes loading_anim_dot_third
{
	0%
	{
		transform: translateX(0) scale(.8);
	}
	
	100%
	{
		transform: translateX(-.8em);
	}
}

@keyframes loading_anim_dot_fourth
{
	0%
	{
		transform: translateX(0) scale(0);
	}
	
	100%
	{
		transform: translateX(-.8em) scale(.8);
	}
}

.WOP_content .entrycontent .cont_header
{
	display: flex;
	width: 100%;
}

.WOP_content .entrycontent .cont_header .btn
{
	white-space: nowrap;
	height: 100%;
	color: var(--col-lcars-background-color);
	width: auto;
	min-width: 4em;
	/* background-color: red; */
}

.WOP_content .entrycontent .cont_header .btn.home
{
	/* border-top-left-radius: 0.3em; */
	/* border-bottom-left-radius: .3em; */
}

.WOP_content .entrycontent .cont_header .btn:last-child
{
	margin-left: var(--val-lcars-border-margin);
	margin-right: var(--val-lcars-border-margin);
}

.WOP_content .btn.show_main_menu
{
	width: 6.5em;
	/* background-color: #ff4c4c; */
}

.WOP_content .entrycontent .stickyheader
{
	position: sticky;
	z-index: 10;
	top: 0;
	width: 100%;
	height: var(--val-sticky-header-height);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	/* padding: 0.5em 0 0.5em 1em; */
	/* border-bottom: 1px solid gray; */
	font-size: .8em;
	box-sizing: border-box;
	color: var(--col-lcars-background-color);
}

.WOP_content .scroll_container .entrycontent:first-child
{
	color: var(--col-accent1);
}

.WOP_content .scroll_container .entrycontent:last-child
{
	color: var(--col-accent2);
}

.WOP_content .scroll_container .entrycontent:first-child .stickyheader
{
	border-top-left-radius: 2em;
}

.WOP_content .scroll_container .entrycontent:last-child .stickyheader
{
	border-top-right-radius: 2em;
}

.WOP_content .scroll_container .entrycontent > .lcars.border
{
	top: var(--val-sticky-header-height);
}

.WOP_content .scroll_container .entrycontent:first-child .lcars.border
{
	left: 0;
}

.WOP_content .scroll_container .entrycontent:last-child .lcars.border
{
	right: 0;
}

.WOP_content .scroll_container .entrycontent:first-child .cont_tbl .subcont_tbl .lcars.border
{
	/* left: calc(var(--val-cont-tbl-padding) * -1); */
	/* top: calc(var(--val-cont-tbl-padding) * -1); */
	height: 100%;
}

.WOP_content .scroll_container .entrycontent:last-child .subcont_tbl .lcars.border
{
	/* right: calc(var(--val-cont-tbl-padding) * -1); */
	/* top: calc(var(--val-cont-tbl-padding) * -1); */
	height: 100%;
}

.WOP_content .scroll_container .entrycontent .lcars.container
{
	display: flex;
	justify-content: center;
	/* position: absolute; */
	left: 0;
	/* width: calc(100% + (2*var(--val-cont-tbl-padding))); */
	/* min-height: var(--val-lcars-container-height); */
	/* margin-left: calc(var(--val-cont-tbl-padding) * -1); */
	position: relative;
	width: 100%;
}

.WOP_content .scroll_container .entrycontent .lcars.container.small
{
	min-height: var(--val-lcars-container-small-height);
}

.WOP_content .scroll_container .entrycontent .lcars.container.bottomcontainer
{
	height: var(--val-collapsible-drag-handle-height);
	background-color: var(--col-lcars-background-color);
}

.WOP_content .entrycontent#exc_entries > .homescreen
{
	display: none;
}

.WOP_content.empty .entrycontent#exc_entries > .homescreen
{
	display: block;
}

/* .WOP_content.empty .scroll_container .entrycontent:first-child .lcars.container.bottomcontainer, */
/* .WOP_content.empty .scroll_container .entrycontent:first-child > .lcars.border.left, */
.WOP_content.empty .scroll_container .entrycontent:first-child > .visible_when_empty,
.WOP_content .scroll_container .entrycontent:last-child.empty .lcars.container.bottomcontainer
{
	z-index: 30;
}

.WOP_content.empty .scroll_container .entrycontent:first-child > .lcars.border.left
{
	height: calc(100% - var(--val-collapsible-drag-handle-height) - var(--val-sticky-header-height));
}

.WOP_content .scroll_container .entrycontent:last-child.empty .lcars.container.bottomcontainer .lcars.border
{
	height: 1000em;
}

.WOP_content .scroll_container .entrycontent .lcars.container.second
{
	margin-top: var(--val-lcars-border-margin);
}

.WOP_content .scroll_container .entrycontent .lcars.container.border_bottom_left_radius .lcars.piece:first-child
{
	border-bottom-left-radius: 2em;
}

.WOP_content .scroll_container .entrycontent .lcars.container.border_top_left_radius .lcars.piece:first-child
{
	border-top-left-radius: 2em;
}

.WOP_content .scroll_container .entrycontent .lcars.container.border_bottom_right_radius .lcars.piece:first-child
{
	border-bottom-right-radius: 2em;
}

.WOP_content .scroll_container .entrycontent .lcars.container.border_top_right_radius .lcars.piece:first-child
{
	border-top-right-radius: 2em;
}

.WOP_content .scroll_container .entrycontent .lcars.middle
{
	top: unset;
	/* bottom: 0; */
	align-items: flex-end;
	transform: translateY(calc(-100% + 1px));
	/* height: 1000em; */
}

.WOP_content .scroll_container .entrycontent .lcars.container.second .lcars.middle
{
	top: calc(var(--val-lcars-container-height) + 1px) /*account for em rounding errors*/;
	/* transform: translateY(1px); */
	align-items: flex-start;
	transform: unset;
}

.WOP_content .scroll_container .entrycontent .lcars.container.second.small .lcars.middle
{
	top: calc(var(--val-lcars-container-small-height) - 1px) /*account for em rounding errors*/;
}

.WOP_content .scroll_container .entrycontent:first-child .lcars
{
	color: var(--col-accent1);
}

.WOP_content .scroll_container .entrycontent:last-child .lcars
{
	color: var(--col-accent2);
}

.WOP_content #exc_entries.entrycontent .stickyheader
{
	background-color: var(--col-accent1);
	align-items: flex-end;
}

.WOP_content #tagesauswertung.entrycontent .stickyheader
{
	background-color: var(--col-accent2);
}

.WOP_content .entrycontent .stickyheader .icon
{
	width: 1.8em;
	height: 1.8em;
	position: absolute;
	left: 1.4em;
}

.WOP_content #tagesauswertung.entrycontent .stickyheader .icon
{
	background: url('../img/icon_piechart.png') no-repeat 50%/100%;
}

.WOP_content #tagesauswertung.entrycontent .stickyheader .btn_share
{
	position: absolute;
	right: 4.4em;
	/* border: 1px solid black; */
	width: 1.5em;
	height: 1.5em;
	cursor: pointer;
	background: url('../img/icon_share.webp') no-repeat 50%/100%;
}

.WOP_content #exc_entries.entrycontent .stickyheader .icon
{
	background: url('../img/icon_dumbell_black.png') no-repeat 50%/100%;
	width: 2.5em;
	height: 2.5em;
	display: none;
}

.WOP_content .entrycontent#exc_entries .stickyheader .header.first:before,
.WOP_content .entrycontent#exc_entries .stickyheader .header.first:after
{
	content: "";
	position: absolute;
	width: 0.3em;
	height: 100%;
	background-color: var(--col-accent1);
}

.WOP_content .entrycontent .stickyheader .header.first:before
{
	left: -1px;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
}

.WOP_content .entrycontent .stickyheader .header.first:after
{
	right: -1px;
	border-top-left-radius: .3em;
	border-bottom-left-radius: .3em;
}

.WOP_content #exc_entries .stickyheader .header.first
{
	width: 83%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--col-lcars-background-color);
	position: relative;
}

.WOP_content #exc_entries .stickyheader .header.first .logo
{
	width: 100%;
	height: 80%;
	/* background: url(../unrestricted/logo_prolodeck_v3.png) no-repeat 50% / auto 100%; */
	/* background: url(../unrestricted/logo_prolodeck_v4.png) no-repeat 50% / auto 100%; */
	background: url(../unrestricted/logo_prolodeck_v5.png) no-repeat 50% / auto 100%;
	/* border: 1px solid white; */
	box-sizing: border-box;
	background-color: var(--col-lcars-background-color);
	/* border-radius: 1.5em; */
}

.WOP_content .entrycontent .stickyheader .header.second
{
	font-size: 1.2em;
	/* max-width: 16em; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	text-align: center;
}

.WOP_content #tagesauswertung .cont_breadcrumbs
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 2.2em;
	/* border-top: 1px solid; */
	/* position: fixed; */
	z-index: 1;
	/* background: white; */
	/* left: 0; */
	/* bottom: 3em; */
	padding: 0 1em;
	box-sizing: border-box;
	/* box-shadow: var(--val-box-shadow); */
	/* margin: 0 0 var(--val-collapsible-drag-handle-height) 0; */
	transition: opacity .5s;
}

.WOP_content #tagesauswertung .cont_breadcrumbs .breadcrumb,
.WOP_content .btn
{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.WOP_content #tagesauswertung .cont_breadcrumbs .breadcrumb
{
	cursor: pointer;
	cursor: pointer;
	font-size: 1.1em;
	/* border: 1px solid; */
	flex: 1 1;
	text-align: center;
	position: relative;
}

.WOP_content #tagesauswertung .cont_breadcrumbs .breadcrumb:before
{
	content: "";
	height: 2px;
	width: 0;
	position: absolute;
	bottom: -.2em;
	background-color: currentColor;
	transition: width .2s, left .2s;
	left: 50%;
}

.WOP_content #tagesauswertung .cont_breadcrumbs .breadcrumb.underline:before
{
	width: 100%;
	left: 0;
}

.WOP_content .cont_btn_tagesauswertung input[name="inp_tagesauswertung_date"]
{
	color: inherit;
}

.WOP_content .cont_dailyreportcalendar
{
	/* border: 1px solid; */
	color: var(--col-accent2);
	padding: .1em .2em;
	position: relative;
}

.WOP_content .cont_dailyreportcalendar .btn_close
{
	position: absolute;
	right: calc(50% - 1em);
	bottom: 0.3em;
	text-transform: uppercase;
	background-color: unset;
	border: 1px solid;
	border-radius: 0.3em;
	width: 2em;
	height: auto;
	min-height: unset;
	padding: 0.2em 0.3em 0.3em .3em;
	text-align: center;
	font-size: 1.3em;
}

.WOP_content .cont_dailyreportcalendar .cont_controls
{
	display: flex;
	justify-content: center;
	margin: 0 0 .2em 0;
	background-color: var(--col-accent2);
	color: var(--col-lcars-background-color);
}

.WOP_content .cont_dailyreportcalendar .cont_controls .btn
{
	width: 3em;
	background-color: unset;
}

.WOP_content .cont_dailyreportcalendar .cont_controls .btn:before
{
	content: "";
	color: var(--col-lcars-background-color);
	width: 0.5em;
	height: 0.5em;
	border-left: 2px solid var(--col-lcars-background-color);
	border-top: 2px solid var(--col-lcars-background-color);
}

.WOP_content .cont_dailyreportcalendar .cont_controls .btn.next:before
{
	transform: rotate(135deg);
}

.WOP_content .cont_dailyreportcalendar .cont_controls .btn.prev:before
{
	transform: rotate(-45deg);
}

.WOP_content .cont_dailyreportcalendar .cont_controls .cap_month
{
	display: flex;
	/* align-items: center; */
	font-size: 1.4em;
	/* width: 5em; */
	flex: 1 1;
	justify-content: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner
{
	display: flex;
	position: relative;
	height: 29em;
	overflow: hidden;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month
{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-gap: .1em;
	position: absolute;
	transition: transform .3s;
	width: 100%;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month.touched
{
	transition: none;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month.hidden.left
{
	transform: translateX(-100%);
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month.hidden.right
{
	transform: translateX(100%);
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell
{
	border: 1px solid;
	cursor: pointer;
	/* width: 2.3rem; */
	height: 4.7rem;
	font-size: 0.5em;
	/* font-size: .6em; */
	text-overflow: ellipsis;
	overflow: hidden;
	padding: .1em .2em;
	box-sizing: border-box;
	background-color: var(--col-lcars-background-color);
}

/* .WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.workout_done .date */
/* { */
	/* background-color: var(--col-accent1); */
	/* color: var(--col-lcars-background-color); */
/* } */

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.selected .date
{
	color: currentColor;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.today
{
	border: 2px solid var(--col-accent1);
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday6,
.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday0
{
	background: #b4cef23b;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.selected
{
	background-color: var(--col-accent2);
	color: var(--col-lcars-background-color);
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell:first-child
{
	border-top-left-radius: .8em;
	border-bottom-left-radius: .8em;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell:last-child
{
	border-top-right-radius: .8em;
	border-bottom-right-radius: .8em;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday0
{
	grid-column: 7;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday1
{
	grid-column: 1;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday2
{
	grid-column: 2;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday3
{
	grid-column: 3;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday4
{
	grid-column: 4;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday5
{
	grid-column: 5;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.weekday6
{
	grid-column: 6;
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell.mg_suggestion .val
{
	color: var(--col-accent1);
}

.WOP_content .cont_dailyreportcalendar .dailyreportcalendar_inner .subcont_month .calendarcell .date
{
	color: #a3a3a3;
	margin-bottom: .3em;
}

.WOP_content #tagesauswertung .cont_tbl
{
	width: 100%;
	box-sizing: border-box;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung
{
	/* margin-bottom: 1em; */
	position: relative;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung .subcont_tbl
{
	padding-top: 0;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl
{
	display: grid;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_svg
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	pointer-events: none;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_svg svg
{
	width: 100%;
	height: 100%;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_svg svg path
{
	stroke: currentColor;
	fill: none;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info
{
	/* border: 1px solid; */
	grid-row: 2;
	display: flex;
	justify-content: space-between;
	margin: 0 0em;
	z-index: 20;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .left,
.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .right
{
	/* border: 2px solid; */
	width: 45%;
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	align-items: center;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .left
{
	align-items: flex-start;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .right
{
	align-items: flex-end;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill
{
	display: flex;
	flex-direction: column;
	outline: none;
	width: 100%;
	transition: width .3s;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .left .cont_pill
{
	align-items: flex-start;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .right .cont_pill
{
	align-items: flex-end;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill .lcars_pill
{
	/* grid-template-columns: 4.6em 1fr; */
	margin: 0 0 var(--val-lcars-border-margin) 0;
	grid-template-columns: 0em 1fr;
	transition: grid-template-columns .3s, height .3s;
	/* border: 1px solid; */
	overflow: hidden;
	min-height: unset;
	height: 1.3em;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill.active .lcars_pill
{
	grid-template-columns: 4.6em 1fr;
	width: 100%;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill.active
{
	width: 15em;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill .lcars_pill .vol.cap .inner
{
	/* width: 0; */
	transition: opacity .3s;
	opacity: 0;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill.active .lcars_pill .vol.cap .inner
{
	/* width: auto; */
	opacity: 1;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill .lcars_pill .vol.val
{
	background-color: var(--col-lcars-background-color);
	min-width: 5em;
}

.WOP_content #tagesauswertung .cont_tbl .subcont_tagesauswertung[data-cap="Overview"] .subcont_tbl .cont_mg_info .cont_pill .lcars_pill.hidden
{
	height: 0;
}

.WOP_content #tagesauswertung .cont_musclemaps .wrapper_musclemap
{
	height: auto;
}

.WOP_content #tagesauswertung .cont_musclemaps .wrapper_musclemap path[data-highlightclass="0"]
{
	animation: none;
}

.WOP_content #tagesauswertung .vgl_info
{
	/* display: flex; */
	margin: 1.2em 0 1.2em 0;
	font-size: .8em;
}

.WOP_content #tagesauswertung .auswertung_volume th.today
{
	grid-column: 2/4;
	/* text-align: center; */
}

.WOP_content #tagesauswertung .auswertung_volume th.cont_date.vgl
{
	grid-column: 4/6;
	/* text-align: center; */
}

.WOP_content #tagesauswertung .vgl_info .cont_date,
.WOP_content #tagesauswertung .vgl_info .cont_exc
{
	/* margin: 0 .3em; */
	display: inline;
}

.WOP_content #tagesauswertung .vgl_info .vgltext
{
	color: var(--col-gray);
}

.WOP_content #tagesauswertung .entries_tagesauswertung_volume.mg .cont_date.vgl
{
	display: inline;
	/* color: gray; */
	font-size: 0.9em;
	margin: 0 0 0 0.5em;
}

.WOP_content #tagesauswertung .vgl_info .cont_exc,
.WOP_content #tagesauswertung .vgl_info .cont_mg
{
	/* font-weight: var(--val-font-weight-600); */
}

.cont_body_overview
{
	/* border: 1px solid; */
	display: flex;
	flex: 1 1;
	width: 100%;
	flex-direction: column;
	align-items: center;
	padding: 2em 0 0em 0;
	position: relative;
	padding: 0;
}

.cont_candlechart,
.cont_volovertimechart
{
	/* position: absolute; */
	/* top: 1em; */
	/* width: 80%; */
	height: 100%;
	/* border-top: 1px solid; */
	font-size: 0.7em;
	color: var(--col-accent2);
	color: var(--col-gray);
	transition: opacity .2s, width .5s;
	width: 0;
	opacity: 0;
	/* left: 1em; */
	margin: 0 0 0 0.4em;
	position: relative;
	display: flex;
	align-items: center;
}

.cont_candlechart.active,
.cont_volovertimechart.active
{
	opacity: 1;
	width: 100%;
}

.cont_volovertimechart .subcont_volovertimechart
{
	/* border: 1px solid; */
	position: relative;
	width: calc(100% - 0.6em);
	height: 200%;
	/* border-bottom: 1px solid; */
	bottom: 0;
	position: absolute;
}

.cont_volovertimechart .indi.date
{
	position: absolute;
	bottom: -1.5em;
	/* border-bottom: 1px solid; */
	/* padding: 0 0.3em; */
	display: flex;
	/* align-items: center; */
	gap: 0.2em;
}

.cont_volovertimechart .indi.date.min
{
	left: 0;
	/* border-left: 1px solid; */
}

.cont_volovertimechart .indi.date.max
{
	right: 0;
	/* border-right: 1px solid; */
}

.cont_volovertimechart .indi.date.min:before,
.cont_volovertimechart .indi.date.max:after
{
	content: "";
	width: 0.4em;
	height: 0.4em;
	border-bottom: 1px solid;
	display: block;
	display: none;
}

.cont_volovertimechart .indi.date.min:before
{
	border-left: 1px solid;
	border-bottom-left-radius: 0.3em;
}

.cont_volovertimechart .indi.date.max:after
{
	border-right: 1px solid;
	border-bottom-right-radius: .3em;
}

.cont_candlechart > .subcont
{
	position: absolute;
	height: 100%;
	/* border: 1px solid red; */
	box-sizing: border-box;
	z-index: 1;
	display: flex;
	align-items: center;
	font-size: 0.8em;
}

.cont_candlechart > .subcont .indi
{
	height: 100%;
	width: 1px;
	height: 70%;
	/* display: none; */
}

.cont_candlechart > .subcont .indi:before,
.cont_candlechart > .subcont .indi:after
{
	content: "";
	display: block;
	width: 1px;
}

.cont_candlechart > .subcont .indi:before
{
	height: 100%;
	background: currentColor;
}

.cont_candlechart > .subcont.latest .indi:before,
.cont_candlechart > .subcont.latest .indi:after
{
	height: 50%;
	background: currentColor;
}

.cont_candlechart > .subcont.latest .indi
{
	height: 170%;
	/* transform: translateY(calc(-50% - 1px)); */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.cont_candlechart > .subcont.min
{
	left: 0;
}

.cont_candlechart > .subcont.latest
{
	font-size: 1em;
	filter: brightness(1.2);
}

.cont_candlechart > .subcont.max
{
	right: 0;
}

.cont_candlechart > .subcont .val
{
	/* top: 1.7em; */
	/* top: 85%; */
	bottom: -50%;
}

.cont_candlechart > .subcont.latest .val
{
	top: 2.3em;
}

.cont_candlechart > .subcont .cap
{
	/* top: -1.3em; */
	top: calc(-50% - 2px);
}

.cont_candlechart > .subcont.min .cap,
.cont_candlechart > .subcont.min .val
{
	transform: translateX(0);
}

.cont_candlechart > .subcont.max .cap,
.cont_candlechart > .subcont.max .val
{
	transform: translateX(-100%);
}

.cont_candlechart > .subcont.latest .cap
{
	top: -2em;
}

.cont_candlechart > .subcont .val,
.cont_candlechart > .subcont .cap
{
	transform: translateX(-50%);
	position: absolute;
	white-space: nowrap;
	/* color: gray; */
}

.cont_candlechart > .diffbar
{
	position: absolute;
	height: 0.4em;
	/* top: 50%; */
}

.cont_candlechart > .diffbar.q0,
.cont_volovertimechart .volovertimeelement.q0,
.cont_volovertimechart .q.q0
{
	background-color: var(--col-q0);
}

.cont_candlechart > .diffbar.q25,
.cont_volovertimechart .volovertimeelement.q25,
.cont_volovertimechart .q.q25
{
	background-color: var(--col-q25);
}

.cont_candlechart > .diffbar.q50,
.cont_volovertimechart .volovertimeelement.q50,
.cont_volovertimechart .q.q50
{
	background-color: var(--col-q50);
}

.cont_candlechart > .diffbar.q75,
.cont_volovertimechart .volovertimeelement.q75,
.cont_volovertimechart .q.q75
{
	background-color: var(--col-q75);
}

.cont_candlechart > .quartile_q50
{
	position: absolute;
	border-left: 1px solid;
	height: 100%;
}

.cont_candlechart > .quartile_q50,
.cont_candlechart > .quartile_box
{
	color: #555555;
}

.cont_candlechart > .quartile_box
{
	position: absolute;
	height: 100%;
	/* top: -1em; */
	z-index: -1;
	border: 1px solid;
	box-sizing: border-box;
	background: #292929;
	border-radius: 0.4em;
}

.cont_candlechart > .quartile_box:before,
.cont_candlechart > .quartile_box:after
{
	/* bottom: -1px; */
	position: absolute;
	font-size: 0.6em;
	/* bottom: unset; */
	top: -1px;
}

.cont_candlechart > .quartile_box:before
{
	content: "25%";
	left: 2px;
}

.cont_candlechart > .quartile_box:after
{
	content: "75%";
	right: 2px;
}

.cont_candlechart > .line
{
	background: currentColor;
	height: 1px;
	width: 100%;
}

.cont_volovertimechart
{
	/* border: 1px solid red; */
	/* height: 150%; */
	bottom: 0;
	/* position: absolute; */
	justify-content: center;
}

.cont_volovertimechart .volovertimeelement
{
	position: absolute;
	width: 0.4em;
	bottom: 0;
	transform: translateX(-50%);
}

.cont_volovertimechart .q
{
	position: absolute;
	background: #717171;
	height: 1px;
	width: 100%;
	left: 0;
	opacity: 0.6;
}

.cont_body_overview .svg_overlay,
.cont_body_overview .svg_overlay svg
{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 40;
	pointer-events: none;
}

.cont_body_overview .svg_overlay svg
{
	display: none;
}

.cont_body_overview .svg_overlay svg path
{
	stroke: currentColor;
}

.cont_musclemaps
{
	/* flex: 1 1; */
	display: flex;
	width: 100%;
	position: relative;
	/* height: 100%; */
	transition: height .2s;
}

.cont_body_overview .cont_musclemaps
{
	height: 17em;
}

.cont_body_overview .cont_musclemaps.small
{
	height: 14em;
}

.cont_musclemaps .wrapper_musclemap
{
	display: flex;
	align-items: flex-start;
	transition: opacity .7s;
	justify-content: center;
	transition: width .2s, height .2s, opacity .7s, right .2s, left .2s;
	height: 100%;
	position: relative;
	/* border: 1px solid; */
	flex: 1 1;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap
{
	position: absolute;
	width: 50%;
	outline: none;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap.mgstatsvisible
{
	width: 42%;
}

.cont_musclemaps .wrapper_musclemap:first-child
{
	left: 0;
}

.cont_musclemaps .wrapper_musclemap:last-child
{
	right: 0;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap .cont_musclemap
{
	transition: opacity .4s;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap.pills_visible .cont_musclemap
{
	opacity: 0;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap .cont_pills
{
	position: absolute;
	/* border: 1px solid; */
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 0.6em;
	gap: 0.3em;
	width: 100%;
	padding: 0em 0.6em;
	box-sizing: border-box;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap .cont_pills > .cap
{
	font-size: 2em;
	text-transform: uppercase;
	margin: 0 0 0.2em 0;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap .cont_pills .lcars_pill
{
	grid-template-columns: 4.6em 1fr;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap
{
	height: 100%;
	width: 95%;
}

.cont_musclemaps .wrapper_musclemap.active
{
	width: 100%;
	z-index: 40;
	height: calc(100vh - 12em);
	background: #000000b8;
}

.close_muscle_selection
{
	/* width: 1em; */
	/* height: 1em; */
	/* border: 1px solid; */
	display: none;
	position: absolute;
	right: 0.5em;
	font-size: 1.8em;
	top: 0.6em;
	cursor: pointer;
	z-index: 1000;
}

.close_muscle_selection:before
{
	content: "close";
	text-transform: uppercase;
}

.WOP_content.muscleselectionactive .close_muscle_selection
{
	display: flex;
}

.cont_musclemaps .wrapper_musclemap.inactive
{
	opacity: 0.5;
	pointer-events: none;
	filter: grayscale(0.6);
}

.cont_musclemaps .wrapper_musclemap.hidden
{
	opacity: 0;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner
{
	position: absolute;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap .cont_musclemap svg
{
	pointer-events: none;
}

.cont_body_overview .cont_musclemaps .wrapper_musclemap.active .cont_musclemap svg
{
	pointer-events: all;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap svg path
{
	fill: currentColor;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path
{
	color: var(--col-lcars-background-color);
	transition: color .5s;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path.hidden
{
	color: var(--col-lcars-background-color);
}

.cont_musclemaps .wrapper_musclemap.active .cont_musclemap.outer svg path
{
	animation: pathfadeout .6s 1;
	/* animation-iteration-count: 1; */
}

.cont_musclemaps .wrapper_musclemap.active .cont_musclemap.inner svg path
{
	stroke: yellow;
	stroke-dasharray: 2160px;
	/* transition: stroke-dashoffset 1s; */
	animation: pathstrokehighlight .6s 1;
	stroke-linecap: round;
}
@keyframes pathfadeout
{
	0%
	{
		opacity: 1;
	}
	
	50%
	{
		opacity: 0.15;
	}
	
	100%
	{
		opacity: 1;
	}
}

@keyframes pathstrokehighlight
{
	0%
	{
		stroke-width: 0px;
		stroke-dashoffset: 2520px;
		/* filter: drop-shadow(0px 0px 8px yellow); */
		fill: currentColor;
	}
	
	50%
	{
		stroke-width: 20px;
		/* filter: drop-shadow(0px 0px 8px yellow); */
		fill: transparent;
	}
	
	100%
	{
		stroke-width: 0px;
		stroke-dashoffset: 0;
		/* filter: drop-shadow(0px 0px 8px yellow); */
		fill: currentColor;
	}
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path.deload_recommended,
.cont_body_overview .legend .col.deload_recommended
{
	color: var(--col-deload);
	/* animation: deloadglow_highlight 2s infinite; */
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path.currently_deloading,
.cont_body_overview .legend .col.currently_deloading
{
	color: var(--col-deload);
	animation: deloadglow_highlight 2s infinite;
}

.cont_musclemaps .wrapper_musclemap .cont_musclemap.inner svg path.deload_done,
.cont_body_overview .legend .col.deload_done
{
	color: var(--col-passeddays-highlight-3);
	animation: deloadglow_highlight 2s infinite;
}

.cont_body_overview .legend
{
	font-size: .5em;
	/* display: flex; */
	/* flex-direction: column; */
	align-items: center;
	/* display: grid; */
	/* grid-template-columns: 2em 1fr; */
	display: flex;
	margin: 1em 0 0 0;
	flex-wrap: wrap;
	justify-content: center;
}

.cont_body_overview .legend .legenditem
{
	display: flex;
	align-items: center;
	white-space: nowrap;
	margin-bottom: .5em;
}

.cont_body_overview .legend .legenditem .col
{
	background-color: currentColor;
	width: 1em;
	height: 1em;
	margin: 0 .3em 0 0;
}

.cont_body_overview .legend .legenditem .cap
{
	color: var(--col-accent1);
	text-align: left;
	margin: 0 1em 0 0;
}

.legendbar,
.recentworkoutsbar
{
	width: calc(100% - 0.5em);
	/* height: 2em; */
	position: absolute;
	/* display: none; */
	left: 0;
	top: 19em;
	z-index: 30;
	/* background: var(--col-lcars-background-color); */
	/* display: flex; */
	height: 45px;
	/* display: none; */
	outline: none;
}

.recentworkoutsbar
{
	/* top: 470px; */
	/* position: relative; */
	top: 0;
	left: 0;
	/* pointer-events: none; */
}

.WOP_content.muscleselectionactive .legendbar,
.WOP_content.muscleselectionactive .cont_recent_workouts
{
	z-index: 10;
}

.legendbar > svg,
.recentworkoutsbar > svg
{
	width: 100%;
	height: 100%;
	position: absolute;
	/* background-color: var(--col-lcars-background-color); */
	z-index: 10;
	/* pointer-events: none; */
}

.legendbar svg path,
.recentworkoutsbar svg path
{
	fill: var(--col-accent1);
}

.legendbar svg path.pathborder,
.recentworkoutsbar svg path.pathborder
{
	fill: var(--col-lcars-background-color);
}

.legendbar > .inner,
.recentworkoutsbar > .inner
{
	max-width: calc(100% - 30px - 1em);
	position: absolute;
	left: 30px;
	box-sizing: border-box;
	height: 20px;
	/* background-color: var(--col-accent1); */
	display: flex;
	z-index: 10;
}

.legendbar > .inner
{
	margin: 20px 0 0 0;
}

.recentworkoutsbar > .inner
{
	margin: 3px 0 0 4px;
	display: flex;
	justify-content: flex-end;
	transition: width var(--val-recentworkouts-transition-duration);
	/* font-weight: bold; */
}

.recentworkoutsbar > .inner .cap
{
	text-transform: uppercase;
	/* padding: 0 0.2em; */
	font-size: 1.3em;
	line-height: 0.9em;
	color: var(--col-accent2);
	white-space: nowrap;
	position: absolute;
	left: 0;
	opacity: 0;
	transition-property: opacity, transform;
	transition-duration: var(--val-recentworkouts-transition-duration);
	transform: translateX(20px);
	/* font-weight: bold; */
}

.recentworkoutsbar > .inner .cap:first-child
{
	transform: translateX(-20px);
}

.recentworkoutsbar > .inner .cap.active
{
	opacity: 1;
	transform: none;
}

.legendbar .inner .innerinner,
.recentworkoutsbar .inner .innerinner
{
	width: 100%;
	height: 100%;
	/* overflow: hidden; */
}

.WOP_content.mgdetailsvisible .legendbar .inner .innerinner .cont_legenditems
{
	transform: translateY(-100%);
	opacity: 0;
}

.WOP_content.mgdetailsvisible .legendbar .inner .innerinner .cont_mgdetails
{
	transform: translateY(-100%);
	opacity: 1;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	pointer-events: all;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.WOP_content.mgdetailsvisible .legendbar .inner .innerinner .cont_mgdetails::-webkit-scrollbar
{
	display: none;
}

.WOP_content.mgdetailsvisible .legendbar .inner .innerinner .cont_mgdetails .paddingdummy
{
	min-width: 20em;
}

.WOP_content .legendbar .inner .innerinner .cont_legenditems
{
	transform: translateY(0);
	opacity: 1;
	flex-direction: column;
}

.WOP_content .legendbar .inner .innerinner .cont_mgdetails
{
	transform: translateY(0);
	opacity: 0;
	pointer-events: none;
}

.WOP_content .legendbar .inner .innerinner .cont_legenditems .subcont
{
	min-height: 100%;
}

.WOP_content .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats,
.WOP_content .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats_candlechart,
.WOP_content .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats_volovertime
{
	opacity: 0;
}

.WOP_content[data-visiblelegend="mgstats"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats
{
	transform: translateY(-100%);
	opacity: 1;
}

.WOP_content[data-visiblelegend="mgstats"] .legendbar .inner .innerinner .cont_legenditems .subcont.dayspassed
{
	transform: translateY(-100%);
	opacity: 0;
}

.WOP_content[data-visiblelegend="candlechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats,
.WOP_content[data-visiblelegend="volovertimechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats
{
	transform: translateY(200%);
	opacity: 0;
}

.WOP_content[data-visiblelegend="candlechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.dayspassed,
.WOP_content[data-visiblelegend="volovertimechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.dayspassed
{
	transform: translateY(-100%);
	opacity: 0;
}

.WOP_content[data-visiblelegend="candlechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats_candlechart
{
	transform: translateY(-200%);
	opacity: 1;
}

.WOP_content[data-visiblelegend="volovertimechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats_candlechart
{
	transform: translateY(-300%);
	opacity: 0;
}

.WOP_content[data-visiblelegend="volovertimechart"] .legendbar .inner .innerinner .cont_legenditems .subcont.mgstats_volovertime
{
	transform: translateY(-300%);
	opacity: 1;
}

.legendbar .inner .innerinner .cont_legenditems,
.legendbar .inner .innerinner .cont_mgdetails,
.WOP_content .legendbar .inner .innerinner .cont_legenditems > .subcont
{
	width: 100%;
	display: flex;
	height: 100%;
	transition: transform 0.3s, opacity .3s;
}

.legendbar .inner .legendbaritem
{
	position: relative;
	border-left: 0.2em solid var(--col-lcars-background-color);
	/* width: 33%; */
	transition: width .5s, min-width .5s;
	min-width: 4.2em;
	display: flex;
	justify-content: center;
	/* overflow: hidden; */
	box-sizing: border-box;
	/* min-width: 0; */
}

.legendbar .inner .subcont.mgstats .legendbaritem
{
	/* flex: 1 1; */
	min-width: 3em;
}

.legendbar.notransition .inner .legendbaritem
{
	transition: none;
}

.legendbar .inner .innerinner .cont_mgdetails
{
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
	overflow: auto;
	/* display: block; */
	/* padding-right: 10em; */
	/* box-sizing: border-box; */
}

.legendbar .inner .innerinner .cont_mgdetails .legendbaritem
{
	min-width: 12em;
	/* min-width: unset; */
	/* width: auto; */
}

.legendbar .inner .innerinner .cont_mgdetails .legendbaritem.selected
{
	min-width: 100%;
}

.legendbar .inner .innerinner .cont_mgdetails .legendbaritem .cap
{
	position: relative;
}

.legendbar .inner .legendbaritem[data-highlightclass="0"]
{
	min-width: 6.7em;
}

.legendbar .inner .legendbaritem[data-highlightclass="4"]
{
	/* min-width: 3.6em; */
}

.legendbar .inner > .endcap,
.recentworkoutsbar .inner > .endcap
{
	height: 100%;
	min-width: 1em;
	background: currentColor;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	border-left: 4px solid var(--col-lcars-background-color);
	color: var(--col-accent1);
}

.recentworkoutsbar .inner > .endcap
{
	/* color: var(--col-accent2); */
}

.legendbar .inner .mgdetailsbar
{
	position: absolute;
	left: 0;
	height: 100%;
	/* width: 100%; */
	width: 0;
	z-index: 10;
	border-left: 4px solid var(--col-lcars-background-color);
	transition: width .5s;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-content: flex-start;
	background-color: currentColor;
	overflow: hidden;
}

.legendbar .inner .mgdetailsbar > .endcap
{
	width: 1em;
	height: 100%;
	position: absolute;
	right: 0;
	border-left: 4px solid var(--col-lcars-background-color);
}

.legendbar .inner .mgdetailsbar .cap
{
	background: var(--col-lcars-background-color);
	color: inherit;
	padding: 0px 0.3em;
	margin: 0 0 0 7px;
	height: calc(100% + 0.3em);
	display: flex;
	align-items: center;
}

.legendbar .inner .mgdetailsbar .cap_inner
{
	line-height: 0.8em;
	text-transform: uppercase;
	white-space: nowrap;
}

.WOP_content.mgdetailsvisible .legendbar .inner .mgdetailsbar
{
	/* width: 100%; */
	width: calc(100% - .2em);
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	display: none;
}

.legendbar .inner .legendbaritem .col
{
	width: 100%;
	position: absolute;
	height: 100%;
	background-color: currentColor;
}

.legendbar .inner .legendbaritem .cap
{
	display: flex;
	justify-content: center;
	position: absolute;
	width: auto;
	height: calc(100% + .3em);
	z-index: 1;
	color: var(--col-lcars-background-color);
	/* font-weight: var(--val-font-weight-600); */
	background-color: var(--col-lcars-background-color);
	color: currentColor;
	/* text-transform: uppercase; */
	/* font-size: 1em; */
	/* line-height: 0.8em; */
	padding: 0 0.3em;
	color: currentColor;
	color: inherit;
	font-size: 20px;
}

.legendbar .inner .legendbaritem .cap .cap_inner
{
	text-transform: uppercase;
	line-height: 0.8em;
	white-space: nowrap;
}

.legendbar .inner .legendbaritem .cap .cap_inner.umlaut
{
	line-height: 1em; /* make umlaut dots visible*/
}

.legendbar .inner .legendbaritem .btn.opendailyreport
{
	height: 100%;
	background-color: currentColor;
	min-height: unset;
	text-transform: uppercase;
	font-size: 1em;
	transition: width .5s;
	width: 0;
	border-left: 4px solid var(--col-lcars-background-color);
	border-right: 4px solid var(--col-lcars-background-color);
}

.legendbar .inner .legendbaritem.selected .btn.opendailyreport
{
	width: 7em;
}

.legendbar .inner .legendbaritem .btn.opendailyreport .inner
{
	color: var(--col-lcars-background-color);
	margin-top: -3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: clip;
}

.legendbar .shadybg
{
	position: absolute;
	right: 0;
	bottom: 1px;
	width: calc(100% - 10px);
	height: calc(100% - 43px);
	background: rgba(0, 0, 0, 0.75);
}

.legendbar .mg_info
{
	/* width: 50%; */
	/* margin: 1.8em 0 0 0; */
	display: none;
	position: absolute;
	left: 76px;
	top: 42px;
	/* border: 1px solid; */
	overflow: hidden;
	/* transition: height .5s; */
	/* height: 0; */
	/* height: 5em; */
	z-index: 20;
}

.legendbar .mg_info .cont_lcars_progressbar
{
	/* top: -32px; */
	/* top: 0; */
	left: 0;
	position: relative;
	transition: transform .5s;
}

.legendbar .mg_info .mg_stats
{
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr; */
	font-size: 0.7em;
	text-align: left;
	color: var(--col-accent2);
	width: 100%;
	margin: 1em 0 0 1.2em;
	position: absolute;
}

.legendbar .mg_info .mg_stats .maincap
{
	display: flex;
	justify-content: center;
}

.legendbar .mg_info .mg_stats .maincap .musclegroup
{
	margin: 0 0.2em 0 0;
}

.legendbar .mg_info .mg_stats .cap
{
	/* color: var(--col-lightgray); */
	/* line-height: 1.4em; */
}

.legendbar .mg_info .mg_stats .lcars_pill
{
	grid-template-columns: 8em 1fr;
	margin: 0em 0 0.3em 0;
}

.legendbar .mg_info .mg_stats.medium .lcars_pill
{
	grid-template-columns: 10em 1fr;
}

.legendbar .mg_info .mg_stats.long .lcars_pill
{
	grid-template-columns: 11em 1fr;
}

.legendbar .mg_info .mg_stats .progressbar.volleft .cap.over
{
	display: none;
}

.legendbar .mg_info .mg_stats .progressbar .cap
{
	color: inherit;
}

.legendbar .mg_info .mg_stats .val
{
	margin: 0 0 0 .2em;
}

.legendbar .mg_info .mg_stats .val.exc .musclestatus_bar
{
	position: relative;
	top: 0;
	margin: 0.2em 0 0.5em 0;
}

.legendbar .mg_info .mg_stats .val.status[data-status="deloading"],
.legendbar .mg_info .mg_stats .val.status[data-status="deload recommended"]
{
	color: var(--col-deload);
}

.legendbar .mg_info .mg_stats .val.status[data-status="deloading"]
{
	animation: deloadglow_highlight_darker 1.2s infinite;
}

.WOP_content .wrapper_body_overview
{
	font-size: 1.3em;
	box-sizing: border-box;
	z-index: 20;
	width: calc(100% - var(--val-lcars-border-inner-width));
	position: absolute;
	left: var(--val-lcars-border-inner-width);
	top: var(--val-sticky-header-height);
	background-color: var(--col-lcars-background-color);
	height: 100%;
}

.WOP_content .empty_msg
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	font-size: 1.3em;
	text-align: center;
	background-color: var(--col-lcars-background-color);
	display: none;
	z-index: 20;
	padding: var(--val-sticky-header-height) 0em calc(var(--val-collapsible-drag-handle-height) + 1em) calc(var(--val-lcars-border-inner-width) + 0em);
	/* padding: var(--val-sticky-header-height) 1em var(--val-collapsible-drag-handle-height) calc(var(--val-lcars-border-inner-width) + 1em); */
	box-sizing: border-box;
}

.WOP_content .entrycontent#exc_entries .empty_msg
{
	color: var(--col-accent1);
}

.WOP_content .entrycontent#tagesauswertung .empty_msg
{
	color: var(--col-accent2);
}

.WOP_content .entrycontent.empty#tagesauswertung .empty_msg
{
	display: block;
}

.WOP_content .cont_recent_workouts
{
	/* border: 1px solid; */
	width: 100%;
	flex: 1 1;
	/* margin-top: 2.5em; */
	box-sizing: border-box;
	/* overflow: auto; */
	display: flex;
	/* flex-direction: column; */
	/* padding: 0 0.6em; */
	color: var(--col-accent2);
	position: relative;
	z-index: 40;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 171px;
	padding: 0 0 0 0px;
	opacity: 0;
	transition: opacity .2s;
	/* display: none; */
}

.WOP_content .cont_recent_workouts.visible
{
	opacity: 1;
}

.WOP_content .cont_recent_workouts:before
{
	content: "";
	/* border: 1px solid white; */
	position: absolute;
	left: 10px;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 6%, transparent 25%, transparent 80%, rgba(0,0,0,0) 100%);
	z-index: 10;
	pointer-events: none;
}

.WOP_content .cont_recent_workouts > .inner
{
	overflow: auto;
	width: calc(100% - 18px);
	height: calc(100% - 31px);
	position: absolute;
	/* display: flex; */
	/* flex-direction: column; */
	/* padding: 30px 0 0 0; */
	left: 18px;
	box-sizing: border-box;
	top: 30px;
	z-index: 40;
	transition-property: opacity, transform;
	transition-duration: var(--val-recentworkouts-transition-duration);
	transform: translateX(20px);
	opacity: 0;
	pointer-events: none;
}

.WOP_content .cont_recent_workouts > .inner:first-child
{
	transform: translateX(-20px);
}

.WOP_content .cont_recent_workouts > .inner.active
{
	transform: translateX(0);
	opacity: 1;
	pointer-events: all;
}

.WOP_content .cont_recent_workouts .inner .dailyreport,
.WOP_content .cont_recent_workouts .inner .missedexercise
{
	display: flex;
	font-size: 0.8em;
	/* text-transform: uppercase; */
	/* margin: 0 0 0.2em 0; */
	transition: height .2s;
	overflow: hidden;
	height: 1.3em;
	/* border: 1px solid; */
	flex: 1 1;
	/* min-height: 1.3em; */
}

.WOP_content .cont_recent_workouts .inner .dailyreport.hidden
{
	height: 0;
}

.WOP_content .cont_recent_workouts .inner .dailyreport:active
{
	color: var(--col-lcars-background-color);
	background-color: var(--col-accent2);
}

.WOP_content .cont_recent_workouts .inner .dailyreport:nth-child(1)
{
	filter: brightness(1.2);
}

.WOP_content .cont_recent_workouts .inner .dailyreport:nth-child(n+3)
{
	opacity: .7;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .txt_date
{
	margin: 0 0.5em 0 0;
	/* border-left: 5px solid; */
	/* padding: 0 0 0 6px; */
	opacity: 0.7;
	white-space: nowrap;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .txt_time
{
	margin: 0 0.5em 0px 0;
	/* border-left: 5px solid; */
	/* padding: 0 0 0 6px; */
	opacity: 0.7;
	display: flex;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .txt_time .txt_time_start:after
{
	content: "-";
	margin: 0 .1em;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .cont_mg
{
	display: flex;
	position: relative;
	min-width: 0;
	flex: 1 1;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .cont_mg:after
{
	content: "";
	height: 100%;
	width: 1.8em;
	/* background: red; */
	position: absolute;
	right: 0;
	background: linear-gradient(90deg, transparent, var(--col-lcars-background-color));
	/* border: 1px solid; */
}

.WOP_content .cont_recent_workouts .inner .dailyreport .cont_mg .el_mg
{
	/* margin: 0 .5em 0 0; */
}

.WOP_content .cont_recent_workouts .inner .dailyreport .cont_mg .el_mg:after
{
	content: "•";
	margin: 0 0.1em;
}

.WOP_content .cont_recent_workouts .inner .dailyreport .cont_mg .el_mg:last-child:after
{
	display: none;
}

.WOP_content .cont_recent_workouts .inner .missedexercise
{
	display: grid;
	grid-template-columns: 6.5em 1.8fr 1fr 1fr;
}

.WOP_content .cont_recent_workouts .inner .missedexercise .txt
{
	overflow: hidden;
	text-overflow: ellipsis;
}

.WOP_content .cont_recent_workouts .inner .missedexercise.header
{
	height: auto;
	color: var(--col-gray);
	margin: 0 0 0.2em 0;
}

.WOP_content .cont_recent_workouts .inner .missedexercise.header .txt
{
	font-size: 1.2em;
}

.WOP_content .empty_msg .quote
{
	/* font-style: italic; */
	font-size: 0.7em;
}

.WOP_content .empty_msg .quotecredit
{
	font-size: .7em;
	margin: .5em 0 0 0;
}

.WOP_content.mgdetailsvisible .quote,
.WOP_content.mgdetailsvisible .quotecredit,
.WOP_content.mgdetailsvisible .entryinfo,
.WOP_content.mgdetailsvisible .cont_body_overview .legend
{
	display: none;
}

.WOP_content.mgdetailsvisible .legendbar .mg_info,
.WOP_content.mgdetailsvisible .cont_body_overview .svg_overlay svg
{
	display: block;
}

.WOP_content.empty #exc_entries > .empty_msg/*,*/
/* .WOP_content.empty #exc_entries > .legendbar, */
/* .WOP_content.empty #exc_entries > .cont_recent_workouts, */
/* .WOP_content #tagesauswertung.empty .empty_msg */
{
	display: flex;
	flex-direction: column;
}

.txt_perc_got_better
{
	/* display: inline; */
	font-size: .8em;
}

.auswertung_musclegroup
{
}

.auswertung_musclegroup h3
{
	margin: 0em 0;
}

.auswertung_musclegroup .cont_mg_vol_pills
{
	margin: 1em 0;
}

.auswertung_musclegroup .cont_mg_vol_pills > div
{
	margin: 0 0 0.3em 0;
}

.auswertung_musclegroup .cont_mg_vol_pills .lcars_pill
{
	grid-template-columns: 4.9em 1fr;
}

.auswertung_musclegroup .cont_mg_vol_pills .lcars_pill.highscore .val .val_inner:before,
.auswertung_musclegroup .cont_mg_vol_pills .lcars_pill.better .val .val_inner:before
{
	opacity: 1;
}

.auswertung_musclegroup .cont_chart,
.auswertung_volume .cont_chart
{
	height: 16em;
}

.auswertung_musclegroup .cont_chart canvas,
.auswertung_musclegroup .cont_vol_chart canvas
{
	height: 100%;
}

.overlay_chart
{
	padding-top: 1em;
}

.overlay_chart .overlay_inner
{
	height: 100%;
	pointer-events: none;
}

.overlay_chart .cont_chart
{
	flex: 1 1;
	/* height: 10em; */
	width: 100%
}

.overlay_timer
{
	padding: 0em;
	/* z-index: 200; */
	z-index: 16;
	background-color: var(--col-lcars-background-color);
}

.overlay_timer.ontop
{
	z-index: 20;
}

.overlay_timer .pd_overlay_logo
{
	position: absolute;
	z-index: 10000000;
	/* left: 30px; */
	top: 7px;
	width: 11.6em;
	height: 1.4em;
	background: url(../unrestricted/logo_prolodeck_v3.png) no-repeat 0 50% / auto 100%;
	/* border: 1px solid white; */
}

.overlay_timer .overlay_inner
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2000;
	background-color: unset;
	box-shadow: none;
	padding: 0;
	overflow: hidden;
}

.overlay_timer .cont_mg_cycle_indicators
{
	/* width: 10em; */
	/* height: 0.5em; */
	/* border: 1px solid white; */
	position: absolute;
	display: flex;
	top: 1em;
	right: 5em;
}

.overlay_timer .cont_mg_cycle_indicators .indicator
{
	background: var(--col-accent1);
	height: 0.3em;
	width: 0.3em;
	border-radius: 1em;
	transition: width .5s, opacity .5s;
	margin: 0 0.2em 0 0;
	opacity: 0.5;
}

.overlay_timer .cont_mg_cycle_indicators .indicator.active
{
	width: 0.8em;
	opacity: 1;
}

.overlay_timer .cont_autoplaybuttons
{
	position: absolute;
	right: 1em;
	/* border: 1px solid white; */
	/* width: 7em; */
	width: 5em;
	display: flex;
	top: .7em;
	height: 1.4em;
	z-index: 1500;
	font-size: .8em;
}

.overlay_timer .cont_autoplaybuttons .btn
{
	height: 100%;
	flex: 1 1;
	width: unset;
	background-color: var(--col-accent1);
	font-size: .7em;
	border: 1px solid;
	border-radius: 1em;
}

.overlay_timer .cont_autoplaybuttons .btn.pause_muscle_stats:before
{
	content: "pause";
}

.overlay_timer .cont_autoplaybuttons .btn.pause_muscle_stats[data-val="1"]:before
{
	content: "play";
}

.overlay_timer .cont_autoplaybuttons .btn.pause_muscle_stats[data-val="1"]
{
	background-color: unset;
	color: var(--col-accent1);
}

/* .overlay_timer .cont_autoplaybuttons .btn:first-child */
/* { */
	/* border-top-left-radius: 1.3em; */
	/* border-bottom-left-radius: 1.3em; */
	/* border: 1px solid var(--col-accent1); */
	/* box-sizing: border-box; */
	/* border-top-right-radius: unset; */
	/* border-bottom-right-radius: unset; */
/* } */

/* .overlay_timer .cont_autoplaybuttons .btn:last-child */
/* { */
	/* border-top-right-radius: 1em; */
	/* border-bottom-right-radius: 1em; */
	/* border-left: var(--val-lcars-border-margin) solid var(--col-lcars-background-color); */
	/* border-top-left-radius: unset; */
	/* border-bottom-left-radius: unset; */
/* } */

/* .overlay_timer .pause_muscle_stats */
/* { */
	/* display: flex; */
	/* cursor: pointer; */
	/* position: absolute; */
	/* right: 10%; */
	/* top: 5%; */
	/* z-index: 1500; */
/* } */

/* .overlay_timer .pause_muscle_stats > div */
/* { */
	/* width: .3em; */
	/* height: 1em; */
	/* background-color: var(--col-accent1); */
	/* margin: 0 .2em 0 0; */
/* } */

/* .overlay_timer .pause_muscle_stats[data-val="0"] > div:first-child */
/* { */
	/* width: 0; */
	/* height: 0; */
	/* border-left: .8em solid var(--col-accent1); */
	/* border-top: 0.5em solid rgba(0,0,0,0); */
	/* border-bottom: 0.5em solid rgba(0,0,0,0); */
	/* background-color: unset; */
/* } */

/* .overlay_timer .pause_muscle_stats[data-val="0"] > div:last-child */
/* { */
	/* display: none; */
/* } */

.overlay_timer .overlay_inner .scrollwrapper
{
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
	max-height: 100%;
	scroll-snap-type: x mandatory;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	/* overflow-x: auto; */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.overlay_timer .overlay_inner .scrollwrapper::-webkit-scrollbar
{
	display: none;
}

.overlay_timer .overlay_inner .scrollwrapper > div
{
	/* position: absolute; */
	scroll-snap-align: start;
	position: relative;
	width: 100%;
	min-width: 100%;
	height: 99% /*fixes vert mini scroll issues*/;
	max-height: 100% /*avoid vertical scrolling in .scrollwrapper above*/;
	/* box-sizing: border-box; */
	/* border: 1px solid white; */
	scroll-snap-stop: normal;
	scroll-snap-stop: always;
}

.overlay_timer .overlay_inner .scrollwrapper > div:first-child
{
	
}

.overlay_timer .overlay_inner .scrollwrapper > div:last-child
{
}

.overlay_timer .overlay_inner .scrollwrapper .exc_entries .cont_tbl
{
	height: calc(100% - 1em);;
}

.overlay_timer .overlay_inner .scrollwrapper .exc_entries .cont_tbl .subcont_tbl
{
	padding: .4em 1em;
	overflow: auto;
	height: 100%;
	box-sizing: border-box;
}

.overlay_timer .overlay_inner .scrollwrapper .exc_set_chart
{
	display: flex;
	flex-direction: column;
}

.overlay_timer .overlay_inner .scrollwrapper .exc_set_chart .cap
{
	display: flex;
	gap: .5em;
	justify-content: center;
	display: none;
}

.overlay_timer .overlay_inner .scrollwrapper .exc_set_chart .subcap.today
{
	color: var(--col-accent2);
}

.overlay_timer .overlay_inner .scrollwrapper .exc_set_chart .subcap.vgldate
{
	color: #656565;
}

.overlay_timer .overlay_inner .scrollwrapper .exc_set_chart canvas
{
	min-height: 0;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info

{
	width: 100%;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	z-index: 10;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .cont_svg
{
	width: 100%;
	height: 100%;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .musclestatus
{
	font-size: 1.2em;
	position: absolute;
	color: var(--col-accent1);
	display: flex;
	align-items: center;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .musclestatus > .lcars_pill
{
	grid-template-columns: 1fr 1fr;
}

.musclestatus_bar
{
	position: absolute;
	width: 5em;
	/* border: 1px solid; */
	display: flex;
	align-items: flex-end;
	left: 0;
	top: 1.8em;
	/* height: 1.8em; */
	justify-content: space-between;
	flex-direction: column;
}

.progressbar
{
	position: relative;
	width: 100%;
	/* height: 0.7em; */
	min-height: 0.7em;
	/* background-color: var(--col-accent3); */
	top: 0;
	/* border-top-right-radius: .5em; */
	/* border-bottom-right-radius: .5em; */
	display: flex;
	align-items: center;
	box-sizing: border-box;
	/* border: 1px solid; */
	margin: .1em 0 .1em 0;
}

.progressbar.setcompare,
.progressbar.perc
{
	margin: 0;
	height: 100%;
}

.progressbar.setcompare .cap,
.progressbar.perc .cap
{
	font-size: 0.9em;
	margin-top: -0.1em;
	font-weight: var(--val-font-weight-600);
}

.progressbar.setcompare .inner,
.progressbar.perc .inner
{
	border: 1px solid;
	box-sizing: border-box;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	overflow: hidden;
	/* background: #39414d; */
	background: #b4cef242;
	border-left: none;
}

.progressbar.volleft
{
	margin: 0;
}

.progressbar.volleft[data-cap="left until highscore"]
{
	animation: volleftglow 1s infinite;
	color: var(--col-highscore);
}

.progressbar.volleft .inner .innerinner
{
	background-color: unset !important;
	border: 1px solid;
	color: inherit;
}

.progressbar.setcompare .inner .innerinner
{
	/* overflow: visible; */
	background-color: currentColor;
}

/* .progressbar.setcompare .inner .innerinner:before */
/* { */
	/* content: ""; */
	/* border-bottom: 6px solid rgba(0,0,0,0); */
	/* border-top: 6px solid rgba(0,0,0,0); */
	/* display: block; */
	/* position: absolute; */
	/* top: 0px; */
/* } */

.progressbar.setcompare.pos .inner .innerinner
{
	left: 50%;
	color: var(--col-accent3);
}

/* .progressbar.setcompare.pos .inner .innerinner:before */
/* { */
	/* border-left: 5px solid currentColor; */
	/* right: -5px; */
/* } */

.progressbar.setcompare.neg .inner .innerinner
{
	right: 50%;
	color: var(--col-gray);
}

/* .progressbar.setcompare.neg .inner .innerinner:before */
/* { */
	/* border-right: 5px solid currentColor; */
	/* left: -5px; */
/* } */

.progressbar.volleft .cap
{
	margin: 1.5em 0 0 0;
}

.progressbar.setcompare .cap.over
{
	display: none;
}

.progressbar.setcompare .cap.under
{
	top: unset;
}

.progressbar.setcompare.pos .cap.under
{
	right: calc(50% + 0.2em);
	left: unset;
}

.progressbar.setcompare.neg .cap.under
{
	right: unset;
	left: calc(50% + 0.2em);
}

.progressbar.perc .cap
{
	top: unset;
}

.progressbar .inner
{
	position: absolute;
	height: 100%;
}

.progressbar .inner .zeroline
{
	border-left: 1px solid;
	position: absolute;
	left: 50%;
	height: 100%;
}

.progressbar .inner.volleft
{
	height: 40%;
	bottom: -45%;
}

.progressbar .inner .innerinner
{
	background-color: var(--col-accent3);
	color: var(--col-lcars-background-color);
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
	display: flex;
	align-items: center;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	border: 1px solid var(--col-accent2);
	box-sizing: content-box;
	margin-top: -1px;
}

.progressbar.setcompare.neg .inner .innerinner
{
	border-top-right-radius: 0em;
	border-bottom-right-radius: 0em;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
}

.progressbar .inner.volleft .innerinner
{
	background-color: unset;
	border: 1px solid var(--col-accent1);
	border-top: none;
	border-bottom-left-radius: .2em;
	border-bottom-right-radius: .2em;
}

.progressbar .inner .innerinner .cap.over
{
	color: var(--col-lcars-background-color);
	color: var(--col-accent2);
	/* font-weight: var(--val-font-weight-600); */
	/* margin-top: -1px; */
	margin-left: -1px;
}

.progressbar.better .inner .innerinner
{
	background-color: var(--col-svg-muscle-better);
}

.progressbar.highscore .inner .innerinner
{
	background-color: var(--col-svg-muscle-highscore);
}

.progressbar .cap
{
	font-size: 0.5em;
	white-space: nowrap;
	position: absolute;
	left: 3px;
	top: 0em;
}

.progressbar.perc.lcars
{
	
}

.progressbar.perc.lcars .inner
{
	
}

.progressbar.perc.lcars .inner .cont_svg_perc_lcars
{
	width: 100%;
	height: 100%;
}

.progressbar.perc.lcars .inner .cont_svg_perc_lcars svg path.perc_element
{
	fill: white;
	stroke: none;
}

.lcars_pill .vol.volumeuntilthissetgauge
{
	min-height: 2.8em;
}

.cont_gauge
{
	border: 1px solid;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	flex-direction: column;
}

.cont_gauge .cont_perc_text
{
	height: 1em;
}

.cont_gauge .gauge
{
	/* border: 1px solid; */
	width: 2.5em;
	height: 1.25em;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	/* box-sizing: border-box; */
	--transition-duration: .4s;
	transition: opacity var(--transition-duration);
	opacity: 0;
	margin: 0 0 0.2em 0;
}

.cont_gauge .gauge.visible
{
	opacity: 1;
}

.cont_gauge .gauge .outer
{
}

.cont_gauge .gauge .indicator
{
	background: currentColor;
	width: 1px;
	height: 100%;
	position: absolute;
	bottom: 0;
	transform-origin: bottom center;
	/* transform: rotate(25deg); */
	transition: transform var(--transition-duration);
}

.cont_gauge .gauge .cont_svg_gauge
{
	width: 100%;
	height: 100%;
}

.cont_gauge .gauge .cont_svg_gauge svg path.gauge_outer
{
	stroke: currentColor;
	/* stroke-width: 1px; */
	opacity: 0.4;
}

.cont_gauge .gauge .cont_svg_gauge svg path.gauge_perc_indicator
{
	stroke-width: 7px;
	fill: none;
	stroke-dasharray: 19px;
	transition: stroke-dashoffset var(--transition-duration);
	stroke-dashoffset: 19;
}

.cont_gauge .gauge .cont_svg_gauge svg path.gauge_perc_indicator.pos
{
	stroke: var(--col-better);
	stroke-dashoffset: 19;
}

.cont_gauge .gauge .cont_svg_gauge svg path.gauge_perc_indicator.neg
{
	stroke: var(--col-gray);
	stroke-dashoffset: -19;
	/* stroke-dashoffset: -19; */
}

.musclestatus_bar .tick
{
	font-size: .6em;
}

/* .overlay_timer .overlay_inner .cont_svg_overlay_info .musclestatus, */
/* .overlay_timer .overlay_inner .cont_svg_overlay_info .cont_perc_circ, */
/* .overlay_inner .cont_svg_overlay_info path.musclepath */
/* .overlay_inner .fadeopacity */
.overlay_timer .overlay_inner .cont_svg_overlay_info > *
{
	transition: opacity .3s;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info > .hidden
{
	opacity: 0;
	pointer-events: none;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info svg
{
	width: 100%;
	height: 100%;
}

@keyframes strokepulse
{
	0%
	{
		stroke-dashoffset: 90;
	}
	
	60%
	{
		stroke-dashoffset: 90;
	}
	
	100%
	{
		stroke-dashoffset: 1200;
	}
}

.overlay_timer .overlay_inner .cont_svg_overlay_info svg path.musclepath
{
	stroke: var(--col-accent1);
	stroke-width: 1px;
	/* stroke-dasharray: 340; */
	/* stroke-dashoffset: 340; */
	fill: none;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info svg path.musclepath.pulse
{
	stroke-dasharray: 90, 1000;
	/* stroke-dashoff */
	transition: none;
	stroke: white;
	stroke-width: 1.5px;
	opacity: 0;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info svg path.musclepath.pulse.active
{
	animation: strokepulse 3s infinite linear;
	opacity: 1;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats
{
	position: absolute;
	z-index: 100;
	color: var(--col-accent2);
	display: grid;
	font-size: 1em;
	width: 11em;
	align-items: center;
	grid-gap: 0.4em 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0 0 0 0.2em;
	bottom: 3em;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats.touched
{
	transition: none;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats .cont_bracket
{
	position: absolute;
	left: -0.8em;
	top: -1em;
	width: calc(100% + 1.6em);
	height: calc(100% + 2em);
	transition: transform .07s, opacity .07s;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats .cont_bracket svg
{
	width: 100%;
	height: 100%;
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats .cont_bracket svg path
{
	fill: var(--col-accent2);
}

.overlay_timer .overlay_inner .cont_svg_overlay_info .exc_stats.touched .cont_bracket
{
	transform: scale(1.05);
	opacity: .5;
}

.overlay_timer .overlay_inner .wrapper_musclemap
{
	position: absolute;
	width: 60%;
	height: 100%;
	top: 0;
	right: 3%;
	display: flex;
	/* transition-delay: 0; */
	transition: opacity .7s;
	justify-content: center;
	align-items: center;
}

.overlay_timer .overlay_inner .wrapper_musclemap.female
{
	height: 90%;
	top: 5%;
}

.overlay_timer .overlay_inner .wrapper_musclemap.hidden
{
	opacity: 0;
	/* transition-delay: .5s; */
}

.overlay_timer .overlay_inner .cont_musclemap
{
	position: absolute;
	height: 100%;
	width: 100%;
}

.overlay_timer .overlay_inner .cont_musclemap.inner svg g path
{
	/* fill: rgba(0,0,0,0); */
	transition: fill .7s;
}

.overlay_timer .overlay_inner .cont_musclemap.inner svg path[data-state="blue"]
{
	color: var(--col-accent3);
}

.overlay_timer .overlay_inner .cont_musclemap.inner svg path[data-state="better"]
{
	color: var(--col-svg-muscle-better);
}

.overlay_timer .overlay_inner .cont_musclemap.inner svg path[data-state="highscore"]
{
	color: var(--col-svg-muscle-highscore);
}

.overlay_timer .overlay_inner .cont_musclemap.outer svg g,
/* .overlay_timer .overlay_inner .wrapper_musclemap.female .cont_musclemap.inner svg g#g_hairband */
.wrapper_musclemap.female .cont_musclemap.inner svg g#g_hairband *
{
	fill: var(--col-accent1);
}

/* .overlay_timer .overlay_inner .wrapper_musclemap.female .cont_musclemap.inner svg g#g_hair */
.wrapper_musclemap.female .cont_musclemap.inner svg g#g_hair *
{
	fill: var(--col-accent1);
}

.wrapper_musclemap[data-haircolor="red"].female .cont_musclemap.inner svg g#g_hair *
{
	fill: var(--col-hair-red);
}

.wrapper_musclemap[data-haircolor="blonde"].female .cont_musclemap.inner svg g#g_hair *
{
	fill: var(--col-hair-blonde);
}

.overlay_timer .overlay_inner .cont_musclemap.inner svg g path.animate_muscleflash
{
	animation: muscle .3s forwards;
}

@keyframes muscle
{
	0%
	{
		fill: var(--col-lcars-background-color);
	}
	
	5%
	{
		fill: currentColor;
	}
	
	50%
	{
		fill: var(--col-lcars-background-color);
	}
	
	55%
	{
		fill: currentColor;
	}
	
	95%
	{
		fill: var(--col-lcars-background-color);
	}
	
	100%
	{
		fill: currentColor;
	}
}

.overlay_timer .overlay_inner .cont_timer
{
	font-size: 4.5em;
}

.overlay_timer .overlay_inner .cont_timer.today
{
	font-size: 2.5em;
}

.overlay_timer .overlay_inner .cont_timer h3.today
{
	margin: 1em 0 0 0;
}

.overlay_timer .overlay_inner .cont_timer.today,
.overlay_timer .overlay_inner h3.today
{
	color: #acacac;
}

.overlay_weightrepsuggestions .overlay_inner
{
	/* height: 100%; */
	padding-left: .2em;
	padding-right: .2em;
}

.overlay_weightrepsuggestions .overlay_inner .cont_suggestions
{
	display: flex;
	width: 100%;
	min-height: 0;
	flex: 1 1 90%;
}

.overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion
{
	flex: 1 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: auto;
}

.overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion .btn.suggestion
{
	width: 90%;
	min-height: 2.5em;
	margin: 0 0 .5rem 0;
	border-radius: unset;
}

.overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion .btn.suggestion.most_likely
{
	min-height: 3.5em;
	font-size: 1.3em;
}

/* .overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion .btn.suggestion.likely */
.overlay .overlay_inner .btn.likely
{
	background-color: var(--col-likely);
}

/* .overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion .btn.suggestion.highly_likely */
.overlay .overlay_inner .btn.highly_likely
{
	background-color: var(--col-highly-likely);
}

/* .overlay_weightrepsuggestions .overlay_inner .cont_suggestions .subcont_suggestion .btn.suggestion.most_likely */
.overlay .overlay_inner .btn.most_likely
{
	background-color: var(--col-most-likely);
}

.overlay_weightrepsuggestions .overlay_inner .btn.save
{
	flex: 1 1 15%;
	margin: .6em 0 0 0;
}

.impersonationinfo
{
	position: fixed;
	top: 5em;
	left: 0;
	background: var(--col-accent1);
	z-index: 100;
	font-size: 0.8em;
	padding: 0.5em 0.7em;
	/* border: 1px solid; */
	border-bottom-right-radius: 2em;
	display: flex;
	/* flex-direction: column; */
	align-items: center;
	opacity: 0.7;
	border-top-right-radius: 2em;
}

.impersonationinfo .cap
{
	
}

.impersonationinfo .btn
{
	width: auto;
	background-color: var(--col-accent2);
	padding: 0 0.5em;
	border-radius: 1em;
}

.lcars.border
{
	position: absolute;
	top: 0;
	z-index: 18;
	display: flex;
	height: 3em;
	pointer-events: none;
	/* transform: translateY(-1px); */
}

.lcars.border .inner
{
	width: var(--val-lcars-border-inner-width);
	height: 100%;
	background-color: currentColor;
	color: currentColor;
}

.lcars.border .lcars.roundcorner
{
	width: 20px;
	height: 20px;
}

.lcars.container.small .lcars.border .lcars.roundcorner
{
	width: 12px;
	height: 12px;
}

.lcars.roundcorner svg
{
	width: 100%;
	height: 100%;
	fill: currentColor;
	position: absolute;
	color: currentColor;
	display: block /*fixes overflow issues*/;
}

.lcars.roundcorner svg *
{
	color: currentColor;
}

.lcars.container.animated
{
	--col-flash-1: var(--col-accent1);
	--col-flash-2: var(--col-accent1);
	color: var(--col-flash-2);
}

.lcars.container.animated[data-collevel="1"]
{
	--col-flash-1: var(--col-timer-collevel-1-flash-1);
	--col-flash-2: var(--col-timer-collevel-1-flash-2);
}

.lcars.container.animated[data-collevel="2"]
{
	--col-flash-1: var(--col-timer-collevel-2-flash-1);
	--col-flash-2: var(--col-timer-collevel-2-flash-2);
}

.lcars.container.animated[data-collevel="3"]
{
	--col-flash-1: var(--col-timer-collevel-3-flash-1);
	--col-flash-2: var(--col-timer-collevel-3-flash-2);
}

.lcars.container.animated.flash
{
	animation: flash 3s forwards;
	/* --col-flash: #a30000; */
}

@keyframes flash
{
	0%
	{
		color: var(--col-flash-1);
	}
	
	10%
	{
		color: var(--col-flash-2);
	}
	
	20%
	{
		color: var(--col-flash-1);
	}
	
	30%
	{
		color: var(--col-flash-2);
	}
	
	40%
	{
		color: var(--col-flash-1);
	}
	
	50%
	{
		color: var(--col-flash-2);
	}
	
	60%
	{
		color: var(--col-flash-1);
	}
	
	100%
	{
		color: var(--col-flash-2);
	}
	
	/* 100% */
	/* { */
		/* color: var(--col-accent1); */
	/* } */
}

.lcars.container.animated > .lcars.border,
.lcars.container.animated > .lcars.container,
.lcars.container.animated > .lcars.roundcorner .cont_animated_roundcorner
{
	transition-property: clip-path;
	transition-duration: 2s;
	transition-timing-function: linear;
}

.lcars.container.animated > .lcars.border.top,
.lcars.container.animated > .lcars.container.top,
.lcars.container.animated > .lcars.roundcorner.top
{
	top: 0;
	bottom: unset;
}

.lcars.container.animated > .lcars.border.bottom,
.lcars.container.animated > .lcars.container.bottom,
.lcars.container.animated > .lcars.roundcorner.bottom
{
	top: unset;
	bottom: 0;
}

.lcars.container.animated > .lcars.border .inner
{
	width: 100%;
}

.lcars.container.animated > .lcars.border.top
{
	clip-path: polygon(0 0, 100% 0, 100% 0%, 0 0%, 0 0);
	flex-direction: column;
}

.lcars.container.animated.animate > .lcars.border.top
{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}

.lcars.container.animated.animate_away > .lcars.border.top
{
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%, 0 0);
}

.lcars.container.animated > .lcars.border.bottom
{
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
	flex-direction: column;
}

.lcars.container.animated.animate > .lcars.border.bottom
{
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.lcars.container.animated.animate_away > .lcars.border.bottom
{
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

.lcars.container.animated > .lcars.roundcorner .cont_animated_roundcorner
{
	width: 100%;
	height: 100%;
}

.lcars.container.animated > .lcars.roundcorner .cont_animated_roundcorner svg
{
	position: relative /*otherwise not visible maybe due to anim*/;
	width: 100%;
	height: 100%;
	/* position: absolute; */
}

.lcars.container.animated > .lcars.roundcorner.bottom.left .cont_animated_roundcorner
{
	clip-path: polygon(-50% 0, 100% 0, -100% 0%, -200% 0, -100% 0);
}

.lcars.container.animated.animate > .lcars.roundcorner.bottom.left .cont_animated_roundcorner
{
	clip-path: polygon(-50% 0, 100% 0, 100% 200%, -50% 200%, -50% 0);
}

.lcars.container.animated.animate_away > .lcars.roundcorner.bottom.left .cont_animated_roundcorner
{
	clip-path: polygon(100% 200%, 100% 100%, 100% 200%, 100% 300%, 100% 0);
}

.lcars.container.animated > .lcars.roundcorner.top.left .cont_animated_roundcorner
{
	clip-path: polygon(-250% 100%, -150% 100%, 100% 100%, 0 100%);
}

.lcars.container.animated.animate > .lcars.roundcorner.top.left .cont_animated_roundcorner
{
	clip-path: polygon(-50% -100%, 100% -100%, 100% 100%, -50% 100%);
}

.lcars.container.animated.animate_away > .lcars.roundcorner.top.left .cont_animated_roundcorner
{
	clip-path: polygon(100% -200%, 100% -100%, 100% 100%, 100% 0);
}

.lcars.container.animated > .lcars.container
{
	clip-path: polygon(0 0, 0 0, 0 100%, 0 100%, 0 0);
}

.lcars.container.animated.animate > .lcars.container
{
	clip-path: polygon(0 -100%, 100% -100%, 100% 200%, 0 200%, 0 -100%);
}

.lcars.container.animated.animate_away > .lcars.container
{
	clip-path: polygon(100% -100%, 100% -100%, 100% 200%, 100% 200%, 100% -100%);
}

.overlay_timer .lcars.container
{
	pointer-events: all;
}

.overlay_timer .lcars.container.animated > .lcars.container > .lcars.piece:first-child
{
	/* flex: unset; */
	/* width: .8em; */
}

.overlay_timer .lcars.container.animated > .lcars.container > .cont_timer.timeout
{
	display: none;
}

.overlay_timer .cont_timer_elements
{
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000000;
	width: 100%;
	background-color: var(--col-lcars-background-color);
	opacity: 0;
	transition: opacity .4s;
}

.overlay_timer .cont_timer_elements.visible
{
	opacity: 1;
}

.overlay_timer .cont_timer_elements svg
{
	display: block;
	height: 100%;
	width: 100%;
}

.overlay_timer .cont_timer_elements svg path.timerelement
{
	fill: currentColor;
	opacity: 0.4;
	transition: opacity .2s, filter .2s;
}

.overlay_timer .cont_timer_elements svg path.timerelement.active
{
	opacity: 1;
	/* fill: currentColor; */
	filter: drop-shadow(0px 0px 6px currentColor);
}

.lcars.container.animated.animate > .lcars.container > *:last-child
{
	margin-right: var(--val-lcars-border-margin);
}

.lcars.container.animated.animate > .lcars.container > .btn
{
	width: 4em;
	background-color: currentColor;
	color: inherit;
}

.lcars.container.animated.animate > .lcars.container > .btn .inner
{
	color: var(--col-lcars-background-color);
}

.lcars.container.animated.animate > .lcars.container > .btn.toggle_time .inner
{
	border-right: var(--val-lcars-border-margin) solid var(--col-lcars-background-color);
	border-top: var(--val-lcars-border-margin) solid var(--col-lcars-background-color);
	width: 1em;
	height: 1em;
	transform: rotate(45deg) translateX(-3px) translateY(3px);
}

.lcars.roundcorner.right
{
	/* transform: translateX(-1px); */
}

.lcars.container .piece
{
	background-color: currentColor;
	flex: 1 1;
}

.lcars.container > .btn
{
	width: auto;
	height: 100%;
	padding: 0 1em;
	margin: 0 .2em;
	color: var(--col-lcars-background-color);
	min-height: unset;
}

#lcars_margin_dummy
{
	width: var(--val-lcars-border-margin);
}

#highscore_color_dummy
{
	color: var(--col-highscore);
}

#better_color_dummy
{
	color: var(--col-better);
}

.fading_section_container
{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	position: relative;
}

.fading_section_container .fading_section
{
	position: absolute;
	width: 90%;
	height: 100%;
	transition: transform .2s, opacity .2s;
	transition-timing-function: ease-out;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* padding: 4em 2em; */
	box-sizing: border-box;
	overflow: auto;
	justify-content: flex-start;
	/* margin-top: 5%; */
	padding-top: 5%;
	padding-bottom: 0em;
}

.fading_section_container .fading_section[data-stage="1"]
{
	/* height: 90%; */
	/* margin-top: 5%; */
	width: 100%;
	padding-top: 3em;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="recent_exc"],
#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"]
{
	width: calc(100% - 0.2rem - var(--val-lcars-border-margin));
	z-index: 1500;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="recent_exc"]
{
	position: absolute;
	left: 0.2rem;
	top: 0.2rem;
	border-radius: .8rem;
	/* border-top-right-radius: unset; */
	/* border-bottom-right-radius: unset; */
	/* border-bottom-left-radius: unset; */
	padding-bottom: 0.4rem;
	font-size: 1.2em;
	height: 2.6rem;
	min-height: unset;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="recent_exc"]:after
{
	content: "";
	position: absolute;
	height: 100%;
	width: 0.2rem;
	background: black;
	right: 0.6em;
	top: 0;
	display: none;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"]
{
	padding-bottom: .3em;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"] > div
{
	/* position: absolute; */
	width: 100%;
	/* left: 0; */
	display: grid;
	height: 100%;
	/* top: 0; */
	grid-template-columns: 3em 0.1em 1fr;
	gap: 0.3em;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"] > div > .cap_nextup
{
	/* border: 1px solid black; */
	display: flex;
	justify-content: center;
	align-items: center;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"] > div > .sep
{
	/* background: black; */
	width: 0.2em;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"] > div > .label
{
	white-space: nowrap;
	overflow: hidden;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item[data-val="nextup"] > div > .label > div
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#exc_list .fading_section_container .fading_section[data-stage="1"] .btn.exc_list_item
{
	width: 80%;
}

.fading_section_container .btn.back
{
	position: absolute;
	bottom: 0;
	right: 0;
	color: black;
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	width: 8em;
	margin: 0;
	border: 2px solid;
	border-right: none;
	border-top-right-radius: unset;
	border-bottom-right-radius: unset;
}

.fading_section_container .btn.back:before
{
	content: "";
	width: 0.5em;
	height: 0.5em;
	border-top: 2px solid;
	border-left: 2px solid;
	position: absolute;
	left: 0.9em;
	transform: rotate(-45deg);
}

.fading_section_container .fading_section.fade_out,
.fading_section_container .fading_section.fade_in
{
	opacity: 0;
	pointer-events: none;
}

.fading_section_container .fading_section.fade_out
{
	transform: scale(1.3);
}

.fading_section_container .fading_section.fade_in
{
	transform: scale(.8);
}

.wrapper_msgbox
{
	width: 100%;
	height: 70%;
	position: absolute;
	z-index: 10000;
	left: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wrapper_msgbox .subcont_msgbox
{
	position: relative;
	width: 80%;
}

.msgbox
{
	width: 100%;
	color: var(--col-accent1);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background-color: var(--col-lcars-background-color);
	border: 2px solid;
	/* padding: 1em 1em 3em 1em; */
	gap: 0.7em;
	border-radius: var(--val-border-radius);
	position: relative;
	overflow: hidden;
	--val-border-radius: .7rem;
	box-sizing: border-box;
}

.msgbox.type_input
{
	gap: unset;
	height: 9em;
}

.msgbox .msg
{
	margin: 0.5em 1em 0em 1em;
	min-height: 4em;
}

.msgbox .cont_input
{
	/* border: 1px solid; */
	width: 100%;
	height: 100%;
	position: relative;
	/* border-radius: 0.5em; */
	/* overflow: hidden; */
}

.wrapper_msgbox .cap
{
	position: absolute;
	font-size: 0.9em;
	text-transform: uppercase;
	left: 11px;
	top: -8.5px;
	/* background-color: var(--col-lcars-background-color); */
	padding: 0 0.3em;
	color: var(--col-accent1);
	line-height: 1em;
	z-index: 1;
}

.wrapper_msgbox .cap:before
{
	content: "";
	/* background: red; */
	position: absolute;
	width: 100%;
	height: 7px;
	left: 0;
	bottom: 0;
	background: var(--col-lcars-background-color);
	z-index: -1;
}

.msgbox .cont_input textarea
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	outline: none;
	/* background-color: #ffd85a3b; */
	/* border: 1px solid; */
	padding: 0.5em 0.4em .2em 1em;
	/* border-radius: 0.5em; */
	border: none;
}

.msgbox .cont_btn
{
	display: flex;
	width: 100%;
	color: var(--col-lcars-background-color);
	justify-content: center;
	/* border: 1px solid red; */
	/* position: absolute; */
	/* bottom: 0; */
	/* border-bottom-left-radius: var(--val-border-radius); */
	/* border-bottom-right-radius: var(--val-border-radius); */
	/* overflow: hidden; */
}

.msgbox .cont_btn .btn
{
	width: 100%;
	margin: 0;
	height: 3em;
}

.msgbox .cont_btn .btn:first-child
{
}

.msgbox .cont_btn .btn:last-child:not(:first-child)
{
	border-left: 1px solid;
}

.msgbox.type_input .msg
{
	display: none;
}

.display_reflection
{
	position: fixed;
	height: 100%;
	background: linear-gradient(1deg, transparent, #ffffff2e);
	z-index: 10000000;
	top: 0;
	display: none;
}

.display_reflection.first
{
	width: 4em;
	right: 2em;
}

.display_reflection.second
{
	width: 8em;
	right: 9em;
}

.vignette
{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	box-shadow: 0 0 43px 32px rgba(0, 0, 0, 0.2) inset;
	display: none;
}

.mobile_indicator
{
	display: none;
}

.elem_highscore
{
	/* position: absolute; */
	width: 100%;
	height: 100%;
	z-index: 20;
	color: var(--col-accent1);
	top: 0;
	/* border: 1px solid; */
	filter: drop-shadow(0px 0px 2px currentColor);
	transition: transform 1s;
	transition-timing-function: cubic-bezier(0.73, -3.34, 0.35, 4.54);
	color: #f2ed02;
}

.elem_highscore .inner
{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 1s /*linear transition timing function for opacity for .elem_highscore.fadeout*/;
	/* background: var(--col-lcars-background-color); */
	opacity: 1;
}

.elem_highscore.fadeout
{
	/* opacity: 0; */
	transform: scale(.8);
}

.elem_highscore.fadeout .inner
{
	opacity: 0;
}

.elem_highscore .letter
{
	width: 2em;
	height: 2em;
	/* margin-left: 0em; */
	position: relative;
	font-size: 2em;
}

.elem_highscore .letter:first-child
{
	margin-left: 0 !important;
}

.elem_highscore .letter.H
{
	margin-left: -0.9em;
}

.elem_highscore .letter.I
{
	margin-left: -1.1em;
}

.elem_highscore .letter.G
{
	margin-left: -1em;
}

.elem_highscore .letter.S
{
	margin-left: -0.7em;
}

.elem_highscore .letter.C
{
	margin-left: -1.2em;
}

.elem_highscore .letter.O
{
	margin-left: -1em;
}

.elem_highscore .letter.R
{
	margin-left: -0.6em;
}

.elem_highscore .letter.E
{
	margin-left: -0.8em;
}

.elem_highscore .letter.big
{
	font-size: 2.4em;
}

.elem_highscore.animated .letter
{
	transform: scale(2.5) rotate(15deg);
	/* transition: all 0.7s; */
	transition-timing-function: cubic-bezier(0.73, -3.34, 0.35, 7.54);
	opacity: 0;
	transition-property: all;
	transition-duration: .7s;
	/* transition-duration: 5s; */
	transition-timing-function: cubic-bezier(0.73, -3.34, 0.35, 3.54);
}

.elem_highscore.animated.animstart .letter
{
	transform: scale(1) rotate(0deg);
	opacity: 1;
	filter: drop-shadow(0px 0px 2px currentColor);
}

.elem_highscore .letter .inner
{
	z-index: 1;
}

.elem_highscore .letter .inner.stroke
{
	z-index: 0;
}

.elem_highscore .letter .inner,
.elem_highscore .letter .innerinner
{
	position: absolute;
	/* border: 1px solid; */
}

.elem_highscore .letter .innerinner
{
	color: white;
	width: 85%;
	height: 85%;
}

.elem_highscore .letter svg
{
	width: 100%;
	height: 100%;
}

.elem_highscore .letter svg path
{
	fill: currentColor;
	stroke: var(--col-lcars-background-color);
	stroke-width: 60px;
}

.elem_highscore .letter .inner.stroke svg path
{
	fill: none;
	stroke: white;
	stroke-width: 200px;
}

.lcars.alert
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/* border: 1px solid; */
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--col-timer-collevel-2-flash-2);
}

.lcars.alert .lcars_alert_inner
{
	height: 30vh;
	/* border: 1px solid white; */
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	/* box-shadow: 0 0 6px 4px rgba(0,0,0,0.4); */
	/* background: var(--col-lcars-background-color); */
}

.lcars.alert .cont_txt
{
	/* background: white; */
	text-align: center;
	text-transform: uppercase;
	font-size: 2em;
}

.lcars.alert .cont_txt .txt
{
	height: 1.5em;
}

.lcars.alert .cont_highscore
{
	min-height: 5em;
}

.lcars.alert .lcars.border
{
	width: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/* --border-radius: 1em; */
	transition: all 0.7s;
}

.lcars.alert .lcars.border .lcars.border
{
	background: currentColor;
}

.lcars.alert .lcars.border.top
{
	transform: translateX(-100%);
}

.lcars.alert .lcars.border.bottom
{
	transform: translateX(100%);
}

.lcars.alert.activate .lcars.border
{
	transform: translateX(0);
	pointer-events: all;
}

.lcars.alert.activate_out .lcars.border.top
{
	transform: translateX(100%);
}

.lcars.alert.activate_out .lcars.border.bottom
{
	transform: translateX(-100%);
}

.lcars.alert .lcars.border.top .lcars.border:first-child
{
	border-top-left-radius: var(--border-radius);
}

.lcars.alert .lcars.border.top .lcars.border:last-child
{
	border-top-right-radius: var(--border-radius);
}

.lcars.alert .lcars.border.bottom .lcars.border:last-child
{
	border-bottom-right-radius: var(--border-radius);
}

.lcars.alert .lcars.border.bottom .lcars.border:last-child
{
	border-bottom-left-radius: var(--border-radius);
}

.lcars.alert .lcars.border .btn
{
	height: 100%;
	margin: 0 var(--val-lcars-border-margin);
	background-color: currentColor;
	min-width: 6rem;
}

.lcars.alert .lcars.border .btn .inner
{
	color: var(--col-lcars-background-color);
	width: 100%;
	background-color: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-size: 1.4em;
}

.lcars.alert .lcars.border .cap
{
	text-transform: uppercase;
	font-size: 2.7em;
	padding: 0 0.2em;
	/* background: white; */
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: -0.2em;
	font-weight: var(--val-font-weight-600);
	min-width: 6rem;
}

.lcars_pill
{
	display: grid;
	grid-template-columns: 4.1em 1fr;
	/* grid-column: 1/3; */
	/* display: flex; */
	/* box-sizing: border-box; */
	/* height: 1rem; */
	line-height: 1em;
	position: relative;
	min-height: 1.3em;
}

.lcars_pill .exc
{
	font-size: 1.4em;
	height: auto;
}

.lcars_pill .cap
{
	/* color: var(--col-lightgray); */
}

.lcars_pill.alternatestyle .vol.cap
{
	border-radius: 0;
}

.lcars_pill.alternatestyle .cap:before
{
	content: "";
	background: var(--col-lcars-background-color);
	width: 0.5em;
	height: 100%;
	position: absolute;
	left: 0.5em;
	top: 0;
}

.lcars_pill.alternatestyle .cap .inner
{
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lcars_pill .val
{
	display: flex;
	width: 4.8em;
	/* height: 1.5em; */
	align-items: center;
	min-width: 4em;
}

.lcars_pill.small .val
{
	width: 3.1em;
}

.lcars_pill.volleft
{
	animation: volleftglow 1.2s infinite;
}

.lcars_pill .val .val_inner
{
	text-align: right;
	font-size: 1.3em;
	line-height: 0.9em;
	width: 0;
	transition: width 0.3s;
	overflow: hidden;
	height: 100%;
	min-height: 1em;
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.lcars_pill .val .val_inner .percbar
{
	background-color: currentColor;
	/* position: absolute; */
	/* width: 100%; */
	height: 100%;
	left: 0;
	opacity: 0.5;
	flex: 1 1;
	margin: 0 0.2em 0 0;
	/* filter: opacity(0.5); */
	/* height: 100%; */
	/* min-height: 0.6em; */
	/* position: absolute; */
	left: 0;
	/* width: 2em; */
	display: none;
}

.lcars_pill.haspercbar .val .val_inner .percbar
{
	display: block;
}

.lcars_pill .val .val_inner.alternating_vals
{
	height: 1em;
	overflow: hidden;
	position: relative;
}

.lcars_pill .val.active_expanded .val_inner
{
	/* width: 2.5em; */
	width: 100%;
}

.lcars_pill .val .val_inner.alternating_vals .alternatingval
{
	transition: transform .7s;
	position: absolute;
	width: 100%;
}

.lcars_pill .val .val_inner.alternating_vals .alternatingval.hiddenabove
{
	/* transform: translateY(-110%); */
	transform: translateX(-110%);
}

.lcars_pill .val .val_inner.alternating_vals .alternatingval.hiddenbelow
{
	/* transform: translateY(110%); */
	transform: translateX(110%);
}

.lcars_pill .val .unit
{
	background-color: currentColor;
	width: 2em;
	display: flex;
	height: 100%;
	justify-content: flex-start;
	align-items: flex-end;
	padding: 0 0 0 0.2em;
	border-top-right-radius: 1em;
	border-bottom-right-radius: 1em;
	font-size: 0.7em;
	margin: 0 0 0 0.2em;
	color: currentColor;
	opacity: 1;
}

.lcars_pill .val.volumeuntilthisset .val_inner,
.lcars_pill .val.volumeuntilthisset .unit,
.lcars_pill .val.volumeuntilthissetgauge .val_inner,
.lcars_pill .val.volumeuntilthissetgauge .unit,
.lcars_pill .val.perc .val_inner,
.lcars_pill .val.perc .unit
{
	display: none;
}

.lcars_pill .val .unit .inner
{
	color: var(--col-lcars-background-color);
	margin-bottom: 0.1em;
}

.lcars_pill .exc
{
	grid-column: 1/3;
}

.lcars_pill .vol
{
	transition: opacity .5s;
	opacity: 0;
	/* transition: opacity 2s; */
	height: 100%;
}

.lcars_pill .vol.active
{
	opacity: 1;
}

.lcars_pill .vol.cap
{
	margin: 0 .3em 0 0;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-transform: uppercase;
	padding: 0 0.4em 0 0.6em;
	font-size: 0.8em;
	/* background: var(--col-accent2); */
	border-top-left-radius: 1em;
	border-bottom-left-radius: 1em;
	background: currentColor;
	box-sizing: border-box;
	white-space: nowrap;
	/* letter-spacing: 0; */
	font-weight: var(--val-font-weight-600);
	z-index: 0;
}

.lcars_pill .vol.cap .inner
{
	color: var(--col-lcars-background-color);
}

.musclestatus_v2
{
	width: 0;
	/* height: 1em; */
	left: 0em;
	top: 1.8em;
	z-index: 20;
	/* border: 1px solid white; */
	/* background: white; */
	/* display: flex; */
	/* flex-direction: column; */
	position: relative;
	position: absolute;
	color: var(--col-accent1);
	transition: width .5s;
}

.musclestatus_v2.active
{
	width: 5.3em;
}

.musclestatus_v2 .volumebar
{
	height: 1em;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	/* background: white; */
	border: 1px solid;
	box-sizing: border-box;
	transition: width .5s;
	display: flex;
}

.musclestatus_v2 .volumebar .tick
{
	border-left: 1px solid #00000038;
	width: 10%;
	height: 100%;
	z-index: 10;
	box-sizing: border-box;
}

.musclestatus_v2 .volumebar .tick:first-child
{
	border: none;
}

.musclestatus_v2 .volumebar .volumebar_inner
{
	height: 100%;
	background: currentColor;
	transition: width .5s;
	background: currentColor;
	color: var(--col-accent3);
	position: absolute;
	left: 0;
	top: 0;
}

.musclestatus_v2 .volumebar .volumebar_inner.init
{
	width: 0 !important;
}

.musclestatus_v2 .indicators
{
	position: absolute;
	/* background: white; */
	height: 5.4em;
	width: 100%;
	z-index: 15;
}

.musclestatus_v2 .indicators .indi
{
	position: absolute;
	/* border-right: 1px solid var(--col-accent1); */
	width: 100%;
	top: 0;
	/* width: 50%; */
	transition: height .5s;
	/* height: 0; */
}

/* .musclestatus_v2 .indicators .indi:after */
/* { */
	/* content: ""; */
	/* width: 1px; */
	/* display: block; */
	/* height: 100%; */
	/* background: linear-gradient(0deg, transparent 0%, var(--col-accent1) 50%); */
	/* right: 0; */
	/* position: absolute; */
/* } */

.musclestatus_v2 .indicators .indi:nth-child(1)
{
	height: 60%;
}

.musclestatus_v2 .indicators .indi:nth-child(2)
{
	height: 80%;
}

.musclestatus_v2 .indicators .indi:nth-child(3)
{
	height: 100%;
}

.musclestatus_v2 .indicators .indi > .cap
{
	position: absolute;
	right: 0.3em;
	bottom: 0;
	font-size: 0.6em;
	/* color: var(--col-accent1); */
}

.musclestatus_v2 .indicators .indi .lcars_pill
{
	position: absolute;
	right: 0.3em;
	bottom: 0;
	font-size: 0.5em;
	/* grid-template-columns: 1fr 1fr; */
	height: auto;
	grid-template-columns: 4em 1fr;
}

.musclestatus_v2 .indicators .indi .lcars_pill .cap
{
	/* width: 1em; */
}

.musclestatus_v2 .indicators .svg_container
{
	width: 120%;
	height: 110%;
	position: absolute;
	left: 0;
	top: 0;
}

.musclestatus_v2 .indicators .svg_container svg
{
	
}

.musclestatus_v2 .indicators .svg_container svg path
{
	stroke: currentColor;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 119px;
	stroke-dashoffset: 119px;
	transition: all 1s;
}

.musclestatus_v2 .indicators .svg_container svg path.active
{
	stroke-dashoffset: 0;
}

.musclestatus_v3
{
	width: 0;
	height: 0;
	left: 0em;
	top: 1.8em;
	z-index: 20;
	/* border: 1px solid white; */
	/* background: white; */
	/* display: flex; */
	/* flex-direction: column; */
	position: relative;
	position: absolute;
	color: var(--col-accent1);
	transition: height .5s;
}

.musclestatus_v3.init
{
	height: 0 !important;
}

.musclestatus_v3 .volumebar
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 1em;
	/* background: white; */
	border: 1px solid;
	box-sizing: border-box;
	transition: height .5s;
	display: flex;
	flex-direction: column;
	background: rgb(255 216 90 / 28%);
}

.musclestatus_v3 .volumebar.ticks
{
	z-index: 100;
	background: none;
}

.musclestatus_v3 .volumebar .tick
{
	border-top: 1px solid #00000038;
	width: 100%;
	height: 10%;
	z-index: 10;
	/* box-sizing: border-box; */
	margin-bottom: -1px;
}

.musclestatus_v3 .volumebar .tick:nth-child(1)
{
	height: 1%;
}

.musclestatus_v3 .volumebar .tick:nth-child(2)
{
	height: 2%;
}

.musclestatus_v3 .volumebar .tick:nth-child(3)
{
	height: 3%;
}

.musclestatus_v3 .volumebar .tick:nth-child(4)
{
	height: 4%;
}

.musclestatus_v3 .volumebar .tick:nth-child(5)
{
	height: 5%;
}

.musclestatus_v3 .volumebar .tick:nth-child(6)
{
	height: 9%;
}

.musclestatus_v3 .volumebar .tick:nth-child(7)
{
	height: 13%;
}

.musclestatus_v3 .volumebar .tick:nth-child(8)
{
	height: 17%;
}

.musclestatus_v3 .volumebar .tick:nth-child(9)
{
	height: 21%;
}

.musclestatus_v3 .volumebar .tick:nth-child(10)
{
	height: 26%;
}

/* .musclestatus_v3 .volumebar .tick:nth-child(1) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(2) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(3) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(4) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(5) */
/* { */
	/* height: 8%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(6) */
/* { */
	/* height: 12%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(7) */
/* { */
	/* height: 15%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(8) */
/* { */
	/* height: 17%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(9) */
/* { */
	/* height: 21%; */
/* } */

/* .musclestatus_v3 .volumebar .tick:nth-child(10) */
/* { */
	/* height: 26%; */
/* } */

.musclestatus_v3 .volumebar .volumebar_inner
{
	height: 0;
	background: currentColor;
	transition: height .5s;
	background: currentColor;
	color: var(--col-accent3);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.musclestatus_v3 .volumebar .volumebar_inner.init
{
	height: 0 !important;
}

.musclestatus_v3 .indicators
{
	position: absolute;
	/* background: white; */
	height: 100%;
	width: 6.2em;
	z-index: 15;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.musclestatus_v3 .indicators .indi
{
	position: absolute;
	/* border-right: 1px solid var(--col-accent1); */
	width: 100%;
	bottom: 0;
	/* width: 50%; */
	transition: height .5s;
	/* height: 0; */
	/* border: 1px solid white; */
	/* display: flex; */
	/* align-items: flex-start; */
	/* justify-content: flex-end; */
	/* min-height: .6em; */
}

.musclestatus_v3 .indicators .indi[data-cap="today"]
{
	z-index: 10;
}
/* .musclestatus_v3 .indicators .indi:after */
/* { */
	/* content: ""; */
	/* width: 1px; */
	/* display: block; */
	/* height: 100%; */
	/* background: linear-gradient(0deg, transparent 0%, var(--col-accent1) 50%); */
	/* right: 0; */
	/* position: absolute; */
/* } */

.musclestatus_v3 .indicators .indi:nth-child(1)
{
	height: 60%;
}

.musclestatus_v3 .indicators .indi:nth-child(2)
{
	height: 80%;
}

.musclestatus_v3 .indicators .indi:nth-child(3)
{
	height: 100%;
}

.musclestatus_v3 .indicators .indi > .cap
{
	position: absolute;
	right: 0.3em;
	bottom: 0;
	font-size: 0.6em;
	/* color: var(--col-accent1); */
}

.musclestatus_v3 .indicators .indi .lcars_pill
{
	position: absolute;
	right: 0.3em;
	top: 0;
	font-size: 0.5em;
	/* grid-template-columns: 1fr 1fr; */
	height: auto;
	grid-template-columns: 4em 1fr;
	margin-top: -1px;
}

.musclestatus_v3 .indicators .indi.first_indi .lcars_pill
{
	margin-top: 0;
}

.musclestatus_v3 .indicators .indi .lcars_pill .cap
{
	/* width: 1em; */
}

.musclestatus_v3 .indicators .svg_container
{
	width: 120%;
	height: 110%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.musclestatus_v3 .indicators .svg_container svg
{
	
}

.musclestatus_v3 .indicators .svg_container svg path
{
	stroke: currentColor;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 119px;
	stroke-dashoffset: 119px;
	/* transition: all 1s; */
	transition: stroke-dashoffset 1s;
}

.musclestatus_v3 .indicators .svg_container svg path[data-id="volleftrect"]
{
	stroke-dasharray: none;
	stroke: none;
}

.musclestatus_v3 .indicators .svg_container svg path.active
{
	stroke-dashoffset: 0;
}

.musclestatus_v3 .indicators .svg_container svg path[data-id="volleftrect"].volleft
{
	stroke-dasharray: none;
	stroke: var(--col-accent1);
	animation: volleftglow 1.2s infinite;
	stroke-width: 1px;
	fill: currentColor;
}

.musclestatus_v3 .indicators .svg_container svg path[data-id="volleftrect"].volleft.better
{
	color: var(--col-better);
}

.musclestatus_v3 .indicators .svg_container svg path[data-id="volleftrect"].volleft.highscore
{
	color: var(--col-highscore);
}

.musclestatus_v4
{
	width: 11em;
	height: 0;
	left: 0em;
	top: 0;
	z-index: 20;
	/* border: 1px solid white; */
	/* background: white; */
	/* display: flex; */
	/* flex-direction: column; */
	position: relative;
	position: absolute;
	color: var(--col-accent1);
	/* transition: height .5s; */
}

.musclestatus_v4 .volumebar
{
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 1em;
	/* background: white; */
	border: 1px solid;
	box-sizing: border-box;
	transition: height .5s;
	display: flex;
	flex-direction: column;
	background: rgb(255 216 90 / 28%);
}

.musclestatus_v4 .volumebar.ticks
{
	z-index: 100;
	background: none;
}

.musclestatus_v4 .volumebar .tick
{
	border-top: 1px solid #00000038;
	width: 100%;
	height: 10%;
	z-index: 10;
	/* box-sizing: border-box; */
	margin-bottom: -1px;
}

.musclestatus_v4 .volumebar .tick:nth-child(1)
{
	height: 1%;
}

.musclestatus_v4 .volumebar .tick:nth-child(2)
{
	height: 2%;
}

.musclestatus_v4 .volumebar .tick:nth-child(3)
{
	height: 3%;
}

.musclestatus_v4 .volumebar .tick:nth-child(4)
{
	height: 4%;
}

.musclestatus_v4 .volumebar .tick:nth-child(5)
{
	height: 5%;
}

.musclestatus_v4 .volumebar .tick:nth-child(6)
{
	height: 9%;
}

.musclestatus_v4 .volumebar .tick:nth-child(7)
{
	height: 13%;
}

.musclestatus_v4 .volumebar .tick:nth-child(8)
{
	height: 17%;
}

.musclestatus_v4 .volumebar .tick:nth-child(9)
{
	height: 21%;
}

.musclestatus_v4 .volumebar .tick:nth-child(10)
{
	height: 26%;
}

/* .musclestatus_v4 .volumebar .tick:nth-child(1) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(2) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(3) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(4) */
/* { */
	/* height: 0%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(5) */
/* { */
	/* height: 8%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(6) */
/* { */
	/* height: 12%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(7) */
/* { */
	/* height: 15%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(8) */
/* { */
	/* height: 17%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(9) */
/* { */
	/* height: 21%; */
/* } */

/* .musclestatus_v4 .volumebar .tick:nth-child(10) */
/* { */
	/* height: 26%; */
/* } */

.musclestatus_v4 .volumebar .volumebar_inner
{
	height: 0;
	background: currentColor;
	transition: height .5s;
	background: currentColor;
	color: var(--col-accent3);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.musclestatus_v4 .indicators
{
	position: absolute;
	/* background: white; */
	height: 100%;
	width: 6.2em;
	z-index: 15;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/* bottom: 0; */
}

.musclestatus_v4 .indicators .indi
{
	position: absolute;
	/* border-right: 1px solid var(--col-accent1); */
	width: 100%;
	bottom: 0;
	/* width: 50%; */
	transition: height .5s;
	/* height: 0; */
	/* border: 1px solid white; */
	/* display: flex; */
	/* align-items: flex-start; */
	/* justify-content: flex-end; */
	/* min-height: .6em; */
}

.musclestatus_v4 .indicators .indi[data-cap="today"]
{
	z-index: 10;
}
/* .musclestatus_v4 .indicators .indi:after */
/* { */
	/* content: ""; */
	/* width: 1px; */
	/* display: block; */
	/* height: 100%; */
	/* background: linear-gradient(0deg, transparent 0%, var(--col-accent1) 50%); */
	/* right: 0; */
	/* position: absolute; */
/* } */

.musclestatus_v4 .indicators .indi:nth-child(1)
{
	height: 60%;
}

.musclestatus_v4 .indicators .indi:nth-child(2)
{
	height: 80%;
}

.musclestatus_v4 .indicators .indi:nth-child(3)
{
	height: 100%;
}

.musclestatus_v4 .indicators .indi > .cap
{
	position: absolute;
	right: 0.3em;
	bottom: 0;
	font-size: 0.6em;
	/* color: var(--col-accent1); */
}

.musclestatus_v4 .indicators .indi .lcars_pill
{
	position: absolute;
	right: 0.3em;
	top: 0;
	font-size: 0.5em;
	/* grid-template-columns: 1fr 1fr; */
	height: auto;
	grid-template-columns: 4em 1fr;
	margin-top: -1px;
}

.musclestatus_v4 .indicators .indi.first_indi .lcars_pill
{
	margin-top: 0;
}

.musclestatus_v4 .indicators .indi .lcars_pill .cap
{
	/* width: 1em; */
}

.musclestatus_v4 .indicators .svg_container
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
}

.musclestatus_v4 .indicators .svg_container svg path
{
	stroke: currentColor;
	stroke-width: 1px;
	fill: none;
	stroke-dasharray: 119px;
	stroke-dashoffset: 119px;
	/* transition: all 1s; */
	transition: stroke-dashoffset 1s;
}

.musclestatus_v4 .indicators .svg_container svg.svg_indicators path[data-id="volleftrect"]
{
	stroke-dasharray: none;
	stroke: none;
}

.musclestatus_v4 .indicators .svg_container svg.svg_indicators path.active
{
	stroke-dashoffset: 0;
}

.musclestatus_v4 .indicators .svg_container svg.svg_indicators path[data-id="volleftrect"].volleft
{
	stroke-dasharray: none;
	stroke: var(--col-accent1);
	animation: volleftglow 1.2s infinite;
	stroke-width: 1px;
	fill: currentColor;
}

.musclestatus_v4 .indicators .svg_container svg.svg_indicators path[data-id="volleftrect"].volleft.better
{
	color: var(--col-better);
}

.musclestatus_v4 .indicators .svg_container svg.svg_indicators path[data-id="volleftrect"].volleft.highscore
{
	color: var(--col-highscore);
}

.musclestatus_v4 > .cont_lcars_progressbar
{
	color: var(--col-accent1);
}

.cont_lcars_progressbar
{
	position: absolute;
	color: var(--col-accent2);
	/* border: 1px solid white; */
	/* box-sizing: border-box; */
	--col-neg: #ff2b2b;
	--col-neg-dark: #e51515;
}

.cont_lcars_progressbar svg defs linearGradient stop:nth-child(1),
.cont_lcars_progressbar svg defs linearGradient stop:nth-child(2),
.cont_lcars_progressbar svg defs linearGradient.gradient_bottom_left stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient.gradient_bottom_left stop:nth-child(4),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(1),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(2),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(5),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(6)
{
	stop-color: transparent;
}

.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient.gradient_highlight_lower stop:nth-child(4),
.cont_lcars_progressbar svg defs linearGradient.gradient_bottom_left stop:nth-child(1),
.cont_lcars_progressbar svg defs linearGradient.gradient_bottom_left stop:nth-child(2),
.cont_lcars_progressbar svg defs linearGradient stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient stop:nth-child(4)
{
	stop-color: currentColor;
}

.cont_lcars_progressbar svg defs linearGradient#quickentryvolindi_shadow stop:nth-child(1),
.cont_lcars_progressbar svg defs linearGradient#quickentryvolindi_shadow stop:nth-child(4)
{
	stop-color: #0000006e;
	/* stop-color: #ff0000; */
}

.cont_lcars_progressbar svg defs linearGradient#quickentryvolindi_shadow stop:nth-child(2),
.cont_lcars_progressbar svg defs linearGradient#quickentryvolindi_shadow stop:nth-child(3)
{
	stop-color: transparent;
	/* stop-color: blue; */
}

.cont_lcars_progressbar svg defs linearGradient.neg stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient.neg stop:nth-child(4)
{
	stop-color: var(--col-neg);
}

.cont_lcars_progressbar svg defs linearGradient.pos stop:nth-child(3),
.cont_lcars_progressbar svg defs linearGradient.pos stop:nth-child(4)
{
	stop-color: var(--col-better);
}

.cont_lcars_progressbar .cont_perc_main,
.cont_lcars_progressbar .cont_cap_main,
.cont_lcars_progressbar .cont_cap_volset,
.cont_lcars_progressbar .cont_perc_volset
{
	font-size: 22px;
	line-height: 1em;
	position: absolute;
	text-transform: uppercase;
	fill: currentColor;
}

.cont_lcars_progressbar .cont_cap_volset
{
	bottom: 22px;
}

.cont_lcars_progressbar .cont_perc_volset
{
	top: 23px;
}

.cont_lcars_progressbar .cont_cap_volset,
.cont_lcars_progressbar .cont_perc_volset
{
	font-size: 10px;
}

.cont_lcars_progressbar .cap_main_endpiece
{
	fill: currentColor;
}

.cont_lcars_progressbar.neg_volset .cont_cap_volset,
.cont_lcars_progressbar.neg_volset .cont_perc_volset,
.cont_lcars_progressbar svg path.lcars_progressbar_tile.active.neg
{
	color: var(--col-neg);
	font-weight: var(--val-font-weight-600);
}

.cont_lcars_progressbar.pos_volset .cont_cap_volset,
.cont_lcars_progressbar.pos_volset .cont_perc_volset,
.cont_lcars_progressbar svg path.lcars_progressbar_tile.active.pos
{
	color: var(--col-better);
	font-weight: var(--val-font-weight-600);
}

.cont_lcars_progressbar .cont_cap.underline
{
	font-size: 1em;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	line-height: unset;
}

.cont_lcars_progressbar .cont_cap.underline:after
{
	content: "";
	border-bottom: 3px solid;
	display: block;
}

.cont_lcars_progressbar svg
{
	position: absolute;
	/* border: 1px solid white; */
	left: -10px;
	top: -10px;
	box-sizing: border-box;
}

.cont_lcars_progressbar svg .btn_close,
.cont_lcars_progressbar svg .btn_choose_exercise
{
	opacity: 0;
	transform: translateX(20px);
	transition: opacity .2s, transform .2s;
}

.cont_lcars_progressbar svg .btn_close.visible,
.cont_lcars_progressbar svg .btn_choose_exercise.visible
{
	opacity: 1;
	transform: translateX(0);
}

.cont_lcars_progressbar svg path.btn_close,
.cont_lcars_progressbar svg path.btn_choose_exercise
{
	fill: currentColor;
}

.cont_lcars_progressbar svg text.btn_close,
.cont_lcars_progressbar svg text.btn_choose_exercise
{
	text-transform: uppercase;
	font-size: 17px;
	pointer-events: none;
	font-weight: var(--val-font-weight-600);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cont_lcars_progressbar svg path.lcars_progressbar_tile
{
	color: var(--col-accent2);
	fill: currentColor;
	transition: opacity 0.2s;
	opacity: 0;
	color: currentColor;
}

.cont_lcars_progressbar svg path.lcars_progressbar_tile.notrans
{
	transition: none;
}

.cont_lcars_progressbar svg g.tiles_shadow path.lcars_progressbar_tile.visible
{
	opacity: 0.5;
}

.cont_lcars_progressbar svg g.tiles_shadow path.lcars_progressbar_tile.volset.visible
{
	opacity: .3;
	/* opacity: 0; */
}

.cont_lcars_progressbar svg path.lcars_progressbar_tile.active
{
	/* fill: var(--col-accent2); */
	opacity: 1;
	filter: drop-shadow(0px 0px 1.8px currentColor);
}

body.modborders_active .cont_lcars_progressbar svg path.lcars_progressbar_tile.active
{
	filter: none;
}

.cont_lcars_progressbar svg g.tiles_highlight path.lcars_progressbar_tile.active.better
{
	color: var(--col-better);
}

.cont_lcars_progressbar svg path.lcars_progressbar_tile.neg
{
	/* color: var(--col-neg-dark); */
}

.radial_menu
{
	position: absolute;
	/* background: white; */
	z-index: 10000;
	transition: transform 1s cubic-bezier(0.51, -0.19, 0.32, 1.89), opacity .5s;
	/* transform: rotate(270deg); */
	opacity: 0;
	outline: none;
}

.radial_menu.init
{
	transform: rotate(0deg);
	opacity: 1;
}

.radial_menu.fadeaway
{
	transition: opacity .5s;
	opacity: 0;
}

.radial_menu .radial_menu_inner
{
}

.radial_menu .radial_menu_inner svg
{
	width: 251px;
	height: 247px;
}

.radial_menu .radial_menu_inner svg text
{
	pointer-events: none;
}

.radial_menu .radial_menu_inner svg path
{
	fill: none;
}

.radial_menu .radial_menu_inner svg path.menuitem
{
	stroke-width: 70px;
	stroke: var(--col-accent1);
}

.touchring
{
	position: absolute;
	/* background: white; */
	z-index: 100;
	pointer-events: none;
}

.touchring .inner
{
	border-radius: 50%;
	width: 100%;
	height: 100%;
	border: 2px solid var(--col-accent1);
	box-sizing: border-box;
	animation: touchringfade 1s forwards;
	--ring-color: var(--col-accent1);
}

.touchring.accent1 .inner
{
	--ring-color: var(--col-accent1);
}

.touchring.accent2 .inner
{
	--ring-color: var(--col-accent2);
}

@keyframes touchringfade
{
	0%
	{
		border-color: var(--ring-color);
	}
	
	100%
	{
		border-color: rgba(0,0,0,0);
	}
}

.monthlyreport
{
	position: absolute;
	z-index: 1000;
	left: 0;
	/* top: 0; */
	width: 100%;
	/* height: 100%; */
	/* background: mintcream; */
	background-color: var(--col-lcars-background-color);
	color: var(--col-accent2);
	overflow: auto;
	/* padding: 0.5em 1.3em; */
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 29px 10px 1fr 1fr 1fr;
	grid-template-rows: 50px 16px 0em 1fr 16px 30px;
	/* align-items: center; */
	/* transition: transform .3s, height .4s; */
	transition: all .3s;
	transform: translateX(100%);
	top: calc(50% - 1em);
	height: 112px;
}

.monthlyreport .lcars.border.left
{
	left: 0;
	width: 8px;
	background: currentColor;
	top: 65px;
	height: calc(100% - 110px);
	border-right: var(--val-lcars-border-margin) solid var(--col-lcars-background-color);
}

.monthlyreport .lcars.border.bottom
{
	background: currentColor;
	grid-row: 6;
	grid-column: 2 / 6;
	position: relative;
	height: auto;
	display: flex;
	justify-content: flex-end;
	overflow: hidden;
	pointer-events: all;
	position: relative;
}

.monthlyreport .lcars.roundcorner
{
	/* position: absolute; */
	width: 40px;
	height: 66px;
	left: 0;
	z-index: 10;
	position: relative;
}

.monthlyreport .lcars.roundcorner.bottom
{
	max-height: 46px;
}

.monthlyreport .lcars.roundcorner.top
{
	top: 0;
}

.monthlyreport .lcars.roundcorner.bottom
{
	grid-row: 5/6;
}

.monthlyreport .lcars.roundcorner .cont_animated_roundcorner
{
	height: 100%;
}

.monthlyreport .lcars.roundcorner .cont_animated_roundcorner svg
{
	position: relative;
}

.monthlyreport.slidein
{
	transform: translateX(0);
}

.monthlyreport.expand
{
	height: 100%;
	grid-template-rows: 50px 16px 2em 1fr 16px 30px;
	top: 0;
}

.monthlyreport .firstline
{
	/* border-bottom: 1px solid; */
	/* box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); */
	grid-column: 3/6;
	/* display: grid; */
	/* grid-template-columns: 1fr 1fr 1fr; */
	background-color: var(--col-accent2);
	color: var(--col-lcars-background-color);
	display: flex;
	position: relative;
}

.monthlyreport .btn.close,
.monthlyreport .btn.back
{
	height: 100%;
	background-color: var(--col-accent2);
	border-left: var(--val-lcars-border-margin) solid var(--col-lcars-background-color);
	min-height: unset;
	width: 5rem;
	transition: transform .2s;
	position: absolute;
	right: 0;
	z-index: 10;
}

.monthlyreport .btn.back.hidden
{
	transform: translateX(100%);
}

.monthlyreport .btn .txt
{
	color: var(--col-lcars-background-color);
}

.monthlyreport .cont_btn_back
{
	display: flex;
	/* align-items: center; */
	padding: 0em 1em;
	align-items: center;
	/* background: var(--col-accent1); */
	/* color: var(--col-lcars-background-color); */
	flex: 1;
}

.monthlyreport .cont_btn_back .btn_back
{
	/* position: absolute; */
	/* right: 1rem; */
	/* top: 1rem; */
	text-transform: uppercase;
	font-size: 1.1em;
	z-index: 10;
	/* border: 1px solid; */
	display: flex;
	justify-content: center;
	/* align-items: baseline; */
	gap: 0.2em;
	line-height: 0.6em;
}

.monthlyreport .cont_btn_back .btn_back.hidden
{
	opacity: 0;
	pointer-events: none;
}

.monthlyreport .cont_chosen_values
{
	grid-column: 1/5;
	position: relative;
	z-index: 6;
	display: flex;
	/* border: 1px solid; */
	grid-row: 3;
}

.monthlyreport .cont_chosen_mg
{
	z-index: 10;
	width: 30%;
	min-width: 7em;
}

.monthlyreport .cont_chosen_mg,
.monthlyreport .cont_chosen_exc
{
	display: flex;
	height: 2em;
	/* overflow: hidden; */
	transition: transform .3s;
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
}

.monthlyreport .cont_chosen_exc
{
	/* justify-content: flex-end; */
	/* width: 100%; */
	/* padding-left: 50%; */
	white-space: nowrap;
	flex-shrink: 1;
	/* min-width: 0; */
}

.monthlyreport .cont_chosen_mg .inner,
.monthlyreport .cont_chosen_exc .inner
{
	transition: transform .3s;
	transform: translateX(0);
	/* border: 1px solid; */
	display: inline-block;
	background-color: var(--col-accent1);
	color: var(--col-lcars-background-color);
	padding: 0.3em 1.1em .3em 0.5em;
	text-transform: uppercase;
	box-sizing: border-box;
	font-size: 0.9em;
	/* min-width: 10em; */
	width: 100%;
	/* filter: drop-shadow(2px 4px 6px black); */
	box-shadow: 4px 0px 4px -1px rgba(0,0,0,0.3);
	/* box-shadow: 4px 0px 7px 6px rgba(0,0,0,0.3); */
	border: 1px solid;
	margin-top: -1px;
	line-height: 1.5em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.monthlyreport .cont_chosen_mg .inner
{
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	text-align: right;
	background-color: var(--col-accent2);
}

.monthlyreport .cont_chosen_exc .inner
{
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
	/* padding-left: calc(50% + 1em); */
	padding-left: 1.5em;
	/* margin-left: -1.5em; */
	padding-right: 2em;
	/* background-color: var(--col-accent2); */
	transform: translateX(-1em);
}

.monthlyreport .cont_chosen_mg[data-val=""],
.monthlyreport .cont_chosen_exc[data-val=""]
{
	/* height: 0; */
	transform: translateX(-10em);
}

.monthlyreport .row
{
	text-transform: uppercase;
	font-size: 1.6em;
	transition: transform 0.1s;
	position: relative;
	text-overflow: ellipsis;
	/* border: 1px solid; */
	/* white-space: nowrap; */
	/* max-width: 100%; */
	/* overflow: hidden; */
	/* padding-right: 1.1em; */
}

.monthlyreport .row .icon
{
	width: 0.2em;
	height: 0.2em;
	background-color: var(--col-better);
	border-radius: 100%;
	display: none;
	position: absolute;
	top: 50%;
	right: -0.5em;
}

.monthlyreport .row.achievement .icon
{
	display: block;
}

.monthlyreport .row.weight
{
	display: flex;
	align-items: baseline;
}

.monthlyreport > .cont_stage
{
	grid-column: 1/6;
	position: relative;
	/* border: 1px solid; */
	overflow: auto;
	/* display: flex; */
	/* flex-direction: column; */
	grid-row: 4;
}

.monthlyreport > .cont_stage .stage
{
	position: absolute;
	width: 100%;
	/* height: 100%; */
	left: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 0.3em;
	transition: opacity .3s, transform .3s;
	padding: 0.7em 1em 0 1em;
	box-sizing: border-box;
	/* height: 100%; */
}

.monthlyreport > .cont_stage .stage.touched
{
	transition: none;
}

.monthlyreport > .cont_stage .stage[data-type="exc"]
{
	color: var(--col-accent1);
}

.monthlyreport > .cont_stage .stage.item_chosen .row
{
	transform: scale(0.8);
	opacity: 0.7;
}

.monthlyreport > .cont_stage .stage.item_chosen .row.chosen
{
	transform: scale(0.9);
	opacity: 1;
}

.monthlyreport > .cont_stage .stage.hidden
{
	opacity: 0;
}

.monthlyreport > .cont_stage .stage.hiddenabove
{
	opacity: 0;
	transform: translateY(100%);
}

.monthlyreport > .cont_stage .stage[data-type="mg"].hidden
{
	transform: translateX(-100%);
}

.monthlyreport > .cont_stage .stage[data-type="exc"].hidden
{
	transform: translateX(100%);
}

.monthlyreport > .cont_stage .stage.hidden.left
{
	transform: translateX(-100%);
}

.monthlyreport > .cont_stage .stage.hidden.right
{
	transform: translateX(100%);
}

.monthlyreport .stage.empty
{
	height: 100% /*make stage swipable when empty*/;
}

.monthlyreport .stage[data-type="stats"]
{
	display: grid;
	grid-template-columns: 2em 1fr;
}

.monthlyreport .stage[data-type="stats"] .table
{
	display: grid;
	grid-template-columns: 1.3fr 5em 1fr 5em;
	align-items: center;
	position: relative;
}

.monthlyreport .stage[data-type="stats"] .table > div
{
	color: var(--col-gray);
	/* border: 1px solid; */
}

.monthlyreport .stage[data-type="stats"] .table > div.thismonth
{
	text-align: right;
}

.monthlyreport .stage[data-type="stats"] .table > .header
{
	border-bottom: 1px solid var(--col-darkgray);
}

.monthlyreport .stage[data-type="stats"] .table.headermain > .header
{
	border-bottom: none;
	text-transform: uppercase;
}

.monthlyreport .stage[data-type="stats"] .table > .header,
.monthlyreport .stage[data-type="stats"] .table > .rowcap
{
	color: inherit;
	white-space: nowrap;
	height: 100%;
}

.monthlyreport .stage[data-type="stats"] .table > .rowcap
{
	font-size: 0.9em;
	text-align: right;
	margin: 0 0.4em 0 0;
}

.monthlyreport .stage[data-type="stats"] .table > .compare
{
	border: 1px solid var(--col-gray);
	position: relative;
	height: 40%;
	margin: 0 0.2em;
	border-radius: 0.2em;
}

.monthlyreport .stage[data-type="stats"] .table > .compare .percbar
{
	/* border: 1px solid; */
	background: currentColor;
	height: 100%;
	position: absolute;
}

.monthlyreport .stage[data-type="stats"] .table > .compare .background
{
	height: 100%;
	position: absolute;
	width: 50%;
	opacity: 0.32;
	width: 100%;
}

.monthlyreport .stage[data-type="stats"] .table > .compare .middle
{
	width: 1px;
	background-color: var(--col-gray);
	position: absolute;
	left: 50%;
	height: 100%;
	z-index: 10;
}

.monthlyreport .stage[data-type="stats"] .table > .compare.better .percbar
{
	left: 50%;
	border-top-right-radius: 0.1em;
	border-bottom-right-radius: 0.1em;
}

.monthlyreport .stage[data-type="stats"] .table > .compare.worse .percbar
{
	right: 50%;
	border-top-left-radius: 0.1em;
	border-bottom-left-radius: 0.1em;
}

.monthlyreport .stage[data-type="stats"] .table > .compare.better .background
{
	background-color: var(--col-better);
	right: 0;
}

.monthlyreport .stage[data-type="stats"] .table > .compare.worse .background
{
	background-color: var(--col-worse);
	left: 0;
}

.monthlyreport .cap
{
	font-size: 1.3em;
	margin: 0.2em 0;
	display: flex;
	align-items: center;
	gap: 0.3em;
	position: relative;
}

.monthlyreport .row > .cap
{
	transition: opacity .2s;
	opacity: .8;
}

.monthlyreport .row.expanded > .cap
{
	opacity: 1;
}

.monthlyreport .row.exc.expanded > .cont
{
	display: grid;
	grid-template-columns: 0.9em 1fr;
	/* align-items: center; */
}

.monthlyreport .stage[data-type="stats"] .cap
{
	/* position: absolute; */
	/* transform: rotate(-90deg); */
	/* left: -0.6em; */
	/* top: 1em; */
	font-size: 3em;
	opacity: 0.3;
	/* border: 1px solid; */
	width: 2.5em;
	transform-origin: center;
	height: 1em;
	margin: 0;
}

.monthlyreport .unit
{
	/* color: inherit; */
	/* opacity: .8; */
}

.monthlyreport .timeselect
{
	/* border: 1px solid; */
	display: flex;
	/* justify-content: space-around; */
	/* margin: 1rem 2rem 1rem 0; */
	/* grid-column: 1/3; */
	transition: opacity .3s;
	/* background-color: var(--col-accent1); */
	/* color: var(--col-lcars-background-color); */
	/* height: 2.8em; */
	z-index: 8;
	flex: 1;
}

.monthlyreport .timeselect.hidden
{
	opacity: 0;
}

.monthlyreport .timeselect .subselect
{
	/* border: 1px solid; */
	display: flex;
	/* flex-direction: row-reverse; */
	align-items: center;
	gap: 0em;
	justify-content: center;
	width: 100%;
	/* display: grid; */
	/* grid-template-columns: 1fr 9em 1fr; */
}

.monthlyreport .timeselect .subselect .arrow
{
	/* width: 1em; */
	height: 1.5em;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
	/* border: 1px solid; */
	display: none;
}

.monthlyreport .timeselect .subselect .arrow.up
{
	justify-content: flex-start;
}

.monthlyreport .timeselect .subselect .arrow.down
{
	justify-content: flex-end;
}

.monthlyreport .timeselect .subselect .arrow:before
{
	content: "";
	width: 0.6em;
	height: 0.6em;
	border-top: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	display: block;
}

.monthlyreport .timeselect .subselect .arrow.down:before
{
	transform: rotate(-135deg);
}

.monthlyreport .timeselect .subselect .vals
{
	/* border: 1px solid red; */
	height: 1.5em;
	position: relative;
	width: 7em;
	display: flex;
	justify-content: center;
	font-size: 1.5em;
}

.monthlyreport .timeselect .subselect .vals .val
{
	transition: transform .1s, opacity .1s;
	transform: translateX(0);
	position: absolute;
	/* font-size: 1.5em; */
	text-transform: uppercase;
}

.monthlyreport .timeselect .subselect .vals .val.hiddenabove
{
	transform: translateX(100%);
	opacity: 0;
}

.monthlyreport .timeselect .subselect .vals .val.hiddenbelow
{
	transform: translateX(-100%);
	opacity: 0;
}


.clock
{
	height: 4.4em;
	width: 4.4em;
	position: relative;
	/* left: 252px; */
	/* top: 223px; */
	border: 1px solid var(--col-accent1);
	box-sizing: border-box;
	border-radius: 0.5em;
	background: var(--col-lcars-background-color);
	overflow: hidden;
	z-index: 100;
	--val-indishift-5-10: -2.2em;
	--val-indishift-0-15: -1.8em;
	font-size: 1em;
	box-shadow: 0 0 9px 1px rgba(255,216,90,0.8) inset;
	font-size: calc(var(--subcont-timer-font-size)*0.221);
	/* font-size: calc(var(--subcont-timer-font-size)*((4.4/4.5)-1)); */
}

.clock svg
{
	width: 100%;
	height: 100%;
}

.clock svg path.workoutduration
{
	fill: var(--col-accent2);
	opacity: 0.4;
}

.clock svg path.lastentryduration
{
	fill: var(--col-accent1);
	opacity: 0.5;
}

.clock .hand
{
	width: 0.2em;
	bottom: 50%;
	position: absolute;
	left: calc(50% - 0.1em);
	transform-origin: center bottom;
	border-radius: 1em;
	transition: transform 0.2s;
}

.clock .hand.hour
{
	height: 27%;
	background-color: var(--col-accent1);
	/* width: .15em; */
	/* left: calc(50% - .07em); */
}

.clock .hand.minute
{
	height: 40%;
	background-color: var(--col-accent2);
}

.clock .glare
{
	position: absolute;
	background: white;
	height: 170%;
	z-index: 10;
	left: 0;
	top: 0px;
	opacity: 0.23;
	display: none;
}

.clock .glare.big
{
	width: 1em;
	transform: rotate(45deg) translate(-1.2em, -2em);
}

.clock .glare.small
{
	width: .4em;
	transform: rotate(45deg) translate(0em, -2.5em);
}

.clock .indi
{
	width: 1px;
	height: 1em;
	position: absolute;
	left: calc(50% - 1px);
	background: var(--col-accent1);
	bottom: calc(50% - 0px);
	/* background: red; */
	transform-origin: bottom center;
}

.clock .indi.i0
{
	transform: rotate(0deg) translateY(var(--val-indishift-0-15));
}

.clock .indi.i5
{
	transform: rotate(30deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i10
{
	transform: rotate(60deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i15
{
	transform: rotate(90deg) translateY(var(--val-indishift-0-15));
}

.clock .indi.i20
{
	transform: rotate(120deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i25
{
	transform: rotate(150deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i30
{
	transform: rotate(180deg) translateY(var(--val-indishift-0-15));
}

.clock .indi.i35
{
	transform: rotate(210deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i40
{
	transform: rotate(240deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i45
{
	transform: rotate(270deg) translateY(var(--val-indishift-0-15));
}

.clock .indi.i50
{
	transform: rotate(300deg) translateY(var(--val-indishift-5-10));
}

.clock .indi.i55
{
	transform: rotate(330deg) translateY(var(--val-indishift-5-10));
}

@media screen and (max-device-width: 700px) and (min-device-width: 320px)
{
	.mobile_indicator
	{
		display: block !important;
	}
}