img.opyn-health-logo, img.client-logo { max-height: 2em; } .clickable:not(.disabled):not(:disabled) { cursor: pointer; } a img { vertical-align: middle; } .indent-lists li { margin-left:2ch; } .link { color: #46a3ba; text-decoration: underline !important; } code { max-width:100%; white-space:pre-wrap; } .backdrop { position:relative; top:0; left:0; z-index:-1; height:0; } .container { container-type: inline-size; container-name: container; } .highlight { outline: 2px solid var(--mud-palette-info); background-color: var(--mud-palette-info-hover); } gmp-advanced-marker { cursor: pointer; } gmp-map .my-location svg { font-size: 4em; } summary { display: block; position: relative; list-style: none; cursor: pointer; } summary h1, summary h2, summary h3, summary h4, summary h5, summary h6 { display: inline; } summary::marker, summary::-webkit-details-marker { display: none } summary .ifopen, summary .ifclosed { display: inline-flex; width: 2ch; height: 2ch; aspect-ratio: 1; font-size:1em; align-items: center; justify-content: center; } summary .ifopen svg, summary .ifclosed svg { max-width: 100%; max-height: 100%; } details:not([open]) .ifopen { display: none; } details[open] .ifclosed { display: none; } details > ul, details > ol { padding-inline-start: 4ch; } details > summary ~ ul, details > summary ~ ol { padding-inline-start: 2.3ch; } .opyn-dropdown-wrap { margin-top: 0 !important; } .opyn-dropdown-wrap .mud-input:not(.mud-disabled) { cursor: pointer; font: inherit; } .opyn-dropdown { display: block; width: 100%; line-height: inherit; padding: 0px; margin: 0px; position: relative; } .opyn-dropdown .dropdown-preview { display: grid; grid-template-columns: max-content auto max-content; align-content: center; align-items: center; gap: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: visible; cursor: pointer; background-color: var(--mud-palette-white); text-transform: capitalize; } .special .opyn-dropdown .dropdown-preview { background-color: inherit; color: inherit; } .opyn-dropdown .dropdown-input { display: block; position: relative; white-space: nowrap; max-width: 100%; overflow: hidden; } .opyn-dropdown .dropdown-input > div::after { content:" "; } .opyn-dropdown .dropdown-preview>svg { font-size: 1.5em; line-height: 1em; } .opyn-dropdown .dropdown-preview button { font-size: 1.2em!important; line-height: 1em!important; height: auto!important; } .opyn-dropdown .dropdown-preview button svg { font-size: inherit; } .opyn-dropdown .dropdown-preview button { padding: 0.2em; margin: -0.2em; } .dropdown-options { display: grid; grid-template-columns: 1fr; position: fixed; top: auto; left: auto; width: max-content; max-height: 22ch; max-width: 80vw; overflow: auto; z-index: 99999; background-color: var(--mud-palette-white); color: var(--mud-palette-black); border: none; padding: 0; box-sizing: border-box; border-radius: 3px; box-shadow: var(--mud-elevation-8); scroll-behavior: smooth; } .dropdown-options .dropdown-option { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-content: center; padding: 0.3em 0.4em; white-space: nowrap; width: 100%; box-sizing: border-box; overflow: hidden; font-size: 1.1em; font-weight: 400; } .dropdown-options .dropdown-option>span { display: inline-block; white-space: pre-wrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize; } .dropdown-options .dropdown-option:hover>span, .dropdown-options .dropdown-option[highlight]>span { display: inline-block; white-space: pre-wrap; overflow: hidden; } .dropdown-options .dropdown-option[selected] { background-color: #f6fcfc; } .dropdown-options .dropdown-option:hover { background-color: #e5e5e5; cursor: pointer; } .dropdown-options .dropdown-option[highlight] { background-color: #d4ffff; } .dropdown-preview>span:not(:last-of-type):after { content: ", "; } .opyn-dropdown .dropdown-input > div { display: block; min-height: 1.643em; line-height: 1.5em; text-overflow: ellipsis; opacity: 0; padding: 0 3px 0 0; text-transform: capitalize; white-space: nowrap; } .opyn-dropdown input { display: block; text-transform: capitalize; position: absolute; width: 100%; max-width: none; top: 0; left: 0; bottom: 0; right: 0; color: inherit; background-color: transparent !important; z-index: 1; cursor: text; caret-color: transparent; text-overflow: ellipsis; } .opyn-dropdown:not([typeahead]) input { pointer-events: none; cursor: pointer; } .opyn-dropdown[typeahead] input { caret-color: black; } .opyn-dropdown-wrap label { white-space: nowrap; user-select: none; } .mud-input.mud-disabled .opyn-dropdown, .mud-input.mud-disabled .opyn-dropdown input, .opyn-dropdown[disabled], .opyn-dropdown[disabled] input, .opyn-dropdown[disabled] *, .opyn-dropdown[disabled] *:hover { color: var(--mud-palette-text-disabled); pointer-events: none; cursor: default !important; } .opyn-dropdown[disabled] ::-webkit-input-placeholder {  color: var(--mud-palette-text-disabled); } .opyn-dropdown[disabled] :-moz-placeholder {  color: var(--mud-palette-text-disabled); } .opyn-dropdown[disabled] ::-moz-placeholder {  color: var(--mud-palette-text-disabled); } .opyn-dropdown[disabled] :-ms-input-placeholder {  color: var(--mud-palette-text-disabled); } .opyn-dropdown[disabled] ::-ms-input-placeholder {  color: var(--mud-palette-text-disabled); } .opyn-dropdown[disabled] ::placeholder {  color: var(--mud-palette-text-disabled); } @media (max-width:800px) { .dropdown-options { max-width: 94vw; min-width: 5ch; }} .auth-timer { display: block; position: fixed; bottom: 1em; right: 1em; z-index: 99; margin: 0; max-width: 32em; } .auth-timer h2 { color: var(--mud-palette-secondary); } .usage-display { display: block; position: relative; border: 1px solid #888888; height: 1.2em; background-color: #d9f2d0; } .usage-display > .usage { display: block; position: absolute; background-color: #abd4a2; border-right: 1px solid rgba(150, 150, 150, 0.5); height: 100%; } .usage-display > .usage-text { display: flex; width:100%; position: absolute; align-items: center; justify-content: center; line-height: 1.2em; } label .info-popup { display: inline-flex; align-items: center; justify-content: center; text-align: center; aspect-ratio: 1; height: 1.5em !important; width: 1.5em !important; margin-left: -0.5ch; border: 4px solid var(--mud-palette-black); border-radius: 1em; font-size: 1em; font-weight: 900; transform: translateY(-0.2em); pointer-events: all; transform: scale(0.4); cursor: help; } .info-popover { display: block; position: fixed; z-index: 999999; padding: 0.4em; border: 1px solid var(--mud-palette-black); color: var(--mud-palette-black); background-color: var(--mud-palette-gray-light); border-radius: var(--mud-default-borderradius, 2px); width: max-content; box-sizing: border-box; pointer-events: all; max-width: 98%; } .report-pager div.mud-input-slot.mud-input-root { padding-top: 0; padding-bottom: 0; } .star-rating { color: var(--mud-palette-black); font-size: 1.5em; } .star-rating>.star-container { display: inline-block; position: relative; } .star-rating .star-container svg { font-size: 1em; filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.7)); } .star-rating .star-container>span:first-child:not(:last-child) { position: relative; z-index: 0; } .star-rating .star-container>span:last-child:not(:first-child) { position: absolute; z-index: 1; overflow: hidden; width: 47%; left: 0; } .star-rating .star-container svg path:not([fill="none"]) { stroke: var(--mud-palette-black); } .star-rating>span { margin: -2px 0 0; font-size: 0.65em; font-weight: 700; } .star-rating>span>.underline { margin: 0 -2px; } .mud-input-slot select { width: 100%; } .float-left { float: left; } .float-right { float: right; } .float-clear { clear: both; } .text-left { text-align: left; } .flex-column > .text-left { justify-content: flex-start; } :not(.flex-column) > .text-left { align-items: flex-start; } .text-center { text-align: center; } .flex-column > .text-center { justify-content: center; } :not(.flex-column) > .text-center { align-items: center; } .text-right { text-align: right; } .flex-column > .text-center { justify-content: flex-end; } :not(.flex-column) > .text-right { align-items: flex-end; } .text-justify { text-align: justify; } .fit-content { display: inline-flex; width: max-content; } .button-info-wrapper { display: inline-grid; grid-template-columns: max-content max-content; } .info { display: inline-flex; justify-content: center; align-items: center; aspect-ratio: 1; outline: none!important; border: none!important; border-radius: 50%; background-color: transparent!important; width: 2em; height: 2em; font-size: 14px; font-family: var(--default-font); } .info > .info-label { display: inline-flex; justify-content: center; align-items: center; border: 1px solid var(--mud-palette-info); border-radius: 50%; background-color: var(--mud-palette-info); color: var(--mud-palette-info-text); width: 1em; height: 1em; } .info:focus > .info-label, .info:focus-within > .info-label { --currentBgColor: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent); outline: 1px solid var(--currentBgColor); background-color: var(--currentBgColor); color: var(--mud-palette-primary-text); } .condensed-button .mud-button-label { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; font-size: 14px; } .condensed-button .mud-button-label .mud-button-icon-start { font-size: 16px; } .slider-input .mud-slider.mud-slider-large .mud-slider-filled { position: relative; height: 20px; border-radius: 0; background-color: rgba(255, 0, 0, 0.3); } .slider-input .mud-slider.mud-slider-large .mud-slider-container:before { content: " "; display: block; position: absolute; top: 0; left: -10px; height: 20px; width: calc(100% + 20px); min-width: 20px; border-radius: 20px; background-color: var(--palette-gray-light); box-shadow: 3px 5px 5px rgba(0,0,0,0.5); } .slider-input .mud-slider.mud-slider-large .mud-slider-filled:before { content: " "; display: block; position: absolute; top: 0; left: -10px; height: 20px; width: calc(100% + 20px); min-width: 20px; border-radius: 20px; background-color: var(--mud-palette-primary); } .slider-input .mud-slider.mud-slider-large input[type=range] { margin: 0; height: 20px; } .slider-input .mud-slider.mud-slider-large input[type=range]::-webkit-slider-thumb { background: #ffffff !important; height: 1px; width: 1px; transform: scale(12,12) translateX(-0.05px) translateY(0.8px); } .slider-input .mud-slider.mud-slider-large input[type=range]::-moz-range-thumb { background: #ffffff !important; height: 1px; width: 1px; transform: scale(12,12) translateX(-0.05px) translateY(0.8px); } .slider-input .mud-slider.mud-slider-large input[type=range]::-ms-thumb { background: #ffffff !important; height: 1px; width: 1px; transform: scale(12,12) translateX(-0.05px) translateY(0.8px); } .slider-input .mud-slider.mud-slider-large input[type=range]::-webkit-slider-runnable-track { height: 20px; border-radius: 20px; background-color: transparent; } .slider-input .mud-slider.mud-slider-large input[type=range]::-moz-range-track { height: 20px; border-radius: 20px; background-color: transparent; } .slider-input .mud-slider.mud-slider-large input[type=range]::-ms-track { height: 20px; border-radius: 20px; background-color: transparent; } .d-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(40px, max-content)); } .overflow-auto { overflow: auto!important; padding-bottom:50px; } .grid-2, .grid-3, .grid-4, .grid-6, .grid-8, .grid-10, .grid-12 { display: grid; } .grid-2 { grid-template-columns: repeat(2, 1fr); } .grid-3 { grid-template-columns: repeat(3, 1fr); } .grid-4 { grid-template-columns: repeat(4, 1fr); } .grid-6 { grid-template-columns: repeat(6, 1fr); } .grid-8 { grid-template-columns: repeat(8, 1fr); } .grid-10 { grid-template-columns: repeat(10, 1fr); } .grid-12 { grid-template-columns: repeat(12, 1fr); } .col-2 { grid-column: span 2; } .col-3 { grid-column: span 3; } .col-4 { grid-column: span 4; } .col-5 { grid-column: span 5; } .col-6 { grid-column: span 6; } .col-7 { grid-column: span 7; } .col-8 { grid-column: span 8; } .col-9 { grid-column: span 9; } .col-10 { grid-column: span 10; } .col-11 { grid-column: span 11; } .col-12 { grid-column: span 12; } .rotate45:not(button), button.rotate45 svg { transform: rotate(45deg); } .rotate90:not(button), button.rotate90 svg { transform: rotate(90deg); } .rotate180:not(button), button.rotate180 svg { transform: rotate(180deg); } .rotate270:not(button), button.rotate270 svg { transform: rotate(270deg); } .flipx:not(button), button.flipx svg { transform: rotateX(180deg); } .flipy:not(button), button.flipy svg { transform: rotateY(180deg); } .filly { height: 100%; } .fillx { width: 100%; } .fade-in { animation-name: fadeInAnimation; animation-duration: 300ms; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .f1 { font-size: 1.25em !important; } .f2 { font-size: 1.5em !important; } .f3 { font-size: 1.75em !important; } .f4 { font-size: 2em !important; } .f5 { font-size: 2.5em !important; } .fn1 { font-size: max(var(--mud-typography-default-size), 0.95em) !important; } .fn2 { font-size: max(var(--mud-typography-default-size), 0.90em) !important; } .fn3 { font-size: max(var(--mud-typography-default-size), 0.85em) !important; } .fn4 { font-size: max(var(--mud-typography-default-size), 0.80em) !important; } .fn5 { font-size: max(var(--mud-typography-default-size), 0.75em) !important; } .nowrap { white-space: nowrap; } .rounded { border-radius: 2em !important; } .move-to-label { display: none; } .xs-1 { grid-column: span 1; } .xs-2 { grid-column: span 2; } .xs-3 { grid-column: span 3; } .xs-4 { grid-column: span 4; } .xs-5 { grid-column: span 5; } .xs-6 { grid-column: span 6; } .xs-7 { grid-column: span 7; } .xs-8 { grid-column: span 8; } .xs-9 { grid-column: span 9; } .xs-10 { grid-column: span 10; } .xs-11 { grid-column: span 11; } .xs-12 { grid-column: span 12; } .invisible { opacity: 0; } .bold, .bold * { font-weight: 700; } .italic, .italic * { font-style: italic; } .text-right { text-align: right; } .single-line { white-space: nowrap; } .underline { text-decoration: underline; } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .max-content { max-width: max-content; } .label-text-center label { text-align: center; } .label-text-right label { text-align: right; } .label-text-left label { text-align: left; } .v-hide { visibility: hidden; } .mud-drawer--open + .mud-main-content .hide-open { display: none; } .fw-100 { font-weight: 100; --mud-typography-button-weight: 100; } .fw-200 { font-weight: 200; --mud-typography-button-weight: 200; } .fw-300 { font-weight: 300; --mud-typography-button-weight: 300; } .fw-400 { font-weight: 400; --mud-typography-button-weight: 400; } .fw-500 { font-weight: 500; --mud-typography-button-weight: 500; } .fw-600 { font-weight: 600; --mud-typography-button-weight: 600; } .fw-700 { font-weight: 700; --mud-typography-button-weight: 700; } .fw-800 { font-weight: 800; --mud-typography-button-weight: 800; } .auto-width { max-width: max-content; } @media (max-width: 1800px) { .grid-3:not(.ignore-media) { grid-template-columns: repeat(2, 1fr); } .grid-4:not(.ignore-media) { grid-template-columns: repeat(3, 1fr); } .grid-6:not(.ignore-media) { grid-template-columns: repeat(4, 1fr); } .grid-8:not(.ignore-media) { grid-template-columns: repeat(6, 1fr); } .grid-10:not(.ignore-media) { grid-template-columns: repeat(8, 1fr); } .grid-12:not(.ignore-media) { grid-template-columns: repeat(10, 1fr); } :not(.ignore-media)>.col-2, :not(.ignore-media)>.col-3 { grid-column: span 2; } :not(.ignore-media)>.col-4 { grid-column: span 3; } :not(.ignore-media)>.col-5, :not(.ignore-media)>.col-6 { grid-column: span 4; } :not(.ignore-media)>.col-7, :not(.ignore-media)>.col-8 { grid-column: span 6; } :not(.ignore-media)>.col-9, :not(.ignore-media)>.col-10 { grid-column: span 8; } :not(.ignore-media)>.col-11, :not(.ignore-media)>.col-12 { grid-column: span 10; }} @media (max-width: 1300px) { .grid-2:not(.ignore-media), .grid-3:not(.ignore-media) { grid-template-columns: repeat(1, 1fr); } .grid-4:not(.ignore-media) { grid-template-columns: repeat(2, 1fr); } .grid-6:not(.ignore-media) { grid-template-columns: repeat(3, 1fr); } .grid-8:not(.ignore-media) { grid-template-columns: repeat(4, 1fr); } .grid-10:not(.ignore-media) { grid-template-columns: repeat(5, 1fr); } .grid-12:not(.ignore-media) { grid-template-columns: repeat(6, 1fr); } :not(.ignore-media)>.col-2, :not(.ignore-media)>.col-3 { grid-column: span 1; } :not(.ignore-media)>.col-4 { grid-column: span 2; } :not(.ignore-media)>.col-5, :not(.ignore-media)>.col-6 { grid-column: span 3; } :not(.ignore-media)>.col-7, :not(.ignore-media)>.col-8 { grid-column: span 4; } :not(.ignore-media)>.col-9, :not(.ignore-media)>.col-10 { grid-column: span 5; } :not(.ignore-media)>.col-11, :not(.ignore-media)>.col-12 { grid-column: span 6; }} @media (max-width: 1000px) { .grid-2:not(.ignore-media), .grid-3:not(.ignore-media) { grid-template-columns: repeat(1, 1fr); } .grid-4:not(.ignore-media) { grid-template-columns: repeat(1, 1fr); } .grid-6:not(.ignore-media) { grid-template-columns: repeat(2, 1fr); } .grid-8:not(.ignore-media) { grid-template-columns: repeat(2, 1fr); } .grid-10:not(.ignore-media) { grid-template-columns: repeat(3, 1fr); } .grid-12:not(.ignore-media) { grid-template-columns: repeat(3, 1fr); } :not(.ignore-media)>.col-2, :not(.ignore-media)>.col-3, :not(.ignore-media)>.col-4 { grid-column: span 1; } :not(.ignore-media)>.col-5, :not(.ignore-media)>.col-6, :not(.ignore-media)>.col-7, :not(.ignore-media)>.col-8 { grid-column: span 2; } :not(.ignore-media)>.col-9, :not(.ignore-media)>.col-10, :not(.ignore-media)>.col-11, :not(.ignore-media)>.col-12 { grid-column: span 3; }} @media (max-width: 960px) { .d-grid:not(.ignore-media), .grid-2:not(.ignore-media), .grid-3:not(.ignore-media), .grid-4:not(.ignore-media), .grid-6:not(.ignore-media), .grid-8:not(.ignore-media), .grid-10:not(.ignore-media), .grid-12:not(.ignore-media) { grid-template-columns: repeat(1, 1fr) !important; } :not(.ignore-media)>.col-2, :not(.ignore-media)>.col-3, :not(.ignore-media)>.col-4, :not(.ignore-media)>.col-5, :not(.ignore-media)>.col-6, :not(.ignore-media)>.col-7, :not(.ignore-media)>.col-8, :not(.ignore-media)>.col-9, :not(.ignore-media)>.col-10, :not(.ignore-media)>.col-11, :not(.ignore-media)>.col-12 { grid-column: span 1; } .mobile-justify-center { justify-items: center !important; } .mobile-align-center { align-items: center !important; } .mobile-text-center { text-align: center !important; }} @media (max-width: 1280px) { .hide-mobile { display: none !important; }} @media (min-width: 1280px) { *.hide-desktop { display: none !important; } .mud-expand-panel.show-desktop .mud-collapse-container { height: auto !important; } .mud-drawer.mud-drawer-responsive.mud-drawer-pos-left.mud-drawer--closed.show-desktop, .mud-drawer.mud-drawer-persistent.mud-drawer-pos-left.mud-drawer--closed.show-desktop { left: 0; }}  @media (min-width: 600px) { .sm-label-text-center label { text-align: center; } .sm-label-text-right label { text-align: right; } .sm-label-text-left label { text-align: left; } .sm-1 { grid-column: span 1; } .sm-2 { grid-column: span 2; } .sm-3 { grid-column: span 3; } .sm-4 { grid-column: span 4; } .sm-5 { grid-column: span 5; } .sm-6 { grid-column: span 6; } .sm-7 { grid-column: span 7; } .sm-8 { grid-column: span 8; } .sm-9 { grid-column: span 9; } .sm-10 { grid-column: span 10; } .sm-11 { grid-column: span 11; } .sm-12 { grid-column: span 12; }}  @media (min-width: 960px) { .md-label-text-center label { text-align: center; } .md-label-text-right label { text-align: right; } .md-label-text-left label { text-align: left; } .md-1 { grid-column: span 1; } .md-2 { grid-column: span 2; } .md-3 { grid-column: span 3; } .md-4 { grid-column: span 4; } .md-5 { grid-column: span 5; } .md-6 { grid-column: span 6; } .md-7 { grid-column: span 7; } .md-8 { grid-column: span 8; } .md-9 { grid-column: span 9; } .md-10 { grid-column: span 10; } .md-11 { grid-column: span 11; } .md-12 { grid-column: span 12; }}  @media (min-width: 1280px) { .lg-label-text-center label { text-align: center; } .lg-label-text-right label { text-align: right; } .lg-label-text-left label { text-align: left; } .lg-1 { grid-column: span 1; } .lg-2 { grid-column: span 2; } .lg-3 { grid-column: span 3; } .lg-4 { grid-column: span 4; } .lg-5 { grid-column: span 5; } .lg-6 { grid-column: span 6; } .lg-7 { grid-column: span 7; } .lg-8 { grid-column: span 8; } .lg-9 { grid-column: span 9; } .lg-10 { grid-column: span 10; } .lg-11 { grid-column: span 11; } .lg-12 { grid-column: span 12; }}  @media (min-width: 1920px) { .xl-label-text-center label { text-align: center; } .xl-label-text-right label { text-align: right; } .xl-label-text-left label { text-align: left; } .xl-1 { grid-column: span 1; } .xl-2 { grid-column: span 2; } .xl-3 { grid-column: span 3; } .xl-4 { grid-column: span 4; } .xl-5 { grid-column: span 5; } .xl-6 { grid-column: span 6; } .xl-7 { grid-column: span 7; } .xl-8 { grid-column: span 8; } .xl-9 { grid-column: span 9; } .xl-10 { grid-column: span 10; } .xl-11 { grid-column: span 11; } .xl-12 { grid-column: span 12; }} @keyframes fadeInAnimation { 0% {  opacity: 0; } 100% {  opacity: 1; }}