@import url("reset.557f2a33566a.css");

* {
	font-family: 'Nunito Sans', sans-serif;
	color: black;
	line-height: 1.2em;
}
:root {
	--blue_violet: #1C2653;
	--medium_blue: #1268B3;
    --brilliant_blue: #258BE6;
	--pale_gray: #E8E9EC;
	--brilliant_orange: #EC5A24;
	--brilliant_orange_light: #f1835b;
    --bright_yellow: #F0AB00;
	--logo_teal: #018180;
	--bright_logo_teal: #4EC1B6;
	--bright_white: #FFFFFF;
	--bright_turquoise: #52C6D8;
	--deep_turquoise: #069BB7;
    /*--shy_pink: #DB215F;*/
    --shy_pink: #CA3E57;
	--wag_gray: #636363;
	--warning_dkbg: #DA7789;
	--field_navy: #141C42;
    --sky_blue: #45b6a7;
	--padding: 15px;
    --padding-20: 20px;

	--md-main-width: 450px;
	--xl-main-width: 820px;
}
body {
	height: 100%;
    width: 100%;
    margin: auto;
	position: fixed;
	overflow: hidden;
	transition: background 0.4s ease;
    padding-top: 85px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
body[data-experience=patient] {
    display: block;
}
@media (min-width: 901px) {
	body[data-experience=patient] {
		width: 420px;
		/*-webkit-box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.32);*/
		-webkit-box-shadow: 0px 10px 14px 20px rgba(189,31,31,0.32);
		/*box-shadow: 0px 0px 14px -4px rgba(0,0,0,0.32);*/
		box-shadow: 0px 10px 14px 20px rgba(189,31,31,0.32);
		margin: calc(10vh / 2) calc((100vw - 420px)/2);
		height: 90vh;
	}
	html {
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		/*background: #f7f7f7;*/
		background: #363535;
		height: 100%;
		/* hide scrollbar but not scrolling */
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}

	/* hide scrollbar but not scrolling */
	/* for Chrome, Safari, and Opera */
	body::-webkit-scrollbar{
		display: none;
	}
}
body.has_no_footer {
    padding-bottom: 20px;
}
body.has_footer_small {
	padding-bottom: 97px;
}
body.has_bottom_drawer {
	padding-bottom: 130px;
}
body.has_bottom_drawer[data-hide-phi="yes"] {
	/* padding-bottom: 60px; */
}
body.has_footer_large {
	padding-bottom: 212px;
}
main {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
body[data-experience="patient"] {
    padding-top: 102px;
}
body[data-experience="patient"] header {
    margin-bottom: 27px;
}
body[data-experience="patient"] main {
    height: auto;
}
b, strong {
	color: inherit;
}
body.logo_center header .logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

body[data-bg-color=blue]  {
	background: var(--blue_violet);
}
body[data-bg-color=gray] {
	background: var(--pale_gray);
	color: var(--blue_violet);
}
body[data-bg-color=gray].darken {
	background-color: #D8DAE1;
}
strong {
	font-weight: 700;
}
html {
	font-size: 10px;
}
h1, h2, h3, h4, h5, h6, p {
	color: var(--blue_violet);
}
[data-bg-color="blue"] h1, [data-bg-color="blue"] h2, [data-bg-color="blue"] h3, [data-bg-color="blue"] h4, [data-bg-color="blue"] h5, [data-bg-color="blue"] h6, [data-bg-color="blue"] p {
    color: var(--bright_white);
}
[data-bg-color="gray"] h1, [data-bg-color="gray"] h2, [data-bg-color="gray"] h3, [data-bg-color="gray"] h4, [data-bg-color="gray"] h5, [data-bg-color="gray"] h6, [data-bg-color="gray"] p {
	color: var(--blue_violet);
}
h1 {
	font-family: 'Bree Serif', serif;
	font-size: 3.2rem;
	color: var(--logo_teal);
}
[data-experience="patient"] h1 {
    font-size: 2.8rem;
    line-height: normal;
}
h2 {
	font-family: 'Bree Serif', serif;
	font-size: 2.6rem;
	color: var(--logo_teal);
}
h3 {
	font-size: 1.8rem;
	font-weight: bold;
}
h4 {
	font-size: 1.6rem;
	font-weight: bold;
}
h5 {
	font-size: 1.4rem;
	font-weight: bold;
}
h6 {
	font-size: 1.2rem;
}
* + p {
	margin-top: 6px;
}
p {
	font-size: 1.3rem;
	line-height: 2;
	color: #5D5D5E;
    font-weight: 400;
}
.wrap {
	padding-left: var(--padding);
	padding-right: var(--padding);
}
.wrap-300,
.wrap-345 {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}
.wrap-300 {
	width: 300px;
}
.wrap-345 {
	width: 345px;
}
.wrap-p-20 {
    padding-left: var(--padding-20);
    padding-right: var(--padding-20);
}
.center {
	text-align: center;
}
.font-mono {
    font-family: "Roboto Mono", monospace !important;
}
ol, ul {
	padding-left: 48px;
	margin-top: var(--padding);
}
/* li::before {
	content: "\2022";
	color: var(--brilliant_orange);
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	position: absolute;
} */
li {
	font-size: 14px;
	color: var(--bright_white);
	line-height: 1.6em;
    font-weight: 400;
}
li + li {
	margin-top: 4px;
}

option {
	color: white;
}

header {
	width: inherit;
    background-color: var(--field_navy);
    position: fixed;
    top: 0;
    padding: 25px 20px 17px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: inherit;
    z-index: 150;
    box-shadow: 0px 0px 3px 3px #00000033
}
header .logo {
	height: 23px;
}
button[disabled] {
	pointer-events: none;
	opacity: 0.5;
}
header .hamburger {
	position: absolute;
	right: 20px;
	cursor: pointer;
}

header .hamburger line {
	stroke: #2B9BFF;
}
header .header-back {
	fill: #2B9BFF;
}
[data-bg-color=gray] .input-label {
	text-align: left;
	background-color: var(--bright_white);
	border-radius: 5px;
	border: none;
}
[data-bg-color=gray] .input-label input {
	color: black;
	font-weight: bold;
}
[data-bg-color=gray] .input-label span {
	color: black;
}
[data-bg-color=gray] label {
	color: var(--blue_violet);
}

[data-bg-color=blue] h1 {
	color: var(--bright_white);
}

.intro {
	padding-top: 20px;
	padding-right: 40%;
	position: relative;
	padding-bottom: 52px;
	min-height: 164px;
}
[data-bg-color=blue] .intro h5 {
	color: var(--brilliant_orange);
}

.cta.share::before {
	background-image: url("images/icon_share.20e142acfdb6.svg");
}
.cta::before {
	content: " ";
	position: absolute;
	top: 0;
	right: 16px;
	background-image: url("images/arrow_white_right.6f9bc61f1610.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	height: 100%;
	width: 12px;
}
.cta {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: var(--brilliant_orange);
	border-radius: 35px;
	color: var(--bright_white);
	font-size: 1.4rem;
	font-weight: 900;
	background-position: center;
	transition: background 1.2s;
	padding: 12px 30px 12px 22px;
	line-height: 1.9rem;
	min-width: 144px;
	border: none;
}
.cta.secondary {
	border: 2px solid var(--brilliant_orange);
	background: none;
}
.cta:hover {
	/* background: var(--brilliant_orange) radial-gradient(circle, transparent 1%, #f1835b 1%) center/15000%; */
}
.cta:active {
	background-color: #f1835b;
	/* background-size: 100%; */
	transition: background 0s;
}


.back-button.share::before {
	background-image: url("images/icon_share.20e142acfdb6.svg");
}
.back-button::before {
	content: " ";
	position: absolute;
	left: 16px;
	background-image: url("images/arrow_blue_left.b5f6b8a02e28.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	height: 100%;
	width: 12px;
}
.back-button {
	display: inline-block;
	text-decoration: none;
	position: relative;
	background: var(--brilliant_orange);
	border-radius: 35px;
	height: 40px;
	line-height: 40px;
	color: var(--bright_white);
	font-size: 14px;
	font-weight: 700;
	background-position: center;
	transition: background 1.2s;
	/* padding: 0 72px 0 22px; */
	padding: 0 30px 0 22px;
	min-width: 144px;
}
.back-button:hover {
	/* background: var(--brilliant_orange) radial-gradient(circle, transparent 1%, #f1835b 1%) center/15000%; */
}
.back-button:active {
	background-color: #f1835b;
	/* background-size: 100%; */
	transition: background 0s;
}


.back::before {
	content: " ";
	position: absolute;
	left: 0;
	background-image: url("images/arrow_blue_left.b5f6b8a02e28.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	height: 100%;
	width: 12px;
}

.queue-button {
	position: absolute;
	bottom: 0;
	padding: 48px 0;
	text-align: center;
	width: 100%;
	left: 0;
}

.matrix {
	background-image: url("images/matrix_dot.f4e2292792fe.svg");
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
}
.intro .matrix {
	width: 95px;
	height: 140px;
	right: -24px;
	top: 14px;
}
.provider-details .matrix {
    width: 188px;
    height: 20px;
    left: 50%;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
    top: -22px;
}
.provider-details.open .matrix {
	display: none;
}

[data-bg-color=blue] label {
	color: var(--bright_white);
}
label {
	font-size: 14px;
	font-weight: bold;
}

.select-wrap {
	position: relative;
}
.select-wrap:focus-within::before {
	-ms-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
* + .select-wrap {
	margin-top: 10px;
}
select {
	padding: 0 15px 0 0;
	border-radius: 3px;
	vertical-align: middle;
	width: 100%;
    font-family: 'Nunito Sans', sans-serif;
	font-size: 14px;
	outline: none;
	border: none;
    height: 42px;
    line-height: 42px;
    text-indent: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    font-weight: bold;
}
.select-wrap[data-color=blue] option {
	color: var(--bright_white);
}
.select-wrap[data-color=gray] option,
.select-wrap[data-color=white] option,
.select-wrap[data-color=orange] option {
	color: black;
}
.select-wrap[data-color=blue] select {
	background: var(--field_navy);
    color: var(--bright_white);
}
.select-wrap[data-color=gray] select {
	background: #D8DAE1;
    color: #181D1E;
}
.select-wrap[data-color=white] select {
	background: var(--pale_gray);
    color: #181D1E;
}
.select-wrap::before, .timepicker-wrap::before {
	content: " ";
	position: absolute;
	top: 0px;
	right: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	height: 100%;
	width: 12px;
	transition: transform 0.2s ease;
    pointer-events: none;
}
.select-wrap[data-color=blue]::before {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"%3E%3Cpolyline fill="none" stroke="%23EC5A24" stroke-width="1.5" points="11,4 6,8 1,4"/%3E%3C/svg%3E');
}
.select-wrap[data-color=gray]:not(.shady)::before,
.select-wrap[data-color=white]:not(.shady)::before,
.timepicker-wrap[data-color=gray]::before {
    background-image: url("images/arrow_black_down.88aac5b61e1a.svg");
}
.select-wrap[data-color=orange]:not(.shady)::before {
    background-image: url("images/arrow_orange_down.86ac9bd5872a.svg");
}



/*.dropdown ul {
	margin-top: 10px;
	padding: 5px 15px;
	border-radius: 3px;
	vertical-align: middle;
}
.dropdown ul {
	position: relative;
}
.dropdown ul:not(.open) li:not(.placeholder) {
	display: none;
}
.dropdown ul.open::before {
	-ms-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}
.dropdown ul::before {
	content: " ";
	position: absolute;
	top: 16px;
	right: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	height: 12px;
	width: 12px;
	transition: transform 0.2s ease;
}
.dropdown ul li:not(.placeholder)::before {
	content: " ";
	display: inline-block;
	border: 1px solid rgba(255,255,255,0.8);
	border-radius: 3px;
	margin-right: 6px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.dropdown ul li {
	font-weight: 300;
	font-size: 14px;
	height: 32px;
	line-height: 1em;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.dropdown ul li.active:after {
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	left: 0px;
	top: 8px;
	background-image: url("images/checkmark.9b8ec5d0bda8.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
}
.dropdown ul li.active::before {
	background: var(--brilliant_orange);
	border-color: var(--brilliant_orange);
}
.dropdown ul li span {
	opacity: 60%;
	color: var(--bright_white);
}
.dropdown.selected ul li.placeholder span {
	opacity: 1;
}*/

.range-wrap .o-text {
    font-size: 1.0rem;
    padding: 0;
}

.slider-container {
    display: grid;
    grid-template-rows: auto auto;
    gap: 5px;
}

.slider-container input[type="range"] {
    grid-row: 2;
    width: 100%;
}

.slider-labels {
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    width: 100%;
    color: var(--blue_violet);
}

.slider-labels .o-text {
    text-align: center;
}

.input {
	position: relative;
}
.input + .input {
	margin-top: 42px;
}

label + input {
	margin-top: 10px;
}
textarea {
    font-size: 1.4rem;
}
input:not([type=radio]):not([type=checkbox]) {
	border-radius: 3px;
	font-family: 'Nunito Sans', sans-serif;
	border: none;
	outline: none;
	display: block;
	width: 100%;
    font-size: 1.4rem;
	padding: 10px;
    font-weight: 300;
	position: relative;
}
input[type=range]{
    margin:auto;
    width:100%;
    cursor: grab;
    padding: 0;
    accent-color: var(--blue_violet);
    height: auto;
}
.input.search::before {
	content: " ";
	width: 16px;
	height: 16px;
	position: absolute;
	right: 16px;
	bottom: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
}
.input[data-color=blue] input {
	background: var(--field_navy);
	color: var(--bright_white);
}
.input[data-color=gray] input,
.input[data-color=white] input {
    background: #D8DAE1;
    color: #181D1E;
}
.input[data-color=blue].search::before {
	background-image: url("images/mag_glass.1a9f67ff8b65.svg");
}
.input[data-color=gray].search::before,
.input[data-color=white].search::before {
	background-image: url("images/mag_glass_blue.aaba2bca1218.svg");
}

.note::before {
	content: " ";
	width: 18px;
	height: 18px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 8px;
	background-image: url("images/note_icon.013726f2d08f.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
[data-bg-color=blue] .note p {
	color: var(--bright_white);
}
.note {
	margin-top: 20px;
}
.note p strong {
	color: inherit;
	display: inline-block;
	vertical-align: baseline;
}
.note p {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 300;
}

[data-bg-color="white"] footer {
	background: var(--bright_white);
}
footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 100;
}
footer .nav {
	padding-top: 34px;
    padding-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.progress .dot {
	position: relative;
	z-index: 5;
}
.progress .dot.completed::before {
	content: " ";
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	top: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-image: url("images/checkmark.9b8ec5d0bda8.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	z-index: 1;
}
.progress .completed svg {
	width: 20px;
	height: 20px;
	position: relative;
}
.progress .active svg circle,
.progress .completed svg circle {
	fill: var(--brilliant_orange);
}
.progress .completed svg circle {
	/* cx: 5; */
	/* cy: 5; */
	/* r: 8; */
	-ms-transform: scale(2);
	-webkit-transform: scale(2);
	transform: scale(2);
}
.progress {
	height: 20px;
	background: #D8DAE1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.progress .dot-wrap {
	height: 20px;
	 display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.progress .wrap {

}
.progress .tracker {
	position: absolute;
	top: 0;
	width: 200%;
	right: calc(0% * -1);
	margin-right: calc(100% - 22px);
	background: #F3C2AF;
	height: 100%;
	border-radius: 10px;
	z-index: 1;
}
.progress .tracker[data-dot="1"] {
	right: calc(0% * -1);
}
.progress .tracker[data-dot="2"] {
	right: calc(50% * -1);
}
.progress .tracker[data-dot="3"] {
	right: calc(97% * -1);
}
[data-experience="patient"] .progress {
    position: relative;
    overflow: hidden;
    background-color: #2B9BFF26;
}
[data-experience="patient"] .progress .tracker {
    background-color: #2B9BFF4C;
}
[data-experience="patient"] .progress .tracker[data-dot="2"] {
    right : calc(49% * -1);
}
[data-experience="patient"] .progress .tracker[data-dot="3"] {
    right : calc(95% * -1);
}
[data-experience="patient"] .progress svg circle {
    fill: #FFFFFF
}
[data-experience="patient"] .progress .dot.completed::before {
    background-image: url("images/checkmark-darkblue.f8086f3e0a17.svg");
}

.lead {
	padding-bottom: 5px;
	border-bottom: 1px solid #DBDBDB;
	position: relative;
	margin-bottom: 20px;
}
.lead h2 {
    font-size: 2.7rem;
    margin-bottom: 20px;
    line-height: 3.1rem;
    text-align: center;
}
.lead h5 {
    color: var(--logo_teal);
    line-height: 1.9rem;
}
.lead .pill {
	position: absolute;
	right: var(--padding);
	/* top: 50%; */
    /* SH/SU */
	/* bottom: 2px; */
    /* SH/SU-e */
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.time {
	font-family: 'Nunito Sans';
	font-weight: 800;
	font-size: 24px;
	line-height: 1.3em;
	color: var(--blue_violet);
	margin-top: 4px;
}
.time sup {
	font-family: 'Nunito Sans';
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 22px;
	color: var(--blue_violet);
	top: auto;
}
.time span {
	color: #888F9C;
	opacity: 0.4;
}
.lead .time {
    font-weight: 800;
    font-size: 3.0rem;
    line-height: 3.3rem;
    margin-top: 0;
}
.lead .time sup {
    left: 3px;
}
.lead .time span.divider {
    display: inline-block;
    width: 11px;
    height: 1px;
    background: var(--blue_violet);
    margin: 0px 10px;
    vertical-align: middle;
    opacity: 1;
}

hr {
	height: 2px;
	border: none;
	background: #D8DAE1;
	margin: 30px 0;
}
hr.thin {
	margin-top: var(--padding);
	margin-bottom: var(--padding);
}
[data-bg-color=blue] hr {
	background: var(--field_navy);
}
[data-bg-color=gray] hr {
	background: #C4C4C4;
}

.pad {
	padding-top: var(--padding);
	padding-bottom: var(--padding);
}

* + .pill.add {
	margin-top: 20px;
}
.pill.add::before {
	content: " ";
	position: absolute;
	top: calc(50% - 5px);
	right: 10px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
	height: 10px;
	width: 10px;
}
.pill.add {
	padding-right: 58px;
}
[data-bg-color=blue] .pill {
	color: var(--bright_white);
}
[data-bg-color=gray] .pill {
	color: var(--blue_violet);
}
[data-bg-color=gray] .pill.add::before {
	background-image: url("images/plus_blue.560ff7609606.svg");
}
[data-bg-color=blue] .pill.add::before {
	background-image: url("images/plus_white.abf635d87c22.svg");
}
.pill {
	padding: 0 18px;
	position: relative;
	display: inline-block;
	text-decoration: none;
	height: 32px;
	line-height: 32px;
	border-radius: 16px;
	font-size: 14px;
	font-weight: 700;
	background-position: center;
	transition: background 0.8s;
	border: 1px solid currentColor;
}
.pill:hover {
	/* background: var(--pale_gray) radial-gradient(circle, transparent 1%, #d0d2d2 1%) center/15000%; */
}
.pill.orange {
	background: var(--brilliant_orange);
	border-color: var(--brilliant_orange);
	color: white;
}
.pill:active {
	background-color: #d0d2d2;
	transition: background 0s;
}
.pill.orange:active {
    background-color: #f1835b;
}
.pill.pink {
	background: var(--shy_pink);
	border-color: var(--shy_pink);
	color: white;
}

.pill.orange-border::before {
	content: none;
}
.pill.orange-border {
	padding: 0 30px 0 22px;
	background: var(--field_navy);
	text-align: center;
	border-color: var(--brilliant_orange);
}
.pill.orange-border:active {
	background: #293260;
}

.pill.reload{
    content: url("images/reload_ico.fa0e7e204b04.svg");
    padding: 4px;
}

.pill.orange:active {
    background-color: #f1835b;
}
.pill.pink:active {
    background-color: #752942;
}
/*.split_50 {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.split_50 > * {
	width: 50%;
}*/
/*.split_50 .dropdown {
	position: relative;
	font-size: 14px;
	color: #181d1e;
	padding-left: 20px;
	font-weight: 400;
	line-height: 42px;
	height: 42px;
}
.split_50 .dropdown::before {
	content: " ";
	position: absolute;
	top: calc(50% - 6px);
	right: 18px;
	background-image: url("images/arrow_black_down.88aac5b61e1a.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	height: 12px;
	width: 12px;
	transition: transform 0.2
}
.split_50 .dropdown {
	background: #D8DAE1;
}*/

.cards {
	-ms-overflow-style: none; /* IE hide scrollbar not scrolling */
	scrollbar-width: none; /* Firefox hide scrollbar not scrolling */
}

.cards::-webkit-scrollbar {
	display: none;
}

.sortable {
	position: relative;
	flex: 1;
	overflow-y: auto;
    overflow-x: hidden;
	-ms-overflow-style: none; /* IE hide scrollbar not scrolling */
	scrollbar-width: none; /* Firefox hide scrollbar not scrolling */
}
.sortable::-webkit-scrollbar{
	display: none;
}

.sortable .ui-sortable-helper .handle {
	cursor: grabbing;
}

.patient {
	position: relative;
    margin-bottom: 10px;
}
.patient .box {
	width: 100%;
	position: relative;
	transition: transform 0.15s;
	z-index: 2;
	-webkit-align-items: center;
	align-items: center;
	background: var(--bright_white);
	display: -webkit-flex;
	display: flex;
	align-items: stretch;
	border-radius: 5px;
	padding: 0;
    height: 60px;
}
.patient .box > section {
	padding-left: 0;
	padding-right: 0;
}
.patient.open .box {
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
}
.patient .extra-info {
	background: #f7f7f7;
	display: none;
	padding: var(--padding) 31px;
	position: relative;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-ms-border-radius: 0px 0px 5px 5px;
}
.patient .extra-info .container {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: 12px 24px;
}
.patient.open .extra-info {
	display: block;
	z-index: 2;
}
.patient .card-wrapper {
	position: relative;
	display: flex;
	align-items: center;
}
.patient .lswipe-btn {
	height: 97%;
	background: #bc4058;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 1px;
	border: none;
	border-radius: 5px;
	user-select: none;
    font-size: 1.2rem;
    color: white;
    padding: 5px 10px;
    min-width: 70px;
}
.patient .lswipe-btn::before {
    content: "";
    background-image: url("images/delete-rotation.28d3e573f2ed.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}
.patient.observe .box {
	padding-left: 15px;
	padding-right: 36px;
}
.patient.observe {
	width: 100%;
	min-width: auto;
}
#priority .patient svg {
	vertical-align: middle;
	float: right;
}
#priority .patient .info {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding-top: 14px;
	padding-bottom: 14px;
}
#priority .patient .options {
	background: #F6F6F6;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
h5.value {
	font-weight: normal;
}
.patient h5 {
	font-size: 1.4rem;
	color: var(--blue_violet);
    line-height: normal;
}
.patient h5.name {
	font-weight: bold;
	font-size: 1.8rem;
	color: var(--logo_teal);
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.patient.BREAK h5.name {
    color: var(--wag_gray);
}
.patient .room-name {
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}
.patient h5.attr,
.patient h5.last-seen {
	font-weight: 400;
}
.patient h5.last-seen {
	display: none;
}
.patient h6 {
    font-size: 1.2rem;
    font-weight: normal;
}
.patient .options h6 {
	font-weight: 700;
	color: #181D1E;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.patient .box .visited {
	width: 44px;
	height: 5px;
	border-radius: 4px;
	background-color: #C2C6CF;
}
.patient .box .attrs {
	display: grid;
	grid-template-columns: 40px 72px 1fr;
	align-items: center;
	gap: 2px;
}
.patient .box .nurse {
	padding: 3px 8px;
	border-radius: 3px;
    min-width: fit-content;
}
.patient .box .nurse h5 {
    line-height: normal;
    display: inline;
}
.patient .box .nurse.highlight {
	background: #52C6D832;
}
.patient .box .nurse.highlight > h5 {
	color: var(--logo_teal);
}
.patient .box .container {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 5px;
	align-items: center;
	padding: 3px 0px 3px 0px;
}
.patient .set-local-time,
.patient .set-local-end-time {
	font-weight: 600;
    color: #737373;
}
.patient .set-local-time span,
.patient .set-local-end-time span {
    line-height: inherit;
    color: inherit;
    font-size: inherit;
}
.patient[team_status="PAUSED"] .set-local-time {
    opacity: 0.7;
}
.patient .round-icons {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.patient .round-icons, .patient .sched-visit {
	min-width: 60px;
}
.patient .round-icons .icons {
	display: flex;
	justify-content: center;
	align-items: center;
}
.patient .round-icons img {
    height: 10px;
}
.patient .round-icons img + img {
	margin-left: 4px;
}
.patient .arrow,
.patient .options svg {
	cursor: pointer;
}
.patient .options svg {
	margin-left: 5px;
}
.patient .discharge svg.active path {
	fill: #CBDBF4 !important;
}
.patient .discharge svg.active polygon {
	fill: #1268B3 !important;
}
.patient .pause svg.active path.bg {
	fill: #c7eaea !important;
}
.patient .pause svg.active path.icon {
	fill: var(--logo_teal) !important;
}
.patient.top-tile {
    z-index: 152;
	position: absolute;
	width: 100%;
}
.patient.top-tile .box {
	padding-right: 10px;
}
.patient.top-tile .extra-info {
	width: 100%;
}
.patient .popup {
	position: absolute;
}
.patient .handle {
	cursor: grab;
	padding: 0px 10px;
	z-index: 10;
}
.patient .handle::before {
    content: "";
    background-image: url("images/card-handle.3f9baf946830.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 11px;
    height: 12px;
}
.patient img.check {
	display: none;
	position: absolute;
	left: 15px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.sortable .ui-sortable-helper .handle line {
	stroke: #181d1e !important;
}
.patient .arrow {
	padding: 0px 10px;
    -webkit-tap-highlight-color: transparent;
}
.patient .arrow::before {    
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url("images/arrow_orange_down.86ac9bd5872a.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: rotate(-90deg);
    transition: transform 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}
.patient.open .arrow::before {
	transform: rotate(0);
}
.patient:not([data-patient-phone="None"]) .round-icons img[data-type="enroll"] {
    display: none;
}
.patient[data-patient-phone="None"] .round-icons img[data-type="enroll"] {
    display: block;
}
.patient:not([data-patient-phone="None"]) .extra-info .call-button {
    display: flex;
}
.patient[data-patient-phone="None"] .extra-info .call-button {
    display: none;
}
.patient[data-priority="2"] .round-icons img[data-type="priority"] {
	display: block;
}
.patient:not([data-priority="2"]) .round-icons img[data-type="priority"] {
	display: none;
}
.patient[data-discharge="None"] .round-icons img[data-type="discharge"] {
	display: none;
}
.patient:not([data-discharge="None"]) .round-icons img[data-type="discharge"] {
	display: block;
}
.patient.BREAK .box {
    box-shadow: inset 2px 2px 8px #0000003B;
    background: var(--pale_gray);
}

* + [data-split] {
    margin-top: var(--padding);
}

[data-split] {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
[data-split="50-50"] > section {
	width: 50%;
}
[data-split="50-50"].split-gap > section {
	width: 48%;
}
[data-split="60-40"] > section {
	width: 60%;
}
[data-split="60-40"] > section + section {
	width: 40%;
}
[data-split="40-60"] > section {
	width: 40%;
}
[data-split="40-60"] > section + section {
	width: 60%;
}
.patient .room {
	text-align: right;
	height: 60px;
}
.patient .room h5 {
	font-weight: normal;
	vertical-align: middle;
}
.patient .room h5,
.patient .room h5 b*
.patient .room .icons {
	vertical-align: middle;
}
.patient .room .icons {
	display: inline-block;
	margin-top: -4px;
	margin-bottom: -4px;
}
.patient .room .icons img + img {
	margin-left: -6px;
}
.patient .room .icons img {
	vertical-align: middle;
}
.patient .extra-info * {
	color: #181D1E;
}
.patient .extra-info h5 {
	font-size: 1.4rem;
	font-weight: 600;
	color: #181D1E;
	line-height: normal;
}
.patient .extra-info .adj-duration-button {
	background: var(--brilliant_orange);
	border: none;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	padding: 0;
	background-size: contain;
}
.patient .extra-info .adj-duration-button[data-type="inc"] {
	background-image: url("images/circle-add.5974ec719fa1.svg");
}
.patient .extra-info .adj-duration-button[data-type="dec"] {
	background-image: url("images/circle-minus.0a915318f3bf.svg");
}
.patient .extra-info .adj-duration-button:active {
	opacity: 0.5;
}
.patient .btn-link.btn-small {
    font-size: 1.2rem;
    padding: 5px 0px;
    font-weight: 600;
}
.patient .btn-link:hover {
    color: var(--brilliant_orange);
}
.patient .btn-link:active {
    color: var(--brilliant_orange_light);
}
.patient .extra-info .edit-enroll {
	display: flex;
	align-items: center;
}
.patient .extra-info .edit-enroll::before {
	content: " ";
	background-image: url("images/patient-card-edit-enroll.9cbbafe29be1.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 8px;
	height: 10px;
	display: block;
	margin-right: 3px;
}
.patient .extra-info .edit-enroll:hover:before, .patient .extra-info .edit-enroll:active:before {
	background-image: url("images/patient-card-edit-enroll-active.f0e1c391d539.svg");
}
.patient .extra-info .call-button {
	color: black;
	padding: 7px 16px 5px;
	font-size: 1.3rem;
	line-height: 1.6rem;
	font-weight: 600;
	display: flex;
	align-items: center;
}
.patient .extra-info .call-button::before {
	content: " ";
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	background-image: url("images/icon_phone_orange.8ea159e8f21f.svg");
	height: 11px;
	width: 11px;
	display: block;
	margin-right: 6px;
}
.patient .extra-info .call-button + .call-button {
	margin-top: 5px;
}
.patient .extra-info .call-button.disabled {
	border-color: #888;
	color: #888;
	pointer-events: none;
	opacity: 0.7;
}
.patient .extra-info .call-button.disabled::before {
	background-image: url("images/icon_phone_gray.bdf75bd3076a.svg");
}
.patient .extra-info .duration-container {
	display: flex;
	align-items: center;
	justify-content: center;
}
.patient .extra-info .duration {
    font-size: 1.4rem;
	margin-left: 12px;
    margin-right: 21px;
}
.patient .extra-info .duration * {
    line-height: inherit;
}
.patient[data-status=VISITED] .box {
	background: #d8dae1 !important;
	padding-right: 36px;
}
.patient[data-status=VISITED] .handle {
	display: none;
}
.patient[data-status=VISITED] .box:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 10px;
	width: 16px;
	height: 100%;
	background-image: url("images/icon_check_circle.d2144921239e.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.patient .co-rounding {
    margin-top: -0px;
    padding: 3px 5px;
    padding-top: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.patient .co-rounding span {
	font-size: 1.0rem;
	font-weight: 600;
	text-align: center;
}
.patient .co-rounding[data-status=VISITED] {
	background: #D8DAE1;
}
.patient .co-rounding[data-status=VISITED] span {
	color: #2E2E2E;
}
.patient .co-rounding:not([data-status=VISITED]) {
	background: #B6D0E6;
}
.patient .co-rounding:not([data-status=VISITED]) span {
	color: #1C2653;
}
.patient .co-rounding-overlap {
	position: absolute;
	z-index: 0;
	top: -3px;
	left: -3px;
	width: calc(100% + 6px);
	height: calc(100% + 3px);
	background: #B6D0E6;
	border-radius: 5px;
	opacity: 0;
}
.patient .co-rounding-overlap.active {
	opacity: 1;
}
.patient-ghost .box {
	background-color: #e4f6f4 ;
}
.patient-ghost .box *, 
.patient-ghost .co-rounding, 
.patient-ghost .co-rounding-overlap ,
.patient-ghost .co-rounding-overlap.active {
    opacity: 0;
}

.panel-bottom {
	position: fixed;
	width: 100%;
	height: calc(100% - 25px);
	left: 0;
	z-index: 150;
	background: var(--pale_gray);
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	padding-top: 15px;
	padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.panel-bottom:not(.open){
	-ms-overflow-style: none;
	scrollbar-width:none;
}

.panel-bottom:not(.open)::-webkit-scrollbar{
	display: none;
}

.panel-bottom .window-handle {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 50px;
	z-index: 1;
	cursor: grab;
}
.panel-bottom.open {
	top: 100px;
    box-shadow: 0px 2px 7px 3px #00000055;
    z-index: 200;
}
.panel-bottom:not(.ui-draggable-dragging) {
	transition: top 0.4s ease;
}
.panel-bottom:not(.open) {
    top: calc(100% - 120px);
}
.panel-bottom:not(.open)[data-hide-phi="yes"] {
    top: calc(100% - 50px);
}
.panel-bottom.offscreen:not(.open) {
	top: 100%;
}
.panel-bottom .input + .input {
	margin-top: var(--padding);
}
.panel-bottom .toggle-btn {
    z-index: 99;
    border: none;
    font-family: 'Bree Serif', serif;
    font-weight: normal;
    color: var(--blue_violet);
    padding: 5px 10px 5px 25px;
    line-height: normal;
}
.panel-bottom .toggle-btn:before {
    left: 5px;
    transform: rotate(0deg);
    transition: all 0.2s ease;
}
.panel-bottom.open .toggle-btn:before {
    transform: rotate(90deg);
}

.queue-shared {
	padding-left: 60px;
	position: relative;
}
.queue-shared h5 {
	margin-top: 0;
	opacity: 0.6;
    font-weight: normal;
}
.queue-shared .check {
	position: absolute;
	left: 5px;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.times {
	position: relative;
	margin-bottom: 20px;
}
.times::before {
	/*content: " ";*/
	width: 24px;
	height: 1px;
	background: var(--bright_white);
	position: absolute;
	top: 60%;
	left: calc(50% - 12px);
	opacity: 0.6;
}
.times h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 800;
}
.times h5 {
	color: var(--bright_logo_teal);
}
.times sup {
	opacity: 0.6;
	text-transform: uppercase;
	color: var(--bright_white);
	font-size: 14px;
	margin-left: 5px;
}
.times section + section {
	text-align: right;
}
.times.has-title h2 {
	position: relative;
	display: inline-block;
	padding-top: 15px;
}
.times.has-title h2 span.title {
    font-size: 1.4rem;
    font-weight: bold;
	position: absolute;
	left: 0;
	top: -2px;
	color: var(--bright_logo_teal);
    text-wrap: nowrap;
}
.pat-view .disabled {
    opacity: 0.4;
}
.pat-view .disabled * {
    pointer-events: none;
}
.pat-view .interpreter-select.disabled {
    opacity: 0.4;
}
.pat-view .interpreter-select.disabled * {
    pointer-events: none;
}

.cta-group > section {
	padding-left: 6px;
	padding-right: 6px;
}
.cta-group .cta {
	width: 100%;
}

.cta.boolean::before {
	content: none;
}
.cta.boolean {
	padding-right: 22px;
	background: var(--field_navy);
	text-align: center;
}
.cta.boolean:active {
	background: #293260;
}
.panel-bottom .sortable {
    margin-top: 0;
    height: 65px;
    overflow-y: scroll;
    overflow-x: hidden;
    flex: none;
}
.panel-bottom.open .sortable {
    flex: 1;
}
.panel-bottom .sortable .patient:first-child {
	margin-top: 0;
}
footer.panel-bottom .sortable .patient .box.preview h5 + h5 {
	font-weight: normal;
}
footer.panel-bottom .sortable .patient .box.preview .time {
	text-align: right;
}
footer.panel-bottom .sortable .patient .box.preview .time img {
	margin-right: 5px;
}
footer.panel-bottom .sortable .patient .box.preview {
	padding-left: var(--padding);
	padding-right: var(--padding);
}
footer.panel-bottom:not(.open) .lead,
footer.panel-bottom:not(.open) .full-view,
footer.panel-bottom:not(.open) h6.not-started {
	display: none;
}
footer.panel-bottom.open .preview,
footer.panel-bottom.open .view-details {
	display: none;
}
.panel-bottom .view-details {
    position: absolute;
	top: 106px;
	left: 0;
    width: 100%;
    text-align: center;
	background: var(--pale_gray);
	z-index: 15;
	border-bottom: 48px solid var(--pale_gray);
	/* padding-right: 20px; */
}
.panel-bottom .view-details::before {
    /*content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    background-image: url("images/arrow_black_down.88aac5b61e1a.svg");
    height: 12px;
    width: 12px;
    transform: translate(-50%, -50%);
    margin-left: 68px;*/
}

.is-rounding,
.panel-bottom h6.not-started {
	position: absolute;
	width: 150px;
	top: -36px;
	background: #454d72;
	color: var(--bright_white);
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	border-radius: 3px;
	height: 24px;
	line-height: 24px;
	font-weight: 700;
}
.is-rounding {
	top: 12px;
}

.patient-info > section.room {
	text-align: right;
}
.patient-info h2 {
	font-size: 2.3rem;
}
.patient-info h4 {
	color: white;
	font-weight: 400;
}

.patient-info {
	margin-bottom: var(--padding);
}

.vert-center {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#intro {

}
#intro .cta::before {
	content: none;
}
#intro section {
	padding-top: 40px;
}
#intro section div {
	margin-top: 30px;
}
#intro section .cta {
	width: 80%;
}
#intro section .cta + .cta {
	margin-top: 20px;
}

#welcome {
	text-align: center;
}
#welcome p.message {
	opacity: 0.7;
	font-size: 19px;
	line-height: 1.5em;
	margin-top: var(--padding);
	margin-top: var(--padding);
}
#signup footer,
#welcome .cta-group {
	padding: var(--padding);
	padding-top: 15px;
	padding-bottom: 30px;
}
#signup footer {
	text-align: center;
}

#signup .i-am-the label {
	display: block;
	margin-top: var(--padding);
	font-weight: 400;
	color: rgb(255 255 255 / 70%);
}
#signup .i-am-the label b {
	color: var(--bright_white);
}
#signup input[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	/* background-color: var(--form-background); */
	margin: 0;
	font: inherit;
	color: white;
	width: 1em;
	height: 1em;
	outline: 1px solid white;
	/* border-radius: 50%; */
	/* display: grid; */
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}
#signup input[type="radio"]::before {
	content: "";
	width: 1em;
	height: 1em;
	/* border-radius: 50%; */
	transform: scale(0);
	transition: 50ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--brilliant_orange);
	background-color: var(--brilliant_orange);
	display: inline-block;
	vertical-align: middle;
	outline: 1px solid var(--brilliant_orange);
}
#signup input[type="radio"]:checked::before {
	transform: scale(1);
}

.input-label {
    padding: 5px;
}

* + .input-label {
	margin-top: var(--padding);
}
.input-label span {
	color: var(--bright_white);
    line-height: normal;
    font-size: 1.2rem;
}
.input-label input:not([type=radio]):not([type=checkbox]) {
	background: transparent;
	padding: 5px 0px;
	color: var(--bright_white);
}
.input-label .select-wrap {
	margin: 0;
}
.input-label .select-wrap::before {
	top: 8px;
	right: 8px;
}
.input-label .select-wrap select {
	height: 28px;
	line-height: 28px;
	text-indent: 0;
}
[data-bg-color=gray] .input-label input:not([type=radio]):not([type=checkbox]) {
    color: var(--blue_violet);
}

input[type="checkbox"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
    padding: 0;
	margin: 0;
	font: inherit;
	color: var(--bright_white);
	width: 16px;
	height: 16px;
	border: 1px solid var(--bright_white);
	border-radius: 3px;
	display: grid;
	place-content: center;
	position: absolute;
	left: var(--padding);
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
input[type="checkbox"]::before {
	content: "";
	width: inherit;
    height: inherit;
    border-radius: inherit;
	transform: scale(0);
	transition: 50ms transform ease-in-out;
	/*box-shadow: inset 1em 1em var(--bright_white);*/
	background-color: var(--brilliant_orange);
	background-image: url("images/checkmark.9b8ec5d0bda8.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
input[type="checkbox"]:checked::before {
	transform: scale(1);
}
.input-label.consent label {
	display: block;
}
.input-label.consent {
	padding: var(--padding);
	padding-right: 30px;
	padding-left: 50px;
}


#signup h4.family {
	margin-top: var(--padding);
	font-weight: 400;
	line-height: 1.5em;
	opacity: 0.7;
}
.add-recipient {
	text-align: center;
}
.add-recipient .pill {
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
}
.recipients {
	margin-top: var(--padding);
}

.provider-details {
	text-align: left;
}
.provider {
	display: -webkit-flex;
	display: flex;
	margin-bottom: var(--padding);
}
.provider > section:first-child {
	width: 55px;
	margin-right: var(--padding);
}
.provider > section:last-child {

}
.provider img {
	border-radius: 50%;
	border: 2px solid var(--pale_gray);
	/* outline: 2px solid var(--bright_logo_teal); */
	box-shadow: 0px 0px 0px 2px var(--bright_logo_teal);
}
.provider .title {
	color: var(--brilliant_orange);
	font-weight: 700;
}
.provider .name {
	color: var(--logo_teal);
	font-size: 2.4rem;
	margin-bottom: 2px;
}

.provider-details:not(.open) {
	top: calc(100% -  200px);
}
.provider-details.open {
	top: 165px;
	height: calc(100% - 165px);
}
.provider-details.panel-bottom .view-details {
	top: 175px;
}
.provider-details .cta-group > section {
	padding-left: 0;
	padding-right: 0;
}
.provider-details .cta-group {
	padding: 0 !important;
}
.provider-details .cta-group section:first-child {
	text-align: left;
}
.provider-details .cta-group section:last-child {
	text-align: right;
}
footer.no-handle::before {
	content: none;
}
footer.dots:after {
	content: none;
}
#welcome img.shrink {
	max-height: 220px;
}

.panel-bottom .messages {

}
.panel-bottom:not(.open) .message {
	max-height: 60px;
	overflow: hidden;
}
.panel-bottom .messages .message + .message {
	margin-top: var(--padding);
}
.panel-bottom .messages .message {
	background: var(--bright_white);
	padding-left: 88px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	border-radius: 5px;
	position: relative;
}
.panel-bottom .messages .time {
	position: absolute;
	left: 10px;
	top: 4px;
	color: var(--deep_turquoise);
	font-size: 12px;
	font-weight: 700;
}
.panel-bottom .messages p + p {
	margin-top: 1em;
}
.panel-bottom .messages p {
	font-size: 1.3rem;
	color: #333;
	margin-top: 0;
}

[data-experience="patient"] .times h5 {
    font-size: 10px;
    color: var(--brilliant_orange);
}
[data-experience="patient"] .times h2 {
	font-size: 38px;
}

[data-bg-color="blue"] .text-orange {
    color: var(--brilliant_orange);
}

.text-orange {
    color: var(--brilliant_orange);
}


.queue-status {
	position: relative;
	width: 240px;
	height: 240px;
	margin: auto;
	transition: all 0.4s ease;
	transform-origin: left top;
	border-radius: 100%;
}
* + .queue-status {
    margin-top: var(--padding);
}
.queue-status .number,
.queue-status svg {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.queue-status .progression {
    width: 100%;
    height: 100%;
}
.queue-status .overlay {
	width: 100%;
	height: 100%;
}
.queue-status .number {
    width: 100%;
    padding: 0px 30px;
	text-align: center;
	z-index: 5;
}
.queue-status .number h2 {
	font-size: 7.2rem;
	font-weight: 800;
	line-height: 7.2rem;
    font-family: 'Nunito', sans-serif;
}
.queue-status .number h2.small {
    font-size: 3.75rem;
    line-height: 3.75rem;
}
.queue-status .number h2 span {
    font-size: 32px;
    font-weight: 800;
    /* text-transform: uppercase; */
    color: var(--bright_white);
    /* opacity: 0.5; */
    position: relative;
    top: 18px;
    left: 2px;
}
.queue-status .number h4 {
    margin-top: 5px;
    font-weight: 300;
}
.queue-status .number h4.small {
    font-size: 1.5rem;
    font-weight: normal;
}
.queue-status .inactive {
	opacity: 0.2;
}
.queue-status .paused,
.queue-status .queue-status-text {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.queue-status .queue-status-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.queue-status .queue-status-text h1 {
    color: white;
    font-family: 'Nunito', sans-serif;
    font-size: 4.4rem;
    font-weight: 900;
    line-height: 6.0rem;
    text-align: center;
}
.queue-status .queue-status-text h1.non-paused {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    width: 158px;
}
.queue-status .queue-status-text span {
    color: white;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.3rem;
    text-align: center;
    width: 141px;
}
.queue-status .queue-status-text span.non-paused {
    line-height: 1.5rem;
    width: 158px;
}
.queue-status[data-rounding-status=Paused] .under {
	opacity: 0.5;
}
.skeleton {
	position: relative
}
.skeleton::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: var(--field_navy);
  	animation: skeleton-anim 1.3s infinite;
	z-index: 10;
	top: 0;
	left: 0;
}
[data-bg-color=gray] .skeleton::after {
	background-color: #FFFFFF;
	animation: skeleton-light-anim 1.3s infinite;
}
@keyframes skeleton-anim {
	50% {
		background-color: #0e163a;
	}
	100% {
	  	background-color: var(--field_navy);
	}
}
@keyframes skeleton-light-anim {
	50% {
		background-color: #F5F5F5;
	}
	100% {
	  	background-color: #FFFFFF;
	}
}
body.darken .queue-status .number h2 span,
body.darken .queue-status .number h4 {
	display: none;
}
body.darken .queue-status {
	-ms-transform: scale(0.3);
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
	margin-left: 0;
}

[data-experience="patient"].darken .times {
    position: absolute;
    top: 70px;
    left: 100px;
    width: calc(100% - 100px);
}
[data-experience="patient"].darken .times::before {
	width: 16px;
    left: calc(50% - 8px);
}
[data-experience="patient"].darken .times h2 {
	font-size: 3.0rem;
}

.provider-details .add-member::before {
    content: " ";
    background-image: url("images/matrix_dot.f4e2292792fe.svg");
    background-repeat: repeat;
    background-position: left top;
    position: absolute;
    top: -25px;
    height: 10px;
    width: 150px;
    left: 0;
    right: 0;
    margin: auto;
}
.provider-details .add-member {
	text-align: center;
	position: absolute;
	left: var(--padding);
	bottom: 30px;
	width: calc(100% - var(--padding) - var(--padding));
}

main.build-queue,
footer.gray-bg {
	background: var(--pale_gray);
}

main::before {
    min-height: 300px;
	/*content: " ";
	position: absolute;
	width: 100%;
	height: 300px;
	z-index: -1;
	background: red;
	top: 0;*/
}

main .nav {
	padding-top: 34px;
	padding-bottom: 14px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/*body.has_blue_tab header,
body.has_blue_tab .lead {
	background: var(--blue_violet);
	color: var(--bright_white);
}
body.has_blue_tab header .hamburger line {
	stroke: var(--bright_white);
}
body.has_blue_tab .lead h5,
body.has_blue_tab .lead .time,
body.has_blue_tab .lead .time sup,
body.has_blue_tab .lead .pill {
	color: var(--bright_white);
}*/

.fill-box {
	display: none;
}
.fill-box.show {
	display: block;
}

.fill-box h3 {
	color: var(--blue_violet);
}
.fill-box p {
	color: var(--blue_violet);
}
.fill-box a {
	color: var(--brilliant_orange)
}

.fill-box-message {
	margin: var(--padding);
	padding: var(--padding);
	background: var(--pale_gray);
	border: 2px solid var(--blue_violet);
	border-radius: 3px;
}

.confirm-box {
	content: " ";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 1000;
	display: none;
}
.confirm-box.open {
	display: flex;
	align-items: center;
	justify-content: center;
}
.confirm-box .message {
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: var(--padding);
	padding: var(--padding);
	width: calc( 100% - var(--padding) - var(--padding) );
	background: var(--pale_gray);
	border: 2px solid var(--blue_violet);
	border-radius: 3px;
	max-width: 350px;
}
.confirm-box .cancel {
	background: transparent;
	border: 2px solid var(--blue_violet);
	color: var(--blue_violet);
}
.confirm-box .approve {
	border: 2px solid var(--brilliant_orange);
	background: var(--brilliant_orange);
}
.confirm-box .cancel:active {
	background: var(--blue_violet);
	color: var(--bright_white);
}
.confirm-box .approve:active {
    background-color: #f1835b;
    border-color: #f1835b;
}
.confirm-box[data-priority=high] {
	text-align: center;
}
.confirm-box[data-priority=high] .message {
	/* padding-top: 200px; */
}
.confirm-box[data-priority=high][data-icon=exclamation] .message::before {
	background: url("images/icon_exclamation_white.7c44690359fd.svg");
	background-repeat: no-repeat;
	background-position: center;
    background-size: auto 80%;
    background-color: var(--blue_violet);
    content: " ";
    display: block;
    width: calc(100% + var(--padding) + var(--padding) );
    height: 200px;
    margin: calc(-1 * var(--padding) );
    margin-bottom: var(--padding);
}
.confirm-box textarea, 
.dialog textarea {
	resize: none;
	border: 1px solid darkgray;
	border-radius: 5px;
	font-family: 'Nunito Sans', sans-serif;
	color: black;
	padding: 5px 10px;
}

/* ------- SHASHANK's css ------- */
.show {
	display: block;
}
.hide {
	display: none !important;
}

.bold-white {
	font-weight: bold;
	color: var(--bright_white);
}

.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: var(--bright_white);
  outline: none;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: var(--blue_violet);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: var(--blue_violet);
  cursor: pointer;
}


/* Nav bar for hamburger */
.top-nav {
	overflow: hidden;
	display: None;
	background-color: var(--blue_violet);
	position: absolute;
	right: 0px;


	border-radius: 5px;
	border-color: var(--logo_teal);
	border-width: 4px;
	border-style:solid;

	opacity: 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}
.top-nav .top-links {
}

.top-nav a {
	color: var(--bright_white);
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;

	border-bottom: var(--logo_teal);
	border-bottom-style:dashed;
	border-bottom-width:1px;
	display: block;
}

@keyframes fade {
	0% { opacity: 0; }
	100% { opacity: 1; }
}

fade_anim{
	opacity: 0;
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.no-scroll::-webkit-scrollbar {
  display:none;
}

.no-scroll {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* This is intended for hamburger menu. */
/*
.top-nav a.icon {
	background: var(--blue_violet);
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}*/
.plus-check-icon {
	background-image: url("images/plus_blue.560ff7609606.svg");
    position: relative;
	height: 20px;
	width: 20px;
	opacity: 0.33;
    background-repeat: no-repeat;
    background-size: 12px, 12px;
    background-position: center;
}

.plus-check-icon:hover {
	opacity: .6;
}

.plus-check-icon.checked {
	/*{#background-image: url("images/plus_white.abf635d87c22.svg");#}*/
    opacity: 0.9;
    border-color: var(--blue_violet);
    border-radius: 3px;
    border-width: 2px;
    border-style: solid;
    background-size: 12px, 12px;
}


/*------------ LOADING SPINNER --------------------*/
.loading-loader {
	top: 0;
	opacity: 1;
	left: 0;
	position: fixed;
	width: inherit;
	height: inherit;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: -1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: inherit;
}

.forward {
	z-index : 1999;
}

.loading-old {
	height: inherit;
	width: inherit;

	margin-left: auto;
	margin-right: auto;

	position: center;
	display: block;
	-webkit-animation: spinner 2s infinite linear;
	-moz-animation: spinner 2s infinite linear;
	-ms-animation: spinner 2s infinite linear;
	-o-animation: spinner 2s infinite linear;
	animation: spinner 2s infinite linear;
	/*Filter vals generated from: */
	/*https://codepen.io/sosuke/pen/Pjoqqp*/
	filter: invert(81%) sepia(10%) saturate(2526%) hue-rotate(146deg) brightness(89%) contrast(89%);
}

.loading {
  width: 8rem;
  height: 8rem;
  border: 0.5rem dotted #FFF;
  border-style: solid solid dotted dotted;
	border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
	margin-bottom: 20px;
	-webkit-animation: rotation 4s infinite linear;
	-moz-animation: rotation 4s infinite linear;
	-ms-animation: rotation 4s infinite linear;
	-o-animation: rotation 4s infinite linear;
	animation: rotation 4s infinite linear;
}
.loading::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0.5rem dotted #00f3ff;
  border-style: solid solid dotted;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  transform-origin: center center;

	-webkit-animation: rotation 4s infinite linear;
	-moz-animation: rotation 4s infinite linear;
	-ms-animation: rotation 4s infinite linear;
	-o-animation: rotation 4s infinite linear;
	animation: rotation 4s infinite linear;
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
    
@keyframes rotation {
  0% {
		-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
		-webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
		-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
		-webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
} 

/*------------ LOADING SPINNER END --------------------*/

.underlined-button {
	color: var(--brilliant_orange);
	font-size: 1.2rem;
	margin-top: 2px;
	font-weight: 600;
	background: none;
	border: none;
	text-decoration: underline;
}

/* -----------Modal Styles----------- */
/* Created from enroll_patient.jinja */
.dialog {
	background: rgba(20, 28, 65, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	padding-left: 20px;
	padding-right: 20px;
	align-items: center;
	margin: inherit;
	display: flex;
	opacity: 0;
	visibility: hidden;
    z-index: 150;
	transition: opacity ease 0.3s;
	overflow-y: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	justify-content: center;
}
.dialog::-webkit-scrollbar {
	display:none;
}
.dialog.show {
	z-index: 997;
	opacity: 1;
}
#edit-number-modal.show {
    z-index: 998;
}
.dialog .inset {
	display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background: white;
    padding: 18px 40px 30px 40px;
    border-radius: 18px;
    width: 100%;
	box-shadow: 0px 3px 6px 3px #00000043;
}
.dialog .container {
	width: 100%;
	transition: all ease 0.3s;
	transform: scale(0.9) translateY(30px);
}
.dialog .container::before {
	content: " ";
    display: block;
    height: 48px;
    background: black;
    border-radius: 18px;
    margin-bottom: -41px;
}
.dialog .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}
.dialog * {
	pointer-events: none;
}
.dialog.show * {
	pointer-events: initial;
}
.dialog.show .container {
	transform: scale(1) translateY(0);
}
.dialog.teal .container::before {
	background: var(--bright_logo_teal);
}
.dialog.turquoise .container::before {
	background: var(--bright_turquoise);
}
.dialog.turquoise.dark .container::before {
	background: #049BB7;
}
.dialog.pink .container::before {
	background: var(--shy_pink);
}
.dialog.yellow .container::before {
	background: var(--bright_yellow);
}
.dialog .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	border: none;
	background: none;
	padding: 11px;
}
.dialog .close-btn img {
	height: 20px
}
.dialog .icon {
	height: 45px;
	margin-bottom: 12px;
}
.dialog h4 {
	color: var(--blue_violet);
	margin-bottom: 12px;
	text-align: center;
	font-weight: 700;
	font-size: 1.7rem;
	line-height: 2.2rem;
	max-width: 300px;
}
.dialog h4 * {
	color: var(--blue_violet);
}
.dialog p {
	color: var(--wag_gray);
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5rem;
	text-align: center;
}
.dialog .input-label {
	width: 100%;
	background: none;
	border-radius: 5px;
	border: 1px solid #DFE0E3;
	padding: 5px 10px;
}
.dialog .input-label span {
	font-size: 1.0rem;
	font-weight: bold;
	color: var(--wag_gray);
}
.dialog .phone-number {
	font-size: 1.6rem;
	font-weight: 600;
	color: black;
}
.dialog input:not([type=radio]):not([type=checkbox]) {
	color: black;
	font-weight: 600;
}
.dialog input.phone-number::placeholder {
	color: rgba(0, 0, 0, 0.14);
	font-weight: normal;
}
.dialog .input-label + .input-label {
	margin-top: 10px;
}
.dialog input[type="checkbox"]::before {
	background-color: #D2F0ED;
	background-image: url("images/checkmark-teal.386b3860c7f8.svg");
}
.dialog input[type="checkbox"]:checked {
	border: none;
}
.dialog .pill {
	padding: 8px 20px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 19px;
    color: var(--blue_violet);
    border-radius: 100px;
    border: 1px solid currentColor;
	height: auto;
}
.dialog .pill.active {
	background: #D2F0ED;
    color: #007A7A;
}
.dialog .pill + .pill {
	margin-left: 14px;
}
.dialog .footer .btn-link {
	margin-top: 21px;
}
/* -----------Enroll Modal Styles End----------- */

/******* Enroll Page Styles ********/
#enroll-patient-list {
	flex: 1;
	overflow: scroll;
}
#enroll-patient-list .item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
    padding-bottom: 10px;
	border-bottom: 1px solid #161c40;
    min-width: auto;
}
#enroll-patient-list .item:last-child {
	border-bottom: none;
}
#enroll-patient-list .item .container {
	flex: 1;
    display: grid;
    grid-template-columns: 60px 1fr;
    margin-right: 15px;
    position: relative;
    padding-left: 25px;
}
#enroll-patient-list .item .container::before {
    position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	top: 0;
    left: 0;
}
#enroll-patient-list .item.enrolled .container::before {
	background-image: url("images/icon_enrolled.f22a208f7ecd.svg");
}
#enroll-patient-list .item.not-enrolled .container::before {
	background-image: url("images/icon_not_enrolled.533625cba568.svg");
}

#enroll-patient-list .item h5 {
	color: white;
    font-size: 1.2rem;
}
#enroll-patient-list .item h5.name {
    font-size: 1.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#enroll-patient-list .item .icon {
	height: 16px;
	width: 16px;
	margin-right: 10px;
}
#enroll-patient-list .item .icon.enrolled {
	background-image: url("images/icon_enrolled.f22a208f7ecd.svg");
}
#enroll-patient-list .item .icon.not-enrolled {
	background-image: url("images/icon_not_enrolled.533625cba568.svg");
}
#enroll-patient-list .item .btn-link {
    font-size: 1.2rem;
}
#enroll-patient-list .item.not-enrolled .btn-link {
    display: none;
}
#enroll-patient-list .item .btn-secondary-alt.btn-pink {
	background-color: #f5c0c9;
    border-width: 2px;
    padding: 10px;
    font-size: 1.2rem;
}
#enroll-patient-list .item.enrolled .btn-secondary-alt.btn-pink {
    display: none;
}
/******* Enroll Page Styles End ********/

/******** Switch *******/
.switch-wrapper {
	display: flex;
	align-items: center;
	z-index: 99;
}
.switch-wrapper label:not(.switch) {
	font-weight: normal;
	color: var(--blue_violet);
    font-size: 1.2rem;
    margin-right: 5px;
}
.switch-wrapper .switch {
	position: relative;
	display: inline-block;
	width: 28px;
	height: 14px;
}

.switch-wrapper .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
}

.switch-wrapper .switch .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #C8C2BF;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 20px;
	height: inherit;
}

.switch-wrapper .switch .slider::before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 50%;
}

.switch-wrapper .switch input:checked + .slider {
	background-color: #EC5B24;
}

.switch-wrapper .switch input:checked + .slider::before {
	-webkit-transform: translateX(14px);
	-ms-transform: translateX(14px);
	transform: translateX(14px);
}
/******** Switch End *******/

/******** List item for takeover and managing page *******/
.list-item .list-tile {
	background-color: white;
	border-radius: 5px;
	padding: 10px 30px 5px 15px;
	position: relative;
	cursor: pointer;
}
.list-item.open .list-tile {
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.16);
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.list-item .list-tile:after {
	content: " ";
	position: absolute;
	top: 0px;
	right: 10px;
	height: 100%;
	width: 12px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	background-image: url("images/expand_icon.114c821222e8.svg");
	transition: transform 0.2s ease;
}
.list-item.open .list-tile:after {
	transform: scaleY(-1);
}
.list-item h4 {
	color: black;
    margin: 0;
}
.list-item h5 {
	color: black;
    margin: 0;
}
.w-full {
	width: 100%;
}
.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.flex-row {
	display: flex; 
	align-items: center;
}
.justify-center {
	justify-content: center;
}
.space-between {
	justify-content: space-between;
}
.space-around {
    justify-content: space-around;
}
.list-item .list-tile .flex-row + .flex-row {
	margin-top: 10px;
}
.list-item .list-tile .queue-position {
	color: #666;
}
.list-item .list-tile .queue-position b {
	color: black;
	font-weight: 900;
}
.state-badge {
	padding: 4px 5px 4px 23px;
	line-height: 1.6rem;
	font-weight: bold;
	border-radius: 5px;
	position: relative;
	user-select: none;
}
.state-badge::before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 4px;
	height: 100%;
	width: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.state-badge[data-state="ROUNDING"],
.state-badge[data-state="COMPLETED"] {
	background-color: #01818020;
	color: var(--logo_teal);
}
.state-badge[data-state="ROUNDING"]::before {
	background-image: url("images/state_rounding.3e5ad5a52bbc.svg");
}
.state-badge[data-state="COMPLETED"]::before {
	background-image: url("images/state_completed.bafca44e2720.svg");
}
.state-badge[data-state="PAUSED"] {
	background-color: #EC5A2420;
	color: var(--brilliant_orange);
}
.state-badge[data-state="PAUSED"]::before {
	background-image: url("images/state_paused.2514d5f88baa.svg");
}
.state-badge[data-state="INIT"],
.state-badge[data-state="INIT_Q"],
.state-badge[data-state="BUILD_Q"],
.state-badge[data-state="REORD_Q"],
.state-badge[data-state="PUBLISH"] {
	background-color: #1268B320;
	color: var(--medium_blue);
}
.state-badge[data-state="INIT"]::before,
.state-badge[data-state="INIT_Q"]::before,
.state-badge[data-state="BUILD_Q"]::before {
	background-image: url("images/state_building.6c67e97586d1.svg");
}
.state-badge[data-state="REORD_Q"]::before {
	background-image: url("images/state_ordering.df59b5a27237.svg");
}
.state-badge[data-state="PUBLISH"]::before {
	background-image: url("images/state_shared.f42769e1543f.svg");
}
.list-item .list-tile .list-icons {
	display: grid;
	grid-template-columns: auto auto auto;
	column-gap: 10px;
}
.list-item .list-tile .icon-text {
	font-weight: 900;
	padding-left: 20px;
	position: relative;
}
.list-item .list-tile .icon-text::before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 14px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.list-item .list-tile .icon-text[data-icon="discharge"]::before {
	background-image: url("images/order-discharge.840e92b2097c.svg");
}
.list-item .list-tile .icon-text[data-icon="rsvp"]::before {
	background-image: url("images/order-rsvp-ok.7675bf9ddace.svg");
}
.list-item .list-tile .icon-text[data-icon="priority"]::before {
	background-image: url("images/order-priority.5d934d537e3e.svg");
}
.list-item .list-info {
	width: 100%;
	background-color: #F9F9F9;
	border-radius: 0px 0px 5px 5px;
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
}
.list-item:not(.open) .list-info {
	display: none;
}
.list-item .list-info .providers h4 {
	font-weight: bold;
	color: var(--blue_violet);
}
.list-item .list-info .est-time h4 {
	font-weight: normal;
	color: var(--blue_violet);
}
.list-item .list-info .est-time .local-time b {
	font-weight: 900;
}
.list-item .list-info hr {
	background: #E9EAEA;
	height: 1px;
	margin: 15px 0;
}
.list-item .list-info .rsvp-status,
.list-item .list-info .comm-status {
	font-size: 1.3rem;
	line-height: 16px;
	color: black;
	padding-left: 18px;
	position: relative;
}
.list-item .list-info .rsvp-status::before,
.list-item .list-info .comm-status::before {
	content: " ";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.list-item .list-info .rsvp-status[data-status="yes"]::before {
	background-image: url("images/to-rsvp-yes.6bf5c2410963.svg");
}
.list-item .list-info .rsvp-status[data-status="yes_in_person"]::before {
	background-image: url("images/to-rsvp-in-person.47519f660f17.svg");
}
.list-item .list-info .rsvp-status[data-status="decline"]::before {
	background-image: url("images/to-rsvp-decline.0a1aec4573e1.svg");
}
.list-item .list-info .comm-status[data-type="sms"]::before {
	background-image: url("images/comm-status-sms.db0c56ca6c45.svg");
}
.list-item .list-info .comm-status[data-type="call"]::before {
	background-image: url("images/comm-status-call.51c4029c3031.svg");
}
.list-item .list-info .comm-status[data-type="epic-push"]::before {
	background-image: url("images/comm-status-epic-push.3053684883ec.svg");
}
.list-item .list-info .rsvp-status b,
.list-item .list-info .comm-status b {
	font-weight: 900;
	line-height: inherit;
	color: var(--logo_teal);
}
.list-item .list-info .rsvp-status b:first-of-type,
.list-item .list-info .comm-status b:first-of-type {
	margin-left: 5px;
}
.list-item .list-info .rsvp-status[data-status="decline"] b {
	color: var(--shy_pink);
}
.list-item .list-info .updated-local-time {
	color: #666;
    font-weight: normal;
	font-style: italic;
	align-self: flex-end;
	margin-bottom: 20px;
}
.list-item .list-info .btn {
    padding: 12px 16px;
    line-height: 1.9rem;
}
.list-item .list-info .view-q-btn {
	padding: 5px 0px;
	padding-left: 20px;
	text-align: left;
	background: transparent;
	border-radius: 0px;
}
.list-item .view-q-btn::before {
	left: 0;
	transition: transform ease 0.2s;
}
.list-item .view-q-btn[data-expanded=no]::before {
	transform: rotate(0deg);
}
.list-item .view-q-btn[data-expanded=yes]::before {
	transform: rotate(90deg);
}
.list-item .list-info .rotations-wrapper {
	margin-top: 10px;
}
.list-item + .list-item {
	margin-top: 20px;
}
/******** List item for takeover and managing page *******/

/******** Small badge to display number start *******/
.badge-number {
	position: absolute;
	border-radius: 100px;
	color: white;
	width: 16px;
	height: 16px;
	padding: 0;
	font-size: 0.9rem;
	border: 1px solid white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	line-height: normal;
}
[data-bg-color=blue] .badge-number {
	background: #049BB7;
	border-color: var(--blue_violet);
	color: var(--blue_violet);
}
/******** Small badge to display number end *******/

/******** Toast Styles start *******/
.notifications {
	display: block;
	position: fixed;
	top: 30px;
	left: 0;
	width: inherit;
	height: auto;
	margin: inherit;
	z-index: 1999;
}
.toast {
	display: none;
	position: relative;
	width: 90%;
	padding: 0;
	background: #eee;
	font-size: 1.4rem;
	padding: 15px 15px 15px 54px;
	border-radius: 10px;
	border-top-width: 3.5px;
	border-top-style: solid;
	box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 30%);
	transform: scale(0);
	transition: transform 0.3s ease;
	transform-origin: top;
	margin: auto;
}
.toast.show {
	transform: scale(1);
}
.toast::before {
	content: " ";
	position: absolute;
	left: 15px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: contain;
}
.toast * {
	font-size: 1.6rem;
	color: black;
}
.toast .title {
	font-weight: bold;
	line-height: 24px;
}
.toast .message {
	margin-top: 10px;
}
.toast.success {
	border-color: var(--bright_logo_teal);
}
.toast.success::before {
	background-image: url("images/toast-icon-success.83c5df0f986a.svg");
}
.toast.info {
	border-color: var(--medium_blue);
}
.toast.info::before {
	background-image: url("images/toast-icon-info.4f4f8a61efa4.svg");
}
.toast.fail {
	border-color: var(--shy_pink);
}
.toast.fail::before {
	background-image: url("images/toast-icon-fail.00ba44a9ea24.svg");
}
/******** Toast Styles end *******/

/******** Patient card styles for building page *******/
.rounds-02 .patient .box {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 1px 5px;
	padding: 2px 2px 2px 9px;
}
.rounds-02 .patient .box .pat-option {
	cursor: pointer;
	user-select: none;
    background-color: #F5F5F5;
    padding: 6px 8px;
    min-width: 92px;
}
.rounds-02 .patient .box .pat-option h6 {
	margin-left: 8px;
}
.rounds-02 .patient .box .pat-option:before {
	content: " ";
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: contain;
}
.rounds-02 .patient .box .pat-option.high-priority {
    border-bottom-right-radius: 3px;
}
.rounds-02 .patient .box .pat-option.high-priority:before {
	background-image: url("images/build-priority-inactive.b01f4989d3b0.svg");
}
.rounds-02 .patient .box .pat-option.discharge {
    border-top-right-radius: 3px;
}
.rounds-02 .patient .box .pat-option.discharge:before {
	background-image: url("images/build-discharge-inactive.900d9cbd5a0b.svg");
}
.rounds-02 .patient .box .pat-option.remove {
	background-color: #FBFBFB;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    grid-row: span 2;
}
.rounds-02 .patient .box .pat-option.remove::before {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    border: 1px solid var(--shy_pink);
    background-color: white;
}
.rounds-02 .patient[data-removing="true"] .box .pat-option.remove {
    background-color: #F4E3E8;
}
.rounds-02 .patient[data-removing="true"] .box .pat-option.remove h6 {
    font-weight: bold;
}
.rounds-02 .patient[data-removing="true"] .box .pat-option.remove::before {
    background-color: var(--shy_pink);
}
.rounds-02 .patient .box .pat-option.active h6 {
	font-weight: bold;
}
.rounds-02 .patient .box .pat-option.active.high-priority {
    background-color: #F4E3E8;
}
.rounds-02 .patient .box .pat-option.active.high-priority:before {
	background-image: url("images/build-priority-active.4e72d6626dc3.svg");
}
.rounds-02 .patient .box .pat-option.active.discharge {
    background-color: #E4F3F5;
}
.rounds-02 .patient .box .pat-option.active.discharge:before {
	background-image: url("images/build-discharge-active.c7bd925cc28a.svg");
}
.rounds-02 #edit-list-button {
    font-weight: normal;
    font-size: 1.2rem;
    padding: 6px 10px;
}
.rounds-02 #edit-list-button.btn-outline {
    color: var(--blue_violet);
}
.rounds-02 #edit-list-button.btn-primary {
    color: white;
    border: 1px solid var(--brilliant_orange);
}
.rounds-02 #next-button.btn-disabled {
    background-color: #D8DAE1;
    color: #636363;
}
.rounds-02 #next-button.btn-disabled::before {
    background-image: url("images/arrow_gray_right.d4a9c8d720fa.svg");
}
@media (hover: hover) {
    .rounds-02 .patient .box .pat-option.high-priority:hover:before {
        background-image: url("images/build-priority-active.4e72d6626dc3.svg");
    }
    .rounds-02 .patient .box .pat-option.discharge:hover:before {
        background-image: url("images/build-discharge-active.c7bd925cc28a.svg");
    }
    .rounds-02 .patient .box .pat-option:hover {
        background-color: rgba(245, 245, 245, 0.5);
    }
}
/******** Patient card styles for building page End *******/

.support {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.support main {
    width: 100%;
    flex: 1;
    overflow-y: scroll;
    height: auto;
    padding-top: 60px;
    padding-bottom: 30px;
}

.support .support-area {
    display: grid; 
    grid-template-columns: 1fr;
    width: 100%; 
    align-items: flex-start
}

.support textarea, 
.support input:not([type=radio]):not([type=checkbox]) {
    font-family: "Nunito Sans", sans-serif;
    padding: 5px 8px;
    border: none;
    border-radius: 4px;
    resize: none;
    width: 100%;
    font-weight: normal;
}

.support textarea {
    height: 204px;
}

.support .qrounds-cto {
    width: 120px;
    height: 120px;
}

.support input:not([type=radio]):not([type=checkbox])::placeholder,
.support textarea::placeholder {
    color: black;
}

.support h1 {
    font-size: 4.0rem;
}

.support h2 {
    font-size: 3.2rem;
    line-height: 4.0rem;
    color: #4DC1B6 !important;
}

.support h3 {
    font-family: 'Bree Serif', serif;
    font-weight: normal;
    line-height: 2.4rem;
    margin-bottom: 8px;
}

.support-area span {
    font-size: 1.5rem;
    opacity: 0.7;
    color: white;
    text-align: center;
    line-height: 2.0rem;
}

.myq #patient-screen {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.myq #patient-screen .top-tile-wrapper {
	position: relative;
	min-height: 70px;
}
.myq #patient-screen .extra-pat-info {
    display: grid;
    row-gap: 12px;
}
.myq #patient-screen .conf-call {
	text-align: center;
	width: 80%;
	height: 46px;
	border-radius: 35px;
	margin: 0px 10% 0px 10%;
	padding-top:6px;
	border: 0px;
	background: var(--field_navy);
	color: gray;
	pointer-events: none;
}
.myq #patient-screen .conf-call.active {
	background: var(--brilliant_orange);
	color: var(--bright_white);
	pointer-events: auto;
}
.myq #patient-screen .round-info {
    flex: 1;
    overflow-y: auto;
    margin-bottom: 10px;
}
.myq #patient-screen .round-info h4 {
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.9rem;
}
.myq #patient-screen .round-info h5 {
    font-weight: bold;
    color: white;
    font-size: 1.5rem;
}
.myq #patient-screen .patient-family {
    padding: 10px;
    background-color: var(--field_navy);
    border-radius: 3px;
}
.myq #patient-screen .patient-family .table-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 10px 5px 10px 0px;
    border-radius: 3px;
}
.myq #patient-screen .patient-family .table-header {
    padding: 0px;
    padding-right: 5px;
}
.myq #patient-screen .patient-family .table-body {
    max-height: 100px;
    overflow-y: scroll;
}
.myq #patient-screen .patient-family .table-row .table-cell:nth-child(3n + 1) {
    text-align: left;
    padding-left: 16px;
}
.myq #patient-screen .patient-family .table-row .table-cell:nth-child(3n + 2) {
    text-align: center;
}
.myq #patient-screen .patient-family .table-row .table-cell:nth-child(3n) {
    text-align: right;
}
.myq #patient-screen .patient-family .table-body .table-row:nth-child(odd) {
    background-color: #1c2653;
}
.myq #patient-screen .patient-family #rsvp-header {
    position: relative;
}
.myq #patient-screen .patient-family #rsvp-header::before {
    content: " ";
    position: absolute;
    left: 0;
    background-image: url("images/order-rsvp-ok.7675bf9ddace.svg");
    width: 12px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.myq #patient-screen .patient-family .status::before,
.invite-family .member-card .status::before {
    content: "\2022";
    margin-right: 10px;
    font-size: 1.8rem;
    line-height: 1.4rem;
    color: transparent;
}
.myq #patient-screen .patient-family .status[data-active=True]::before,
.invite-family .member-card .status[rsvp-status=YES_IN_PERSON]::before,
.invite-family .member-card .status[rsvp-status=YES]::before {
    color: var(--bright_logo_teal);
}
.myq #patient-screen .patient-family .status[data-active=False]::before,
.invite-family .member-card .status[rsvp-status=CREATED]::before,
.invite-family .member-card .status[rsvp-status=DECLINE]::before {
    color: var(--shy_pink);
}
.myq #patient-screen .btn-transparent {
    font-weight: 300;
    padding-left: 0px;
    padding-right: 0px;
    color: white;
}
.myq #table-toggle::before {
    color: var(--brilliant_orange);
}
.myq #table-toggle[data-status=Show]::before {
    content: "+ ";
}
.myq #table-toggle[data-status=Hide]::before {
    content: "- ";
}
.myq #call-box {
    margin-bottom: 15px;
}
.myq #conf-call-button::before {
    width: 18px;
}
.myq .cta-group .btn {
    min-width: 150px;
}

/* Diagnostics dashboard styles */
.diagnostics main {
    display: flex;
    flex-direction: column;
}
.diagnostics .containers-list {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: scroll;
}
.diagnostics .container {
    width: 100%;
    border-radius: 15px;
    border: 1px solid var(--deep_turquoise);
    padding: 10px 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    background: white;
}
.diagnostics .container[data-status=active] {
    border-color: var(--deep_turquoise);
}
.diagnostics .container[data-status=inactive] {
    border-color: var(--shy_pink);
}
.diagnostics .container span {
    font-size: 1.2rem;
    overflow-wrap: break-word;
}
.diagnostics .container .status {
    font-size: 1.4rem;
    color: var(--wag_gray);
}
.diagnostics .container .status::before {
    content: "\2022";
    margin-right: 5px;
    font-size: 1.8rem;
}
.diagnostics .container[data-status=active] .status::before{
    color: var(--deep_turquoise);
}
.diagnostics .container[data-status=inactive] .status::before{
    color: var(--shy_pink);
}
.diagnostics .container .status-text {
    font-weight: bold;
    color: var(--shy_pink);
    text-align: right;
}
.diagnostics .container[data-status=active] .status-text {
    display: none;
}
.diagnostics .container[data-status=inactive] .status-text {
    display: block;
}

/* Paused Indicator Modal on myq page */
#paused-modal {
    transition: none;
}
#paused-modal.show {
    z-index: 200;
}
#paused-modal .container {
    position: absolute;
    bottom: 140px;
    width: 90%;
    transition: none;
}
#paused-modal .inset {
    padding: 10px 40px;
}
#paused-modal .icon {
    height: 22px; margin-bottom: 5px;
}
#paused-modal p {
    font-size: 1.3rem; margin-top: 0px;
}
#paused-modal .footer {
    margin-top: 8px;
}
#paused-modal .btn-primary {
    background-color: #ED6635;
    padding: 5px 25px 5px 15px;
    font-size: 1.1rem;
}
#paused-modal .btn-primary:active,
#paused-modal .btn-primary:hover {
    background-color: #CB4817;
}
#paused-modal .btn-icon-r::before {
    width: 8px;
    right: 10px;
}

/********* Patient View Styles ************/
[data-experience="patient"] .invite-form {
    width: 100%;
    height: 380px;
    position: relative;
    margin-bottom: 60px;
    overflow: hidden;
}
[data-experience="patient"] .register-area {
    width: 100%;
    position: absolute;
    left: 0;
}
[data-experience="patient"] .login-area {
    display: grid; 
    grid-template-columns: 1fr; 
    width: 100%;
    gap: 10px;
    position: absolute;
    left: 0;
    transform: translateX(110%);
}
[data-experience="patient"] .input-label {
    padding: 0px;
    background: transparent;
    border: none;
}
[data-experience="patient"] [data-bg-color="gray"] .input-label {
    background: white;
    padding: 5px;
}
[data-experience="patient"] .input-label input:not([type=radio]):not([type=checkbox]), 
[data-experience="patient"] .input-label select {
    background: #141C42;
    border-radius: 5px;
    padding: 16px 12px;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: 600;
    height: auto;
}
[data-experience="patient"] [data-bg-color="gray"] .input-label input:not([type=radio]):not([type=checkbox]), 
[data-experience="patient"] [data-bg-color="gray"] .input-label select {
    background: transparent;
    color: black;
    padding: 5px 0px;
}
[data-experience="patient"] .input-label .select-wrap::before {
    top: 0px;
    right: 12px;
    width: 20px;
}
[data-experience="patient"] .input-label span {
    line-height: 1.8rem;
    font-size: 1.0rem;
    color: #FFFFFFCC;
}
[data-experience="patient"] [data-bg-color="gray"] .input-label span {
    color: #000000;
}
[data-experience="patient"] p:not(.dialog p) {
    line-height: 1.4rem;
    font-size: 1.0rem;
    color: #FFFFFFCC;
    font-style: italic;
}
[data-experience="patient"] [data-bg-color="gray"] p:not(.dialog p) {
    color: var(--blue_violet);
}
[data-experience="patient"] p.user-agreements {
    font-size: 1.0rem;
    line-height: 1.6rem;
    color: #888;
    margin-bottom: 20px;
    font-style: normal;
    text-align: center;
}
[data-experience="patient"] p a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    text-decoration: underline;
}
[data-experience="patient"] * + .input-label, [data-experience="patient"] * + p {
    margin-top: 0;
}
[data-experience="patient"] .pill {
    height: auto;
    padding: 7px 10px;
    font-size: 0.9rem;
    line-height: 1.2rem;
    text-align: center;
    font-weight: 600;
    border: 1px solid white;
    border-radius: 100px;
    min-width: 70px;
    -webkit-tap-highlight-color: transparent;
    transition: all 0.3s;
}
[data-experience="patient"] [data-bg-color="gray"] .pill {
    color: var(--blue_violet);
    border-color: var(--blue_violet);
}
[data-experience="patient"] .pill + .pill {
    margin-left: 15px;
}
[data-experience="patient"] .invite-family .pill + .pill {
    margin-left: 5px;
}
[data-experience="patient"] .pill:active {
    background-color: #141C42;
}
[data-experience="patient"] [data-bg-color="gray"] .pill:active {
    background-color: var(--pale_gray);
}
[data-experience="patient"] .pill.active {
    color: #EC5B24;
    border-color: #EC5B24;
    background-color: #ffdcce;
    font-weight: bold;
}
[data-experience="patient"][data-bg-color="blue"] .btn-transparent {
    color: white;
    font-size: 1.0rem;
    font-weight: 600;
    line-height: 1.5rem;
}
[data-experience="patient"][data-bg-color="blue"] .btn-link {
    font-weight: normal;
}
[data-experience="patient"] .rsvp-buttons .pill {
    display: inline-flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 1.4rem;
}
[data-experience="patient"] .rsvp-buttons .pill svg {
  margin-right: 10px;
}
[data-experience="patient"] .rsvp-buttons .pill svg g {
	fill: var(--blue_violet)
}
[data-experience="patient"] .rsvp-buttons .pill.orange {
    border-color: var(--brilliant_orange);
}
[data-experience="patient"] .rsvp-buttons .pill.orange svg g {
	fill: var(--brilliant_orange)
}
[data-experience="patient"] .rsvp-buttons .pill + .pill {
	margin-left: 5px;
}
[data-experience="patient"] .checkbox-wrap input[type="checkbox"] {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 1px solid var(--brilliant_orange);
    overflow: hidden;
    top: 0px;
	-ms-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}
[data-experience="patient"] .checkbox-wrap input[type="checkbox"]::before {
    top: -1px;
    left: -1px;
}
[data-experience="patient"] .checkbox-wrap label {
    font-size: 1.0rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: normal;
    padding-left: 30px;
}
[data-experience="patient"] .checkbox-wrap label * {
    color: inherit;
}
[data-experience="patient"].profile .card {
    padding: 14px;
    border-radius: 4px;
    background-color: white;
    width: 100%;
}
[data-experience="patient"].profile .card input:not([type=radio]):not([type=checkbox]) {
    font-size: 1.4rem;
    padding: 5px;
    background: transparent;
    font-weight: 600;
}
[data-experience="patient"].profile .card input:not([type=radio]):not([type=checkbox]):not([readonly]) {
    background: #F4F4F4;
}
[data-experience="patient"].profile .card .select-wrap {
    margin-top: 0px;
    width: 57px;
    background: transparent;
    border-radius: 0px;
}
[data-experience="patient"].profile .card .select-wrap::before {
    right: 5px;
}
[data-experience="patient"].profile .card .select-wrap select {
    background: #F4F4F4;
    height: 100%;
    line-height: normal;
    padding: 5px;
    text-indent: unset;
    font-weight: 600;
    height: 29px;
}
[data-experience="patient"].profile .card .select-wrap.disabled select {
    pointer-events: none;
    background: transparent;
}
[data-experience="patient"].profile .card .select-wrap.disabled::before {
    opacity: 0;
}
[data-experience="patient"].profile .card .patient-relation {
    width: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}
[data-experience="patient"].profile .card .patient-relation span {
    color: #017A7A;
    font-size: 1.0rem;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
}
[data-experience="patient"].profile .card .patient-relation select {
    text-align: center;
}
[data-experience="patient"].profile #name-input {
    grid-column: span 2;
    text-align: center;
    font-size: 1.8rem;
    color: var(--logo_teal);
}

.start-time {
    margin-top: var(--padding);
}
.start-time h3, 
.start-time h3 span {
    font-family: 'Bree Serif', serif;
    font-weight: 100;
    font-size: 2rem;
}
.start-time h3 span {
	margin-left: 5px;
	color: var(--brilliant_orange);
}
.start-time .matrix {
    width: calc(12px * 8);
    height: 3px;
	position: relative;
    margin: var(--padding) auto;
}
.start-time .timezone {
    font-size: 1.5rem;
    font-family: 'Bree Serif', serif;
    color: #687198;
    line-height: 20px;
    font-weight: 100;
    margin-left: .4rem;
}

.fixed-overlay {
	display: none;
	position: fixed;
    top: 0;
    left : 0;
	z-index: 1000;
	width: inherit;
	height: inherit;
	margin: inherit;
}
.fixed-overlay .overlay-background {
	position: fixed;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	margin: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fixed-overlay .overlay-backgroundper {
	display: flex;
}
.fixed-overlay .content {
	width: 90%;
	max-width: 350px;
	z-index: 5;
	padding: var(--padding) 20px;
	position: relative;
	border-radius: 15px;
}
.fixed-overlay .close-button {
	position: absolute;
	padding: 10px;
    right: 5px;
    top: 5px;
	cursor: pointer;
    box-sizing: content-box;
}
.fixed-overlay[data-style=confirm] .content {
	background: var(--medium_blue);
	width: auto;
	box-shadow: 0px 3px 10px 2px rgb(0 0 0 / 70%);
}
.fixed-overlay[data-style=confirm][data-bg="light"] .content {
	box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 50%);
}
.fixed-overlay[data-style=confirm] .content h2 {
	font-family: 'Nunito Sans', sans-serif;
	font-size: 2.4rem;
	padding-left: 44px;
	padding-top: 2px;
	position: relative;
}
.fixed-overlay[data-style=confirm] .content h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolyline fill='none' stroke='%231268B3' stroke-width='1.5' stroke-miterlimit='10' points='3,8 6,11 12,4'%3E%3C/polyline%3E%3C/svg%3E");
	background-size: 28px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: var(--bright_turquoise);
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	text-align: left;
}

.fixed-overlay[data-style=warning] .content {
    box-shadow: none;
    padding: 9px 20px;
    border-radius: 10px;
    background-color: #F6E2E6;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fixed-overlay[data-style=warning] .content h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: normal;
    color: #C93F57;
}
.fixed-overlay[data-style=warning] .content::before {
    content: " ";
    width: 24px;
    height: 24px;
    background-image: url("images/icon-warning.7f868787c98e.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
}

.interpreter-select .matrix {
	width: calc(12px * 16);
	height: 8px;
	margin: auto;
	left: 0;
	right: 0;
	margin-top: 16px;
}
.invite-family {
	background: #F6F6F6;
	padding: 4px 20px 0px 20px;
	min-height: 300px;
}
.invite-family h2 {
	color: var(--blue_violet);
	font-size: 1.9rem;
    line-height: 2.1rem;
}
.invite-family h3 {
    color: var(--blue_violet);
	font-family: 'Bree Serif', serif;
	font-weight: 400;
    line-height: 1.9rem;
    font-size: 1.7rem;
}
.invite-family h4 {
    color: var(--blue_violet);
	font-family: 'Bree Serif', serif;
	font-weight: normal;
    line-height: 1.9rem;
    font-size: 1.4rem;
}
.invite-family h5 {
	color: var(--logo_teal);
    font-size: 1.0rem;
}
.invite-family span {
	font-size: 1.2rem;
    line-height: 1.7rem;
	color: var(--blue_violet);
}
.invite-family b {
	line-height: inherit;
}
.invite-family .matrix {
	width: calc(12px * 16);
	height: 8px;
	margin: auto;
	left: 0;
	right: 0;
	margin-bottom: 9px;
	position: relative;
}
.invite-family .input-label {
    padding: 2px 5px;
}
.invite-family .input-label span {
    line-height: normal;
    margin-bottom: 3px;
}
.invite-family .input-label input {
    padding: 0px !important;
    color: var(--blue_violet) !important;
    font-weight: normal !important;
    margin-top: 3px;
}
.invite-family .members-wrapper {
    background-color: white;
    padding: 4px;
    border-radius: 4px;
}
.invite-family .member-card {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    grid-gap: 10px;
    align-items: center;
    padding: 7px 10px;
    border-radius: 3px;
    background-color: #FDFDFD;
    position: relative;
}
.invite-family .member-card span {
    font-size: 1.2rem;
    line-height: normal;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
.invite-family .member-card[data-removing=Yes] .name,
.invite-family .member-card[data-removing=Yes] .phone {
    text-decoration: line-through;
}
.invite-family .member-card .name {
    font-weight: bold;
    text-align: left;
}
.invite-family .member-card .phone {
    text-align: left;
}
.invite-family .member-card .timezone {
    text-align: right;
}
.invite-family .member-card .timezone span {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.invite-family .member-card .timezone span::before {
    content: "";
    background-image: url("images/member-timezone.8aeaf3d53db5.svg");
    background-size: contain;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}
.invite-family .member-card .status::before {
    margin-right: 5px;
}
.invite-family .member-card .rsvp {
    text-align: left;
    height: 16px;
    width: 70px;
}
.invite-family .member-card .rsvp .status, 
.invite-family .member-card .rsvp .remove-member-check {
    height: inherit;
}
.invite-family .member-card .rsvp .remove-member-check {
    display: flex;
    align-items: center;
    border: none;
    background: none;
    font-size: 1.2rem;
    color: var(--blue_violet);
    padding: 0px;
    width: 100%;
}
.invite-family .member-card .rsvp .remove-member-check::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: transparent;
    border: 1px solid var(--shy_pink);
    border-radius: 7px;
    margin-right: 5px;
}
.invite-family .member-card[data-removing=Yes] .rsvp .remove-member-check::before {
    background-color: var(--shy_pink);
}
.invite-family .member-card .btn-link {
    font-size: 1.2rem;
}
.invite-family .member-card .invite-accept-button,
.invite-family .member-card .invite-reject-button {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.invite-family .member-card .invite-accept-button::before,
.invite-family .member-card .invite-reject-button::before {
    content: " ";
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 2px;
}
.invite-family .member-card .invite-accept-button::before {
    width: 16px;
    height: 16px;
    background-image: url("images/checkmark-orange.aed098de6c71.svg");
}
.invite-family .member-card .invite-reject-button::before {
    width: 14px;
    height: 14px;
    background-image: url("images/close_gray_24dp.e9c49fc7604b.svg");
}
.invite-family .member-card + .member-card {
    margin-top: 4px;
}
.invite-family .account-safety {
    position: relative;
    background-color: #CFE8EC;
    font-size: 0.9rem;
    color: #036E81;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    padding-top: 5px;
    padding-bottom: 2px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.invite-family .patient-circle {
    padding: 5px;
}
.invite-family .patient-circle .patient-name,
.invite-family .patient-circle .provider-name {
    font-weight: bold; color: #017A7A;
}
.invite-family .patient-circle + .patient-circle {
    margin-top: 30px;
}
.invite-family .account-safety::before {
    content: "";
    background-image: url("images/account-secure.f9f8b455f07e.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 5px;
    width: 6px;
    height: 8px;
}
.invite-family .btn-link {
    font-size: 1.1rem;
    color: var(--blue_violet);
}
.rsvp h3 {
	font-family: 'Bree Serif', serif;
	font-weight: 100;
	font-size: 2rem;	
	text-align: center;
	margin-bottom: 10px;
}
.send-feedback {
	padding: 4px 30px 80px 30px;
}
.send-feedback[data-bg-color=gray] {
	background-color: var(--pale_gray);
}
.send-feedback .matrix {
	height: 8px;
	margin: auto;
	left: 0;
	right: 0;
	margin-bottom: 15px;
	position: relative;
}
.send-feedback h2 {
	color: var(--deep_turquoise);
	text-align: center;
}
.send-feedback textarea {
	width: 100%;
	height: 150px;
	font-size: 1.2rem;
	font-family: "Nunito Sans", sans-serif;
	padding: 6px 12px;
	border: none;
	border-radius: 5px;
	resize: none;
}
.send-feedback .comment {
	margin: auto; 
	text-align: center;
	font-size: 1.4rem;
	color: white; 
	margin-bottom: 30px;
}
.send-feedback[data-bg-color=gray] .comment {
	color: black;
}
.send-feedback .logo-wrap {
    width: 135px; margin:auto; margin-top: 0px; margin-bottom: 15px;
}
.send-feedback .logo-subtitle {
	font-family: 'Bree Serif', serif; 
	font-size: 1.4rem; 
	color: white; 
	opacity: 0.6
}
.send-feedback[data-bg-color=gray] .logo-subtitle {
	color: black;
}
.send-feedback .pii-delete-request-btn{
	width: 100%; 
	opacity: 0.6;
	font-size: 1.0rem;
}
/********* Patient View Styles End ************/

.timepicker-wrap {
    position: relative;
}
.timepicker-wrap .ios-tap-area {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.timepicker-ui-input {
    cursor: pointer;
}

.finish-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.thumbs-up-wrapper {
    width: 256px;
    height: 256px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.thumbs-up-wrapper .thumb {
    width: 150px;
    height: 150px;
    transform: scale(0);
    transform-origin: center;
}
.thumbs-up-wrapper.animated .thumb {
    -webkit-animation: scale 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-animation: scale 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: scale 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes scale {
    0% {
        transform: scale(0);
    }

    15% {
        transform: scale(0);
    }

    35% {
        transform: scale(1.3);
    }

    40% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    65% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(0);
    }

    15% {
        transform: scale(0);
    }

    35% {
        transform: scale(1.3);
    }

    40% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    65% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes scale {
    0% {
        transform: scale(0);
    }

    15% {
        transform: scale(0);
    }

    35% {
        transform: scale(1.3);
    }

    40% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    65% {
        transform: scale(1);
    }

    90% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.thumbs-up-wrapper .circle-wrap {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    pointer-events: none;
}

.thumbs-up-wrapper .circle-lg {
    width: 256px;
    height: 256px;
    border-radius: 50%;
    border-style: solid;
    border-color: #52c6d894;
    opacity: 0;
    
}

.thumbs-up-wrapper.animated .circle-lg {
    -webkit-animation: scaleCircle 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-animation: scaleCircle 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    animation: scaleCircle 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes scaleCircle {
    0% {
        border-width: 10px;
        transform: scale(0);
    }

    15% {
        border-width: 60px;
    }

    30% {
        opacity: 1;
    }

    50% {
        border-width: 10px;
        transform: scale(1);
        opacity: 0.3;
    }

    100% {
        border-width: 0;
        transform: scale(1);
        opacity: 0;
    }
}

@-moz-keyframes scaleCircle {
    0% {
        border-width: 10px;
        transform: scale(0);
    }

    15% {
        border-width: 60px;
    }

    30% {
        opacity: 1;
    }

    50% {
        border-width: 10px;
        transform: scale(1);
        opacity: 0.3;
    }

    100% {
        border-width: 0;
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes scaleCircle {
    0% {
        border-width: 10px;
        transform: scale(0);
    }

    15% {
        border-width: 60px;
    }

    30% {
        opacity: 1;
    }

    50% {
        border-width: 10px;
        transform: scale(1);
        opacity: 0.3;
    }

    100% {
        border-width: 0;
        transform: scale(1);
        opacity: 0;
    }
}
.thumbs-up-wrapper .confetti {
    transform-origin: center;
    transform: scale(0.5);
    opacity: 0;
}

.thumbs-up-wrapper.animated .confetti {
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation: confetti-anim 1s linear;
    -moz-animation: confetti-anim 1s linear;
    animation: confetti-anim 1s linear;
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

@-webkit-keyframes confetti-anim {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    15% {
        transform: scale(0.7);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    70% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@-moz-keyframes confetti-anim {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    15% {
        transform: scale(0.7);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    70% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}
@keyframes confetti-anim {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    15% {
        transform: scale(0.7);
        opacity: 1;
    }

    30% {
        transform: scale(1);
        opacity: 1;
    }

    70% {
        transform: scale(1.2);
        opacity: 0;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

/* Admin Page styles */
.admin table {
    font-size: 1.4rem;
}
.admin table th, .admin table td {
    padding: 5px;
    vertical-align: middle;
    border-bottom: 1px solid #CCCCCC;
}
.admin table input:not([type=checkbox]):not([type=radio]), 
.admin .input-label input:not([type = checkbox]):not([type=radio]) {
    background: var(--pale_gray);
    font-weight: bold;
    border: 1px solid var(--pale_gray);
    padding: inherit;
}
.admin table input[type = checkbox] {
    position: relative;
    margin: 0;
    border: 1px solid var(--brilliant_orange);
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 0;
    transform: none;
    box-sizing: content-box;
}
.admin table input.warning {
    border-color: var(--shy_pink);
}
.admin table tr[data-active=false] {
    opacity: 0.6;
}
.admin table .btn {
    padding: 3px 10px;
    font-size: 1.2rem;
}
.admin table td, .admin table th {
    padding: 5px;
    min-width: auto;
}
.admin input.large:not([type=checkbox]):not([type=radio]) {
	font-size: 1.6rem;
	padding: 10px;
}
.admin .input-label {
	margin-top: 0;
	padding: 0;
}
.admin .select-wrap select {
	height: auto;
	line-height: normal;
	font-size: 1.4rem;
	padding: 5px;
}
.admin .select-wrap.large select {
	font-size: 1.6rem;
	padding: 10px;
}
.admin .select-wrap::before {
	top: 0;
}

.table-wrap {
    background: white;
    padding: 10px;
    border-radius: 5px;
}

.text-left {
    text-align: left;
}

.rounds-03 .sort-option {
    display: flex;
    margin-bottom: 15px;
}
.rounds-03 .sort-option .btn {
    flex: 1;
    padding: 9px 10px;
    border: 1px solid #FFF;
    border-right-color: #E8E9EC;
    background-color: #FFF;
    font-size: 0.9rem;
    color: var(--blue_violet);
    font-weight: normal;
    border-radius: 0;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #707070;
}
.rounds-03 .sort-option .btn .ripple-circle {
    background-color: #258ce620;
}
.rounds-03 .sort-option .btn[data-active=yes] {
    background-color: #EAF5FF;
    color: var(--brilliant_blue);
    font-weight: bold;
}
.rounds-03 .sort-option>.btn:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.rounds-03 .sort-option>.btn:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-right-color: #FFF;
}
.rounds-03 .sort-by-room-btn:before {
    content: " ";
    background-image: url("images/arrow-down-gray-filled.8d89cfdc7e9d.svg");
    background-size: cover;
    width: 10px;
    height: 5px;
    display: block;
    margin-right: 9px;
}
.rounds-03 .sort-by-room-btn[data-sort=desc]:before {
    transform: rotate(0deg);
}
.rounds-03 .sort-by-room-btn[data-sort=asc]:before {
    transform: rotate(180deg);
}
.rounds-03 .sort-by-room-btn[data-active=yes]:before {
    background-image: url("images/arrow-down-blue-filled.eb5a028dd3f0.svg");
}
@media(hover:hover) {
    .rounds-03 .sort-option .btn:hover {
        color: var(--brilliant_blue);
        font-weight: bold;
    }
    .rounds-03 .sort-by-room-btn:hover:before {
        background-image: url("images/arrow-down-blue-filled.eb5a028dd3f0.svg");
    }
}

.checkbox-wrap {
    position: relative;
    width: fit-content;
}
.checkbox-wrap input[type="checkbox"] {
    width: 24px;
    height: 24px;
    left: 0;
    border: none;
}
.checkbox-wrap label {
    display: block;
    padding-left: 36px;
}

body[data-experience=provider].login .request-demo-btn {
	width: 100%;
	font-size: 1.0rem;
}