:root {
	--themeColorLighter:  hsl(53, 62%, 80%);
	--themeColor:  hsl(47, 63%, 49%);
	--themeColorDarker:  hsl(13, 72%, 30%);
	--themeColorDarkest:  hsl(189, 76%, 28%);
}

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
/*#ccab2e*/
main {
	background: url(/css/images/bg-fitness_icon_3.png);
	flex: 1 0 auto;
}

.onPageMenu{
	background-color:  var(--themeColor);
}
/*wide*/
/*short*/
/*collapsed*/
.onPageMenu.wide ul{
	display: flex;
}
.onPageMenu.short ul{
	display: block;
}

.onPageMenu ul li {
	display: block;
	border-right: 1px solid  var(--themeColorLighter);
}
.onPageMenu ul li a:hover {
	background:  var(--themeColorDarker);
}
.onPageMenu ul li.active a {
	background:  var(--themeColorDarker);
}

.svgLetter {
	fill:  var(--themeColorDarker);
	stroke: var(--themeColorDarker);
}
.svgLetter:hover {
	fill:  red;
	stroke: var(--themeColorDarker);
}

.onPageMenu.wide  a {
	white-space: nowrap;
	color: white;
	display: inline-block;
	padding: 10px 20px;
	transition: 200ms background-color ease-in;
}

.onPageMenu.short.collapsed li:not(.menuButton){
	display: none;
}

.onPageMenu.short a {
	white-space: nowrap;
	color: white;
	display: block;
	padding: 10px 20px;
	transition: 200ms background-color ease-in;
}


.onPageMenu.wide  .menuButton {
	display: none;
}

.C {
	text-align: center;
}


.mytoast {
	border-radius: 5px;
	color: black;
}
.mytoast.success {
	background-color: hsla(120,50%,90%,1);
}
.mytoast.error {
	background-color: hsla(0,50%,90%,1);
}

tr {
	transition: 200ms ease-out background-color;
}

th,td {
	padding: 5px 15px;
}
tr:hover {
	background-color: hsla(0,0%,0%,0.06);
}

table>tbody>tr:last-child {
	border-bottom: none;
}