@import url(https://assets.mindyra.com/css/bootstrap-icons-1.10.3.css);
.chart-mwi .ct-label {
	font-size: 14px;
}

.chart_2 .ct-chart-bar .ct-label.ct-horizontal.ct-end {
	position: fixed;
	transform: translate(80px, 0px);
	-webkit-transform: translate(80px, 0px); /* Safari and Chrome */
	-o-transform: translate(74px, 0px); /* Opera */
	-moz-transform: translate(74px, 0px); /* Firefox */
	-webkit-transform-origin-x: 0;
}

.series-total {
	stroke: #217fea;
	stroke-width: 20px;
}

.series-avg {
	stroke: #1ed7a9;
	stroke-width: 90px;
}

.chart-mwi .ct-series-a .ct-swatch {
	background-color: #217fea;
}

.chart-mwi .ct-series-b .ct-swatch {
	background-color: #1ed7a9;
}

.chart-mwi .ct-bar {
	stroke-width: 30px;
}

.chart-mwi .ct-legend {
	margin-top: 0em;
}

.chart_1 .ct-chart-bar .ct-label .ct-horizontal.ct-end {
	position: fixed;
	-webkit-transform: translateX(3%);
}

.chart_1 .ct-labels text:nth-child(2) {
	position: fixed;
	-webkit-transform: translateX(9.5%);
}

.chart_1 .ct-labels text:nth-child(1) {
	position: fixed;
	-webkit-transform: translateX(4%);
}

.chart-mwi svg:not(:root) {
	overflow: visible;
}

.chart-mwi .ct-grid {
	stroke: rgba(174, 157, 157, 0.453);
	stroke-width: 1px;
	stroke-dasharray: 1px;
}

.ct-label {
	font-size: 14px !important;
}

.ct-legend {
	margin-top: 0 !important;
	margin-bottom: 1em !important;
}

.ct-legend .ct-variable .ct-swatch {
	width: 1em !important;
	height: 1em !important;
	margin-bottom: -2px;
}

.ct-series-a .ct-area {
	fill: #efd3d2;
	fill-opacity: 1;
}

.ct-series-b .ct-area {
	fill: #e6eed5;

	fill-opacity: 1;
}
.ct-series-c .ct-line {
	stroke: darkgray;
}

.ct-series-c .ct-point {
	stroke: gray;
}

.ct-chart-line .ct-label.ct-horizontal.ct-end {
	text-anchor: middle !important;
}

.chart-axis {
	font-family: "Lato", sans-serif;
	font-size: 16px;
}

.chart-axis line,
.chart-axis path {
	stroke: #666;
}

.chart-axis text {
	fill: #666;
	transform: scaleY(1.3) scaleX(1.3);
}

.chart-svg {
	margin: auto;
}

.chart-bottom-axis text {
	text-anchor: end;
	-ms-transform: rotate(270deg) translate(-9px, -14px) scaleY(1.3) scaleX(1.3);
	/* IE 9 */
	-webkit-transform: rotate(270deg) translate(-9px, -14px) scaleY(1.3)
		scaleX(1.3);
	/* Safari */
	transform: rotate(270deg) translate(-9px, -14px) scaleY(1.3) scaleX(1.3);
}

.chart-legend div {
	height: 1em;
	position: relative;
	margin-right: 11px;
	vertical-align: middle;
}

.chart-legend span {
	display: inline-block;
	vertical-align: middle;
}

.chart-legend-patient-range {
	width: 20px;
	display: inline-block;
}

#chart-container {
	cursor: pointer;
}

.chart-section-cps {
	flex-wrap: wrap;
	margin: 2em 0em 0em 2em;
}

.chart-description-section-cps {
	width: 62%;
	margin-top: 2em;
}

@media screen and (max-width: 992px) {
	.chart-section {
		margin: auto;
	}

	.chart-score-axis-description {
		display: none !important;
	}
	.chart-section-cps n {
		margin: 0;
	}

	.chart-section-cps {
		margin: 0;
	}
	.chart-description-section-cps {
		width: 100%;
	}
}

@media screen and (min-width: 992px) {
	.chart-with-description {
		display: flex;
		justify-content: space-between;
		margin: auto;
	}
}

@media screen and (min-width: 992px) {
	.chart-section {
		display: inline-block;
	}
}

@media screen and (max-width: 600px) {
	.chart-with-description {
		overflow: auto;
	}
}

@media print {
	.chart-description-section-cps {
		max-width: 50%;
	}
}

/* here add required css from other files (currently deactivated) */

:root {
	--primary: #217fea;
	--primary-hover: #1758A3;
	--primary-focus: #0D325D;
	--primary-light: #d1e8f9;
	--secondary: #1ed7a9;
	--grey: #cfcfcf;
	--light-grey: #f4f4f4;
	--dark-grey: #535353;
	--orange: #eca349;
	--white: #fff;
	--chart-high: #308c83;
	--chart-mid: #1e4e59;
	--chart-low: #1a1c21;
	--bc-primary-gradient: linear-gradient(0deg, #217fea 0%, #00335b 100%);
	--base-font-size: 1.05rem;
}

body {
	font-size: calc(var(--base-font-size)*.875) !important;
}

button,
a {
	font-size: var(--base-font-size) !important;
}

h1 {
	font-size: calc(var(--base-font-size)*1.5) !important;
}

h2 {
	font-size: calc(var(--base-font-size)*1.25) !important;
}

.nav-link,
h3 {
	font-size: calc(var(--base-font-size)*1.125) !important;
}

h4 {
	font-size: calc(var(--base-font-size)*1) !important;
}

h5 {
	font-size: calc(var(--base-font-size)*.875) !important;
}

h6 {
	font-size: calc(var(--base-font-size)*.75) !important;
}

.main_layout {
	width: 100%;
}

@media (min-width: 1215px) {
	.main_layout {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
	}
}

.dropdown-item:hover {
	background-color: #6fb5ff3f !important;
}

.dropdown-no-bg {
	background-color: transparent !important;
	border: 0 !important;
}

.table:hover {
	--bs-table-hover-bg: var(--bs-primary-light);
}

/* REACT AUTOSUGGEST */
.react-autosuggest__container {
	position: relative;
}

.react-autosuggest__container--open .react-autosuggest__suggestions-container {
	display: block;
	position: absolute;
	top: 41px;
	width: 66.5%;
	border: 1px solid #bbb;
	border-radius: 3px;
	background-color: var(--white);
	font-size: 16px;
	box-shadow: 8px 8px 24px -20px rgba(66, 68, 90, 1);
	z-index: 2;
}

.react-autosuggest__suggestions-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.react-autosuggest__suggestion+.react-autosuggest__suggestion {
	border-top: 1px solid #ddd;
}

.suggestion {
	display: flex;
	cursor: pointer;
	justify-content: space-between;
	padding: 10px 20px;
}

.suggestion:hover {
	background-color: var(--primary-light);
}

.suggestion-name {
	color: var(--primary)
}

/* REACT AUTOSUGGEST */

/* NAVBAR */
.dropdown-toggle.nav-link::after,
.dropdown-toggle::after {
	display: none !important;
}

a.nav-link:not(.dropdown-toggle) {
	color: var(--light-grey);
	padding: 0.8rem !important;
	margin: 0.2vw;
}

.nav-link[role="button"]:not(.dropdown-toggle):hover {
	background-color: var(--primary-hover);
	border-radius: 4px;
}

.nav-link[role="button"]:not(.dropdown-toggle):focus {
	background-color: var(--primary-focus);
	color: var(--grey);
	border-radius: 4px;
}

.provider-language-dropdown-menu .dropdown-menu {
	vertical-align: middle !important;
	width: 160px !important;
	left: auto !important;
	right: 0 !important;
}

.profile-dropdown-menu .dropdown-menu {
	width: 300px !important;
	left: 0 !important;
	right: 0 !important;
}

.main-header-brand {
	height: 5rem;
}

.main-header-brand > a > img {
	height: 100%;
}

@media screen and (min-width: 992px) {
	.profile-dropdown-menu .dropdown-menu {
		width: 300px !important;
		left: auto !important;
		right: 0 !important;
	}
}

.navbar-toggler:not(.collapsed) {
	margin-bottom: 0.5rem;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
}

.navbar-toggler span {
	display: block;
	background-color: var(--white);
	height: 2px;
	width: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	left: 0;
	opacity: 1;
	transition: all 0.35s ease-out;
	transform-origin: center left;
}

.navbar-nav {
	align-items: center;
}

.navbar-toggler span:nth-child(1) {
	margin-top: 0.3em;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
	height: 3px;
	transform: translate(15%, -33%) rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
	opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
	height: 3px;
	transform: translate(15%, 33%) rotate(-45deg);
}

.navbar-toggler span:nth-child(1) {
	transform: translate(0%, 0%) rotate(0deg);
}

.navbar-toggler span:nth-child(2) {
	opacity: 1;
}

.navbar-toggler span:nth-child(3) {
	transform: translate(0%, 0%) rotate(0deg);
}

.nav-link[role="button"].active {
	background-color: var(--primary);
	border-color: var(--primary);
	border-radius: 4px;
	color: var(--white) !important;
}

@media (max-width: 991px) {
	.navbar {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		background: var(--bc-primary-gradient);
		padding: 1px 16px 1px 16px !important;
	}

	.navbar:not(.opacity-100) {
		background: rgba(0, 78, 140, 0.5);
	}

	.nav-link[role="button"].active {
		background-color: transparent;
		text-decoration: underline;
		text-underline-offset: 0.3rem;
	}

	a.nav-link {
		font-size: 1rem;
		color: var(--white) !important;
	}

	.main-header-brand {
		height: 3rem;
		margin-top: 0.5rem;
		order: 2 !important;
	}

	.navbar-toggler {
		order: 1 !important;
	}

	.dropdown {
		order: 3 !important;
	}
}

/* /NAVBAR */

.box_white {
	background-color: var(--white);
	box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	padding: 1rem;
}

.zoom {
	transition: transform 0.2s;
}

.zoom:hover {
	transform: scale(1.05);
}

.btn-primary:not(.dropdown-toggle):hover {
	background-color: var(--primary-hover) !important;
	border-color: var(--primary-hover) !important;
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.pending-spinner {
	display: none;
	background-color: var(--white);
}

.pending>* {
	display: none;
}

.pending>.pending-spinner {
	width: 16px;
	height: 16px;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
	margin: 0 3px;
}

.pending.primary>.pending-spinner {
	background-color: var(--primary);
}

.pending::before,
.pending::after {
	width: 16px;
	height: 16px;
	background-color: var(--white);
	content: "";
	display: inline-block;
	border-radius: 100%;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.pending.primary::before,
.pending.primary::after {
	background-color: var(--primary);
}

.pending::before {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.debug-results {
	font-size: 12px;
	opacity: 0.1;
}

.uppercase-first-letter::first-letter {
	text-transform: uppercase;
}

@media (max-width: 640px) {
	.yt-player iframe {
		width: 350px;
		height: 195px;
	}
}

@media (max-width: 415px) {
	.yt-player iframe {
		width: 280px;
		height: 155px;
	}
}

.width-fit-content {
	width: fit-content;
}

.yt-player-w-full iframe {
	width: 100%;
}

.fs-0 {
	font-size: calc(2*(1.275rem + 0.3vw))
		/* twice the size of fs-1*/
}

.pdf-header {
	background: var(--primary) !important;
	color: var(--light-grey) !important;
	padding: 40px 36px 0 28px !important;
	position: relative !important;
}

.pdf-header p {
	margin-top: 1rem;
	font-size: 1.25rem;
}

.pdf-header h1 {
	font-weight: 800 !important;
	margin-bottom: 0 !important;
	font-size: 2rem !important;
}

.pdf-wave {
	width: calc(100% + 5px);
	margin-top: -2px !important;
}

.pdf-table-header-background {
	background-color: #ccdce8 !important;
}

.pdf-break-inside {
	break-inside: avoid;
}

.sso-globe-dropdown .dropdown-toggle,
.sso-user-dropdown .dropdown-toggle {
	padding: 1vw !important;
}

.sso-user-dropdown:hover {
	background-color: var(--primary);
	border-radius: 4px;
}

.sso-globe-dropdown .dropdown-menu {
	vertical-align: middle !important;
	width: 160px !important;
	left: auto !important;
	right: 0 !important;
	top: 0;
}

.insurance_carrier {
	padding: 0 !important;
}

.insurance_carrier .react-select__indicator-separator {
	display: none !important;
}

.insurance_carrier .react-select__placeholder,
.insurance_carrier .react-select__dropdown-indicator {
	color: var(--dark-grey);
}

.insurance_carrier .react-select__dropdown-indicator svg {
	width: 18px;
}

p.dump_question {
	margin-bottom: 0.25rem !important;
}

.outline:focus-visible {
	outline: solid black 2px !important;
}

.spinner-circular {
	display: inline-block;
	position: relative;
	width: 2rem;
	height: 2rem;
}

.spinner-circular svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(0);
	animation: spinner-circular 2s linear infinite;
	/* Apply rotation here */
}

.spinner-circular circle {
	stroke: currentColor;
	stroke-dasharray: 80px, 200px;
	stroke-dashoffset: 0;
	stroke-width: 5;
	fill: none;
	animation: spinner-circular-inner 1.5s ease-in-out infinite;
}

@keyframes spinner-circular {
	100% {
		transform: rotate(360deg);
	}
}

@keyframes spinner-circular-inner {
	0% {
		stroke-dasharray: 1px, 200px;
		stroke-dashoffset: 0px;
	}

	50% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -15px;
	}

	100% {
		stroke-dasharray: 100px, 200px;
		stroke-dashoffset: -125px;
	}
}

.loader-dots {
	width: 20px;
	aspect-ratio: 2;
	--_g: no-repeat radial-gradient(circle closest-side, hsl(0, 0%, 42%) 90%, #0000);
	background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
	background-size: calc(100% / 3) 50%;
	animation: l3 1s infinite linear;
}
@keyframes l3 {
	20% {
		background-position: 0% 0%, 50% 50%, 100% 50%;
	}
	40% {
		background-position: 0% 100%, 50% 0%, 100% 50%;
	}
	60% {
		background-position: 0% 50%, 50% 100%, 100% 0%;
	}
	80% {
		background-position: 0% 50%, 50% 50%, 100% 100%;
	}
}

.error-header-container {
	height: 20rem;
	background: var(--primary);
}

.white-logo-container {
	height: 4rem;
	margin-top: 2rem;
}

.mwi-result-section a {
	font-size: inherit !important;
}

.password-pwned-alert a {
	font-size: calc(var(--base-font-size)*.875) !important;
}

.header-wave-container {
	bottom: 0;
	height: auto;
	width: 100%;
	position: absolute;
}

/* Fallback heights for browsers (like some iPhone versions) struggling with height: auto */
@media (max-width: 992px) {
	.header-wave-container {
		height: 3rem;
	}
}

@media (max-width: 590px) {
	.header-wave-container {
		height: 2rem;
	}
}

@media (max-width: 360px) {
	.header-wave-container {
		height: 1rem;
	}
}

/* shared with pdfs */
.bar-background {
	background: linear-gradient(to right, var(--chart-high) 0%, var(--chart-mid) 50%, var(--chart-low) 100%) !important;
}

.severity-bar-dot {
	width: 12px !important;
	height: 12px !important;
	background-color: var(--white) !important;
	border-radius: 50% !important;
}

.reverse-bar-background {
	background: linear-gradient(to left, var(--chart-high) 0%, var(--chart-mid) 50%, var(--chart-low) 100%) !important;
}

.background-none {
	background: none !important;
}

.average-tick {
	width: 6px !important;
	height: 6px !important;
	background-color: var(--secondary) !important;
	border-radius: 30% !important;
}

.bar-color {
	color: var(--chart-high) !important;
}