/* _content/CorPerf.CorMood.Ui/Atoms/A_Button.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */


.a_button[b-5gl9vriq8x] {
	position: relative;
	display: inline-block;
	padding: 0.5625rem 1.5rem 0.3125rem 1.5rem;
	outline: none;
	border-radius: 1.5rem;
	border: 0.2142857rem solid var(--colorDarkGrey);
	background: var(--colorDarkGrey);
	font-size: 1.250rem;
	font-weight: 700;
	line-height: 1.250em;
	color: var(--colorWhite);
	text-decoration: none;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

	.a_button:hover[b-5gl9vriq8x] {
		background: #323232;
		border-color: #323232;
		text-decoration: none;
		color: #fff;
		cursor: pointer;
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */


.a_button.red[b-5gl9vriq8x]{
	background-color: var(--colorPrimary);
	border-color: var(--colorPrimary);
}

.a_button.small[b-5gl9vriq8x]{
	border-width: 0.142857rem;
	font-size: 0.875rem;
	line-height: .875rem;
}

/* ----- Ghost variant ----- */
.a_button.-ghost[b-5gl9vriq8x] {
	background-color:transparent;
	border: 0.125rem solid var(--colorPrimary);
	padding: 0.375rem 1.500rem 0.250rem 1.500rem;
	/*border-color:var(--colorPrimary);*/
	color:var(--colorOffBlack);
}

	.a_button.-ghost:hover[b-5gl9vriq8x] {
		background-color:var(--colorPrimary);
		color:var(--colorWhite);
	}

/* ----- Secondary colour variant ----- */
.a_button.-colourSecondary[b-5gl9vriq8x] {
	border-color:var(--colorSecondary);
	background-color:var(--colorSecondary);
}
	.a_button.-colourSecondary:hover[b-5gl9vriq8x] {
		background-color:var(--colorOffBlack);
		border-color:var(--colorOffBlack);
	}

/* ----- Ghost + Secondary colour variant ----- */
.a_button.-ghost.-colourSecondary[b-5gl9vriq8x] {
	background-color:transparent;
	border-color:var(--colorSecondary);
	color:var(--colorOffBlack);
}
	.a_button.-ghost.-colourSecondary:hover[b-5gl9vriq8x] {
		background-color:var(--colorSecondary);
		border-color:var(--colorSecondary);
		color:var(--colorWhite);
	}

/* ----- Grey variant ----- */
.a_button.-colourGrey[b-5gl9vriq8x] {
	border-color:var(--colorGrey);
	background-color:var(--colorGrey);
}
	.a_button.-colourGrey:hover[b-5gl9vriq8x] {
		background-color:var(--colorOffBlack);
		border-color:var(--colorOffBlack);
	}

/* ----- Ghost + Grey variant ----- */
.a_button.-ghost.-colourGrey[b-5gl9vriq8x] {
	background-color:transparent;
	border-color:var(--colorGrey);
	color:var(--colorOffBlack);
}
	.a_button.-ghost.-colourGrey:hover[b-5gl9vriq8x] {
		background-color:var(--colorGrey);
		border-color:var(--colorGrey);
		color:var(--colorWhite);
	}

/* ----- Small variant ----- */
.a_button.-small[b-5gl9vriq8x] {
	font-size:0.750em;
	text-transform:uppercase;
}

/* ----- Large variant ----- */
.a_button.-large[b-5gl9vriq8x] {
	font-size: 1.250em;
}

/* ----- Wider variant ----- */
.a_button.-wider[b-5gl9vriq8x] {
	padding:0.500rem 2.500rem 0.375rem 2.500rem;
}

/* ----- Widest variant ----- */
.a_button.-widest[b-5gl9vriq8x] {
	box-sizing: border-box;
	width:100%;
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms-
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Atoms/A_ButtonBurger.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.a_buttonBurger[b-cbq2nedekq] {
	position: relative;
	width: 2.5em;
	padding: 1.250em 0;
	border: none;
	border-radius: 0;
	background: transparent;
	font-size:1rem;
	transition: all 0.25s ease-in-out;
}

	.a_buttonBurger .line[b-cbq2nedekq]
	{
		position: absolute;
		top: calc(50% - 0.125em);
		width: 100%;
		height: 0.250em;
		border-radius: 0.125em;
		background-color: var(--colorWhite);
		transform-origin: center;
		transition: all 0.25s ease-in-out;
	}
	.a_buttonBurger .lineOne[b-cbq2nedekq]
	{
		top: calc(20% - 0.125em);
	}

	.a_buttonBurger .lineTwo[b-cbq2nedekq]
	{
		opacity: 1;
	}

	.a_buttonBurger .lineThree[b-cbq2nedekq]
	{
		top: calc(80% - 0.125em);
	}

	.a_buttonBurger:hover[b-cbq2nedekq] {
		cursor: pointer;
	}




/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.a_buttonBurger.-active[b-cbq2nedekq] {
	
}
	.a_buttonBurger.-active .lineOne[b-cbq2nedekq]
	{
		top: calc(50% - 0.125em);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.a_buttonBurger.-active .lineTwo[b-cbq2nedekq]
	{
		opacity: 0;
	}

	.a_buttonBurger.-active .lineThree[b-cbq2nedekq]
	{
		top: calc(50% - 0.125em);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.a_buttonBurger.-active:hover[b-cbq2nedekq] {
		
	}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms-
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Atoms/A_ButtonLink.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.a_buttonLink[b-r6q3dsv5v1] {
	position: relative;
	display: inline-block;
	padding: 0.5625rem 1.5rem 0.3125rem 1.5rem;
	outline: none;
	border-radius: 1.5rem;
	border: 0.2142857rem solid var(--colorPrimary);
	background: var(--colorPrimary);
	font-size: 1.250rem;
	font-weight: 700;
	line-height: 1.250em;
	color: var(--colorWhite);
	text-decoration: none;
	transition: all 0.25s ease-in-out;
}

	.a_buttonLink:hover[b-r6q3dsv5v1] {
		background: var(--colorPrimary-dark);
		border-color: var(--colorPrimary-dark);
		color: var(--colorWhite);
		text-decoration: none;
		cursor: pointer;
	}


/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Ghost variant ----- */
.a_buttonLink.-ghost[b-r6q3dsv5v1] {
	background-color:transparent;
	border: 0.125rem solid var(--colorPrimary);
	color:var(--colorOffBlack);
}

	.a_buttonLink.-ghost:hover[b-r6q3dsv5v1] {
		background-color:var(--colorPrimary);
		color:var(--colorWhite);
	}

	.txt-white .a_buttonLink.-ghost[b-r6q3dsv5v1] {
		color:var(--colorWhite);
	}

/* ----- Secondary colour variant -----
.a_buttonLink.-colorSecondary {
	border-color:var(--colorSecondary);
	background-color:var(--colorSecondary);
}
	.a_buttonLink.-colourSecondary:hover {
		background-color:var(--colorOffBlack);
		border-color:var(--colorOffBlack);
	} */

/* ----- Ghost + Secondary colour variant -----
.a_buttonLink.-ghost.-colourSecondary {
	background-color:transparent;
	border-color:var(--colorSecondary);
	color:var(--colorOffBlack);
}
	.a_buttonLink.-ghost.-colourSecondary:hover {
		background-color:var(--colorSecondary);
		border-color:var(--colorSecondary);
		color:var(--colorWhite);
	} */

/* ----- Grey variant -----
.a_buttonLink.-colourGrey {
	border-color:var(--colorGrey);
	background-color:var(--colorGrey);
}
	.a_buttonLink.-colourGrey:hover {
		background-color:var(--colorOffBlack);
		border-color:var(--colorOffBlack);
	} */

/* ----- Ghost + Grey variant -----
.a_buttonLink.-ghost.-colourGrey {
	background-color:transparent;
	border-color:var(--colorGrey);
	color:var(--colorOffBlack);
}
	.a_buttonLink.-ghost.-colourGrey:hover {
		background-color:var(--colorGrey);
		border-color:var(--colorGrey);
		color:var(--colorWhite);
	} */


/* ----- Small ----- */
.a_buttonLink.-small[b-r6q3dsv5v1] {
	border-width: 0.142857rem;
	font-size: 0.875rem;
	line-height: .875rem;
}

/* ----- Large -----
.a_buttonLink.-large {
	font-size: 1.250em;
} */

/* ----- Wider -----
.a_buttonLink.-wider {
	padding:0.500rem 2.500rem 0.375rem 2.500rem;
} */

/* ----- Widest -----
.a_buttonLink.-widest {
	box-sizing: border-box;
	width:100%;
} */


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms-
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Atoms/A_ReportCircleStatChange.razor.rz.scp.css */
/* -------------------------------------------------------------------------- *
 * Atom
 * -------------------------------------------------------------------------- */

.a_reportCircleStatChange[b-7qyoggnbru] {
    width: min(27vw, 17rem);
    height: min(27vw, 17rem);
    border: solid 4px var(--colorPrimary);
    border-radius: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0 min(2rem, 2vw);
}

    .a_reportCircleStatChange .title[b-7qyoggnbru] {
        font-size: min(1.8rem, 3vw);
        font-weight: bold;
        margin: 0rem 0 min(1rem, 1vw) 0;
    }

    .a_reportCircleStatChange .figure-text[b-7qyoggnbru] {
        font-size: min(3rem, 5vw);
        font-weight: bold;
        margin: 1rem 0 0rem 0;
    }

    .a_reportCircleStatChange .direction-arrow[b-7qyoggnbru] {
        width: min(7rem, 8vw);
    }

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.a_reportCircleStatChange.-centered[b-7qyoggnbru] {
    margin: 0 auto;
}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
    /* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Atoms/A_ReportCircleStatMood.razor.rz.scp.css */
/* -------------------------------------------------------------------------- *
 * Atom
 * -------------------------------------------------------------------------- */

.a_reportCircleStatMood[b-62atn81vbh] {
	width: min(27vw, 17rem);
	height: min(27vw, 17rem);
	border: solid 4px var(--colorPrimary);
	border-radius: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin: 0 min(2rem, 2vw);
}

	.a_reportCircleStatMood .title[b-62atn81vbh] {
		font-size: min(1.8rem, 3vw);
		font-weight: bold;
		margin: 0rem 10% 1rem 10%;
		text-align: center;
	}

	.a_reportCircleStatMood .figure-text[b-62atn81vbh] {
		font-size: min(3rem, 5vw);
		font-weight: bold;
		margin: min(1rem, 1vw) 0 0rem 0;
		color: var(--colorPrimary);
	}

	.a_reportCircleStatMood .mood-wrap[b-62atn81vbh] {
		width: min(6rem, 7vw);
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
    /* ----- Example variant ----- */
.a_reportCircleStatMood.-centered[b-62atn81vbh] {
    margin: 0 auto;
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
    /* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Molecules/M_FilterButton.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.m_filterButton[b-levo1pieen] {
}

    .m_filterButton:hover[b-levo1pieen] {
    }

    .m_filterButton::deep select[b-levo1pieen] {
    }

        .m_filterButton::deep select:disabled[b-levo1pieen] {
        }


.m_filterButton[b-levo1pieen] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    margin-right: 1em;
    border-radius: 1.5em;
    border: 0.225rem solid var(--colorPrimary);
    outline: none;
    background: transparent;
    font-weight: 700;
    padding-right: 2rem;
}
    
    .m_filterButton:has(button[disabled])[b-levo1pieen] {
        border-color: var(--colorGrey);
    }

.m_filterButton-button[b-levo1pieen] {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 0.6rem 0.2rem 0.8rem;
    border: none;
    color: #000;
    font-weight: bold;
    text-align: left;
    background: none;
    appearance: none;
    text-overflow: ellipsis;
    outline: none;
    font-size: 1rem;
    background-color: transparent;
}

.m_filterButton-label[b-levo1pieen] {
    position: absolute;
    bottom: calc(50% - 0.35rem);
    right: 0.750rem;
    z-index: 1;
    display: block;
    width: 0.7em;
    height: 0.7rem;
    margin: 0;
    padding: 0;
}



/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.m_filterButton.-variant[b-levo1pieen] {
}

    .m_filterButton.-variant:hover[b-levo1pieen] {
    }


/* ----- Another variant ----- */
.m_filterButton.-altVariant[b-levo1pieen] {
}

.m_filterButton.-hideCross .m_filterButton-label[b-levo1pieen] {
    /* hide cross icon if it's not needed   */
    display: none;
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
    /* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Molecules/M_FilterDropdown.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.m_filterDropdown[b-pij9dek1ii] {
}

    .m_filterDropdown:hover[b-pij9dek1ii] {
    }

    .m_filterDropdown::deep select[b-pij9dek1ii] {
    }

        .m_filterDropdown::deep select:disabled[b-pij9dek1ii] {
        }


/*
.filter-dropdowns {
    display: flex;
    align-items: center;
}

.filter-dropdown-title {
    margin-right: 1em;
    font-weight: bold;
}*/

.m_filterDropdown[b-pij9dek1ii] {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 12.500rem;
    margin-right: 1em;
    border-radius: 1.5em;
    border: 0.225rem solid var(--colorPrimary);
    outline: none;
    background: transparent;
    font-weight: 700;
}
    
    .m_filterDropdown:has(select[disabled])[b-pij9dek1ii] {
        border-color: var(--colorGrey);
    }

.m_filterDropdown-select[b-pij9dek1ii] {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    width: 100%;
    padding: 0.5rem 0.6rem 0.2rem 0.8rem;
    border: none;
    color: #000;
    font-weight: bold;
    text-align: left;
    background: none;
    appearance: none;
    text-overflow: ellipsis;
    outline: none;
}

.m_filterDropdown-label[b-pij9dek1ii] {
    position: absolute;
    bottom: calc(50% - 0.35rem);
    right: 0.750rem;
    z-index: 1;
    display: block;
    width: 0.7em;
    height: 0.7rem;
    margin: 0;
    padding: 0;
}



/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.m_filterDropdown.-variant[b-pij9dek1ii] {
}

    .m_filterDropdown.-variant:hover[b-pij9dek1ii] {
    }


/* ----- Another variant ----- */
.m_filterDropdown.-altVariant[b-pij9dek1ii] {
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
    /* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Molecules/M_FormSignIn.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */


.m_formSignIn.on-dark-background #signInMessage[b-tc8ukzfs48] {
	color: var(--colorPrimary);
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Molecules/M_NavListBreadcrumbs.razor.rz.scp.css */
/* -------------------------------------------------------------------------- *
 * Molecule - Nav List Breadcrumbs
 * -------------------------------------------------------------------------- */
.m_navListBreadcrumb[b-bpb7gdmk9g] {
	display:block;
	margin: 0;
	padding: 0;
	list-style: none;
}

	.m_navListBreadcrumb[b-bpb7gdmk9g]  li {
		display:inline-block;
	}

	.m_navListBreadcrumb[b-bpb7gdmk9g]  li.separator {
		padding:0 0.125rem;
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.m_navListBreadcrumb.-option[b-bpb7gdmk9g] {
	
}

/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Molecules/M_NavListFromJson.razor.rz.scp.css */
/* -------------------------------------------------------------------------- *
 * Molecule - Nav List from Json
 * -------------------------------------------------------------------------- */
.m_navList[b-h9naw7ikju] {
	padding:1rem;
}

	.m_navList[b-h9naw7ikju]  ul {
		display: block;
		list-style: none;
		font-size: 1rem;
	}

		.m_navList[b-h9naw7ikju]  ul li {
		
		}

			.m_navList[b-h9naw7ikju]  ul li a,
			.m_navList[b-h9naw7ikju]  ul li a:visited {
				text-decoration:none;
			}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.a_button.-ghost[b-h9naw7ikju] {
	
}

	.a_button.-ghost:hover[b-h9naw7ikju] {
		
	}


/* ----- Another variant ----- */
.a_button.-widest[b-h9naw7ikju] {

}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Molecules/M_PasswordRequirements.razor.rz.scp.css */
/* -------------------------------------------------------------------------- *
 * Molecules - Password Requirements
 * -------------------------------------------------------------------------- */
.m_passwordRequirements[b-lc4wl68qas] {
	display: block;
	margin: 2rem auto;
	padding: 0 0 0 1.500rem;
	list-style: none;
	max-width: 16rem;
	text-align: left;
	line-height: 2.1;
}

	.m_passwordRequirements[b-lc4wl68qas]  li {
		position: relative;
	}

	.m_passwordRequirements[b-lc4wl68qas]  li:before {
		content: '•';
		display: block;
		position: absolute;
		top: 0;
		left: -1rem;
	}

		.m_passwordRequirements[b-lc4wl68qas]  li svg {
			position: absolute;
			top: 0.3125rem;
			left: -1.3125rem;
			width: 1rem;
			height: 1rem;
		}

		.m_passwordRequirements[b-lc4wl68qas]  li svg.svg_iconCross {
			display: none;
			fill: var(--colorErrorRed);
		}

		.m_passwordRequirements[b-lc4wl68qas]  li svg.svg_iconTick {
			display: none;
			fill: var(--colorNoError);
		}


/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Valid ----- */
.m_passwordRequirements[b-lc4wl68qas]  li.-valid {
	color: var(--colorNoError);
}

	.m_passwordRequirements[b-lc4wl68qas]  li.-valid:before {
		display: none;
	}

	.m_passwordRequirements[b-lc4wl68qas]  li.-valid svg.svg_iconTick {
		display: block;
	}


/* ----- Invalid ----- */
.m_passwordRequirements[b-lc4wl68qas]  li.-invalid {
	color: var(--colorErrorRed);
	
}

	.m_passwordRequirements[b-lc4wl68qas]  li.-invalid:before {
		display: none;
	}

	.m_passwordRequirements[b-lc4wl68qas]  li.-invalid svg.svg_iconCross {
		display: block;
	}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Molecules/M_SearchInput.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */

input[type=text].report-search[b-zifipnjesh] {
	font-size: inherit;
	border: 0.225rem solid #000;
	padding: 0.5rem 0.6rem 0.2rem 0.8rem;
	width: 320px;
	border-radius: 1.5em;
}

.report-search-icon[b-zifipnjesh] {
	width: 1.3em;
	height: 1.4em;
	position: absolute;
	margin-left: -2.6em;
	margin-top: 0.5em;
	fill: var(--colorPrimary);
	cursor: pointer;
	top: 1rem;
	right: 1.8rem;
}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */


/* ----- Another variant ----- */



/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
    /* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1200px) {
    /* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 1000px) {
    /* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 800px) {
    /* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 600px) {
    /* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}

@media only screen and (max-width: 400px) {
    /* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */

}
/* _content/CorPerf.CorMood.Ui/Organisms/O_FtrBottomBar.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Organism - Footer Bottom Bar
 * -------------------------------------------------------------------------- */
.o_ftrBottombar[b-ig1voahnwz] {
	position: relative;
	width: 100%;
	padding: 1rem 0;
}

/* -------------------------------------------------------------------------- *
 * Child component styles
 * -------------------------------------------------------------------------- */
.o_ftrBottombar[b-ig1voahnwz]  .m_navList {
	margin:0;
	padding:0;
}

	.o_ftrBottombar[b-ig1voahnwz]  .m_navList ul {
		
	}

		.o_ftrBottombar[b-ig1voahnwz]  .m_navList ul li {
			display:inline-block;
		}

			.o_ftrBottombar[b-ig1voahnwz]  .m_navList ul li a,
			.o_ftrBottombar[b-ig1voahnwz]  .m_navList ul li a:visited {
				text-decoration:none;
			}


/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant -----
.a_button.-ghost {
	
}

	.a_button.-ghost:hover {
		
	} */


/* ----- Another variant -----
.a_button.-widest {

} */


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Organisms/O_HdrSidebar.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.o_hdrSidebar[b-3ev0k2j7dt] {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -16rem;
	z-index: 500;
	width: 16rem;
	padding-top: 8rem;
	background-color: var(--colorOffBlack);
	overflow: auto;
	box-shadow:0.125rem 0.125rem 0.750rem 0.250rem rgba(28, 30, 35,0);
	transition: all 0.25s ease-in-out;
}


/* -------------------------------------------------------------------------- *
 * Child component styles
 * -------------------------------------------------------------------------- */
.o_hdrSidebar[b-3ev0k2j7dt]  .m_navList {
	padding:1rem;
}

	.o_hdrSidebar[b-3ev0k2j7dt]  .m_navList ul {
		margin: 0 0 1rem 0.375rem;
		padding: 0 0 0 0.5rem;
		border-left: 0.0625rem solid var(--colorPrimary);
		font-size: 1rem;
	}

		.o_hdrSidebar[b-3ev0k2j7dt]  .m_navList ul li {
			margin:0.250rem 0;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}

			.o_hdrSidebar[b-3ev0k2j7dt]  .m_navList ul li a,
			.o_hdrSidebar[b-3ev0k2j7dt]  .m_navList ul li a:visited {
				text-decoration:none;
			}


/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Active/Open variant ----- */
.o_hdrSidebar.-active[b-3ev0k2j7dt] {
	left:0;
	box-shadow:0.125rem 0.125rem 0.750rem 0.250rem rgba(28, 30, 35,0.5);
}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl-
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml-
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms-
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/Organisms/O_HdrTopbar.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.o_hdrTopbar[b-a9uwxhlcg1] {
	position: relative;
	/*top: 0;
	left: 0;*/
	z-index: 501;
	width: 100%;
	background-color: transparent;
}
	.o_hdrTopbar[b-a9uwxhlcg1]  .a_buttonBurger {
		z-index:501;
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.a_button.-ghost[b-a9uwxhlcg1] {
	
}

	.a_button.-ghost:hover[b-a9uwxhlcg1] {
		
	}


/* ----- Another variant ----- */
.a_button.-widest[b-a9uwxhlcg1] {

}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}
/* _content/CorPerf.CorMood.Ui/SVGs/Icons/Svg_IconGrowthDown.razor.rz.scp.css */
.size-small[b-xlf6kkp8vb] {
    width: 2rem;
}

.size-fill[b-xlf6kkp8vb] {
    width: 100%;
}
/* _content/CorPerf.CorMood.Ui/SVGs/Icons/Svg_IconGrowthUp.razor.rz.scp.css */
.size-small[b-xvw17zcmf6] {
    width: 2rem;
}

.size-fill[b-xvw17zcmf6] {
    width: 100%;
}
/* _content/CorPerf.CorMood.Ui/_Dev/Dev_Template.razor.rz.scp.css */

/* -------------------------------------------------------------------------- *
 * Default styles
 * -------------------------------------------------------------------------- */
.a_button[b-5hwf0wd93b] {
	
}

	.a_button:hover[b-5hwf0wd93b] {
		
	}

/* -------------------------------------------------------------------------- *
 * Variant and option styles
 * -------------------------------------------------------------------------- */
/* ----- Example variant ----- */
.a_button.-ghost[b-5hwf0wd93b] {
	
}

	.a_button.-ghost:hover[b-5hwf0wd93b] {
		
	}


/* ----- Another variant ----- */
.a_button.-widest[b-5hwf0wd93b] {

}


/* -------------------------------------------------------------------------- *
 * Responsive variants
 * -------------------------------------------------------------------------- */
@media only screen and (max-width: 1400px) {
	/* ---------------------------------------- *
	 * Laptop Large / .ll- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1200px) {
	/* ---------------------------------------- *
	 * Laptop Small / .ls- / 12 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 1000px) {
	/* ---------------------------------------- *
	 * Tablet Large / .tl- / 8 columns
	 * ---------------------------------------- */
	
}
@media only screen and (max-width: 800px) {
	/* ---------------------------------------- *
	 * Tablet Small / .ts- / 6 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 600px) {
	/* ---------------------------------------- *
	 * Mobile Large / .ml- / 4 columns
	 * ---------------------------------------- */

}
@media only screen and (max-width: 400px) {
	/* ---------------------------------------- *
	 * Mobile Small / .ms- / 2 columns
	 * ---------------------------------------- */
	
}