/* Utilities */
.py-075 {
    padding-top: 0.75rem!important;
    padding-bottom: 0.75rem!important;
}

.px-20px {
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.gap-20px {
    gap: 20px;
}

.row-gap-12px {
    row-gap: 12px;
}

.form-control-md {
    line-height: 1.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.5rem;
}

/* */

.login-content {
    margin-top: 10rem;
    max-width: 32.75rem;
}

.set-location-card {
    margin-top: 11.5rem;
    max-width: 32.75rem;
    margin-left: auto;
    margin-right: auto;
}

.invalid-feedback {
    margin: 0.5rem 0 0;
    font-size: 0.75rem;
}

.user-auth-page {
    background-image: url("/images/backgrounds/login-bg-left.png"), url("/images/backgrounds/login-bg-right.png");
    background-repeat: no-repeat;
    background-position: 100px 500px, bottom right;
    background-size: 15rem, 27rem;
}

#loginHelpModal .modal-dialog,
#emailSentConfirmationModal .modal-dialog {
    max-width: 25rem;
}

#loginHelpModal ul li {
    position: relative;
}

#loginHelpModal ul li::before {
    content: "";
    position: absolute;
    background-image: url("/images/icons/list-ellipse.svg");
    width: 1.5rem;
    height: 1.5rem;
    left: -2rem;
}

#forgotPasswordModal .modal-dialog {
    max-width: 24rem;
}

.password-visibility-toggle {
    position: absolute;
    right: 0;
    top: 0.5rem;
}

.fv-plugins-bootstrap5-row-invalid .invalid-feedback {
    display: block;
}

.fv-plugins-bootstrap5-row-invalid .border-error-border {
    border: 1px solid;
}

.alert ul li {
    list-style: disc;
}

.collecting-accordion .accordion-button::after {
    margin-left: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.00016L12 12.5802L16.59 8.00016L18 9.41016L12 15.4102L6 9.41016L7.41 8.00016Z' fill='%23033572'/%3E%3C/svg%3E");
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.5rem;
}

.avatar-menu-btn {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background: var(--bs-primary-fill);
    transition: background 0.15s ease-in-out;
    text-transform: uppercase;
}

.avatar-menu-btn:hover,
.avatar-menu-btn:focus {
    background: var(--bs-primary-fill-hover);
}

.avatar-menu .dropdown-menu {
    min-width: 16rem;
    box-shadow: 0 2px 16px 2px rgba(0, 0, 0, 0.08);
}

.avatar-menu .dropdown-menu li {
    padding-top: 1rem;
    border-bottom: 1px solid var(--bs-primary-border);
}

.avatar-menu .dropdown-menu li:last-of-type {
    border-bottom: none;
}

.avatar-menu .dropdown-menu a {
    margin: 0;
    padding: 0 !important;
}

.avatar-menu .caption {
    letter-spacing: initial;
}

.reference-manual-container {
    padding: 0.75rem;
}

.tile{
    cursor: pointer;
}

.tile:hover {
    background: var(--bs-primary-fill-medium);
}

.card--error {
    border: 1px solid var(--bs-accent-brand-border);
}

.error-text {
    color: #7c1a1a;
}

#global-header .menu li.active {
    font-weight: 600;
    position: relative;
}

#global-header .menu li.active::after {
    content: '';
    position: absolute;
    width: calc(100% + 0.5rem);
    bottom: -0.5rem;
    left: 50%;
    transform: translateX(-50%);
    background: var(--bs-accent-brand-fill);
    height: 0.25rem;
    border-radius: 2px;
}

table tbody tr:last-child {
    border-color: transparent !important;
}

tr.selected-row {
    background-color: var(--bs-info-fill);
}

tr.selected-row svg.selected-tick {
    display: inline !important;
}

tr:not(.selected-row) svg.selected-tick {
    display: none;
}

.date-range-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23033572'/%3E%3C/svg%3E");
    background-position: left 1rem center, right 1rem center;
    background-size: 1rem;
    background-repeat: no-repeat;
    padding: 0.375rem 2.25rem;
    font-size: 0.875rem;
    line-height: 20px;
    color: var(--bs-primary-text);
    background-color: var(--bs-primary-fill-weak);
    max-width: 12rem;
}

.date-range-select:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.date-range-select[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23033572'/%3E%3C/svg%3E%0A");
}

.date-range-select[aria-expanded=true]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.healius-table thead th {
    background: var(--bs-neutral-fill) !important;
}

.healius-table thead th:first-of-type {
    border-top-left-radius: 0.5em;
}

.healius-table thead th:last-of-type {
    border-top-right-radius: 0.5rem;
}

.healius-table thead:before {
    content: '';
    top: 0;
    left: -0.25rem;
    width: calc(100% + 0.5rem);
    height: 0.5rem;
    position: absolute;
    background: var(--bs-primary-fill-weak);
    z-index: -1;
}


.results-filters .form-select:not(.date-range-select) {
    padding: 0.375rem 2.25rem 0.375rem 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    background-size: 1rem;
}

.form-check:not(.form-switch) .form-check-input[type="checkbox"] {
    border: 1px solid #cdd7e3;
}

.fasting-btn-group .btn {
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}

.modal form .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1rem;
}

tr.unviewed {
    position: relative;
    font-weight: 600;
}

tr.unviewed td:first-of-type:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5rem;
    height: 100%;
    background: var(--bs-info-graphic);
}

.report-content {
    display: grid;
    grid-template-columns: minmax(178px, 1fr) 9fr;
    padding: 1.5rem 0;
    align-items: start;
}

.report-status-indicator {
    width: 0.875rem;
    height: 1.5rem;
}

.report-page .alert {
    margin-bottom: 1.5rem;
}

.header-row-gap {
    row-gap: 1.5rem;
}

.report-page .report-heading {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    letter-spacing: 0.25px;
    margin: 0;
}

.placeholder {
    height: 1.375rem;
    border-radius: 1rem;
}

.vertical-divider {
    height: 100%;
    width: 1px;
    background: var(--bs-primary-border);
}

.clear-filter-btn {
    font-size: 0.875rem;
}

#watch_end_of_document {
    height: 10px;
    margin: 0;
}

.action-bar-details {
    gap: 7.19rem;
}

#no-results-msg {
    margin-top: 4rem;
}

.report-table {
    border-collapse: inherit;
    border-spacing: 0;
}

.report-table tbody::after {
    content: '';
    display: table-row;
    height: 32px;
}

.report-table td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.report-table thead tr:nth-child(-n+3) th {
    padding-bottom: 0.25rem!important;
}

.report-table thead tr:nth-child(4) th {
    padding-bottom: 1.5rem!important;
}

.report-table tbody.result-items tr td:nth-child(2),
.report-table th:nth-child(2) {
    text-align: center;
    min-width: 11.25rem;
}

.report-table:not(.free-text-only) tbody.result-items tr td:nth-child(2),
.report-table:not(.free-text-only) th:nth-child(2) {
    background: var(--bs-primary-fill-weak);
    border-left-width: 1px;
    border-right-width: 1px;
}

.report-table:not(.free-text-only) thead tr:first-child th:nth-child(2) {
    padding-top: 1rem!important;
    border-top-width: 1px;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.report-table tbody tr:last-child td {
    padding-bottom: 1.375rem;
}

.report-table:not(.free-text-only) tbody tr:last-child td:nth-child(2) {
    border-bottom-width: 1px;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-color: var(--bs-primary-border);
}

.report-table .unit-col {
    padding-left: 3.88rem!important;
}

.report-table tbody.pathology-comments tr td {
    background: var(--bs-neutral-fill-weak);
    border-width: 1px;
    border-color: var(--bs-primary-border);
}

.report-table tbody.pathology-comments tr.pathology-comment-header td {
    border-bottom: 0;
}

.report-table tbody.pathology-comments tr.pathology-comment-header td.pathology-comment-title {
    border-top-left-radius: 1rem;
}

.report-table tbody.pathology-comments tr.pathology-comment-header td.pathology-comment-comment-button {
    border-top-right-radius: 1rem;
}

.report-table tbody.pathology-comments tr.pathology-comment-text td {
    border-top: 0;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.cs-btn-group button {
    min-width: 3.8375rem;
}

#global-header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.report-sticky-headers {
    top: 75px;
    z-index: 90;
    pointer-events: none;
}

.report-sticky-headers > * {
    pointer-events: auto;
}

.report-participant-identifiers {
    transition: padding 225ms ease-out;
}

button[data-bs-toggle="collapse"] svg {
    transition: transform 225ms ease-out;
}
button[data-bs-toggle="collapse"][aria-expanded="false"] svg {
    transform: rotate(180deg);
}

.report-comment-table th:first-of-type,
.report-comment-table td:first-of-type {
    padding-left: 0;
}

.report-comment-table th:last-of-type,
.report-comment-table td:last-of-type {
    padding-right: 0;
}

.report-comment-table th,
.report-comment-table td {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.modal form textarea{
    resize: none;
    height: 6.375rem;
}

.modal form textarea:focus + .char-count-container {
    display: block!important;
}

.report-sidebar {
    top: 17rem;
    transition: top 225ms ease-out;
    max-height: calc(100vh - 17rem);
    overflow-y: auto;
    padding-right: 2.5rem;
    scrollbar-width: thin;
}

.report-page--review-required .report-sidebar {
    top: 19.625rem;
}

.report-sidebar--scroll-up {
    top: 20rem;
    max-height: calc(100vh - 20rem);
}

.report-page--review-required .report-sidebar--scroll-up {
    top: 22.5625rem;
}

.column-sort {
    display: flex;
    flex-direction: row;
}
.column-sort > .hover-down-arrow {
    opacity: 0;
}
.column-sort:hover > .hover-down-arrow {
    opacity: 100;
}

.report-comment-table .date-table-header {
    width: 11.25rem;
}

.modal-small {
    max-width: 25rem;
}

.small-modal {
    max-width: 400px
}


.modal ul li:last-child {
    border-bottom: none!important;
}

.border-bottom-transparent {
    border-bottom: transparent;
}

.search-table-total {
    position: sticky;
    top: 52px;
    z-index: 100;
}

#participantRows tr:last-of-type td:first-child {
    border-radius: 0 0 0 8px;
}
#participantRows tr:last-of-type td:last-child {
    border-radius: 0 0 8px 0;
}

.display-on-hover {
    opacity: 0;
}

.display-on-hover:hover {
    opacity: 0.3;
}

.rounded-top-start {
    border-radius: 8px 0 0 0;
}
.rounded-top-end {
    border-radius: 0 8px 0 0;
}

.result-value::before {
    width: 0.625rem;
    height: 0.625rem;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(-0.625rem - 0.5rem);
    top: 50%;
    transform: translateY(-50%);
}

.result-value.low::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'%3E%3Cpath d='M4.5 8L0.169872 0.5L8.83013 0.5L4.5 8Z' fill='%23CF2B2B'/%3E%3C/svg%3E");
}

.result-value.high::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' viewBox='0 0 9 8' fill='none'%3E%3Cpath d='M4.5 0L8.83013 7.5H0.169873L4.5 0Z' fill='%23CF2B2B'/%3E%3C/svg%3E");
}

.free-text-excluded-tooltip {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% + 0.25rem);
}

.result-value-offset {
    margin-left: 1.625rem;
    width: 3rem;
    gap: 0.25rem;
}

.cs-btn-group button[data-value="true"]:hover {
    background-color: var(--bs-accent-brand-fill);
}

.cs-btn-group button.active[data-value="true"] {
    background-color: var(--bs-accent-brand-fill);
}

.request-identifier-title {
    height: 20px;
    max-width: 120px;
    opacity: 1;
    overflow: hidden;
    transition: height 225ms ease-out, opacity 225ms ease-out, max-width 225ms ease-out;
}

.request-identifier-title--hidden {
    opacity: 0;
    height: 0;
    max-width: 0;
}

.form-switch-primary-border{
    border: 1px solid white !important;
    height: 32px !important;
    width: 56px !important;
}

.form-check-accent-input:checked {
    background-color: var(--bs-accent-brand-fill) !important;
    border-color: var(--bs-accent-brand-fill) !important;
}

.pointer-cursor {
    cursor: pointer;
}

.visit-collecting-header-sticky{
    position: sticky;
    top: 0;
}
.visit-collecting-footer-sticky {
    position: sticky;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #D9D9D9;
    padding: 24px 0;
    background-color: white;
    z-index: 1000;
}

.results-filters .dropdown .dropdown-menu {
    min-width: 12.5rem;
}

.report-page .modal .form-check-input:not(:checked) {
    border-color: var(--bs-primary-border);
}

.report-page .modal .fv-plugins-bootstrap5-row-invalid .form-check-input.is-invalid {
    border-color: var(--bs-primary-border);
}

.print-action-panel {
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-50px);
    transition: transform 300ms ease-out, opacity 150ms linear;
    opacity: 0;
    bottom: 1.5rem;
    width: max-content;
    background: var(--bs-neutral-fill);
}

.print-action-panel form {
    display: flex;
    gap: 80px;
}

.print-action-panel.show {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}

.print-action-panel-count {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary-fill-medium);
    border-radius: 50%;
}

.print-count-wrapper--error {
    color: var(--bs-error-text)!important;
}

.print-count-wrapper--error .print-action-panel-count {
    color: var(--bs-error-text)!important;
    background: var(--bs-error-fill)!important;
}

.print-action-panel button[data-print-action="print"] {
    min-width: 8rem;
}

.bulk-print-mode tr.unviewed {
    font-weight: 400 !important;
    background-color: var(--bs-neutral-fill) !important;
}

.bulk-print-mode tr.unviewed td:first-of-type:before {
    content: unset;
}

.bulk-print-mode tr.selected {
    background: var(--bs-info-fill)!important;
}

.bulk-print-mode tr.selected td:first-of-type:before {
    content: unset;
}

.bulk-print-mode tr.selected .table-row-tick {
    display: block!important;
}

.table-row-tick {
    position: absolute;
    left: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
}

#table-results-body tr {
    cursor: pointer;
}

.loader {
    width: 3.25rem;
    height: 3.25rem;
    border: 5px solid var(--bs-accent-blue-medium);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#bulkPrintProcessingModal .modal-body,
#reportPrintProcessingModal .modal-body {
    padding-top: 3.75rem!important;
}

#cumulativeResultsModal .modal-dialog {
    width: fit-content;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;
}

#cumulativeResultsModal .modal-content {
    max-height: 100%;
    overflow-y: hidden;
}

#cumulativeResultsModal .modal-content--loading {
    width: 90vw;
    height: 90vh;
}

#cumulativeResultsModal .modal-header {
    position: sticky;
    top: 0;
    z-index: 80;
    background: var(--bs-neutral-fill);
}

#cumulativeResultsModal .modal-body {
    overflow-y: auto;
    scrollbar-color: var(--bs-primary-border-hover) var(--bs-neutral-fill);
}

#cumulativeResultsModal thead {
    position: sticky;
    top: 0;
    z-index: 80;
    background: var(--bs-neutral-fill);
}

.z-1 {
    z-index: 1;
}

.invert-svg-white {
    filter: brightness(0) invert(1);
}

.date-input {
    text-transform: uppercase;
}

.date-input {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z' fill='%23333F48'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-repeat: no-repeat;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6C3 5.45 3.19583 4.97917 3.5875 4.5875C3.97917 4.19583 4.45 4 5 4H6V2H8V4H16V2H18V4H19C19.55 4 20.0208 4.19583 20.4125 4.5875C20.8042 4.97917 21 5.45 21 6V20C21 20.55 20.8042 21.0208 20.4125 21.4125C20.0208 21.8042 19.55 22 19 22H5ZM5 20H19V10H5V20ZM5 8H19V6H5V8Z' fill='%23333F48'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-repeat: no-repeat;
}

.hl7formatted .highlighted {
    font-weight: 600;
}

#audit-log-offcanvas {
    width: 100%;
    max-width: 60rem;
}

/* Should probably be in branding */

.input-group .form-control:focus + .input-group-text {
    border-color: var(--bs-primary-border-strong);
}

.btn-group .is-invalid + label,
.input-group .is-invalid + .input-group-text {
    border-color: var(--bs-error-border) !important;
}

.is-invalid + .validation-border {
    border: 1px solid var(--bs-error-border) !important;
    border-radius: 8px;
}

input.focus-feedback:focus {
    color: #333F48;
    border-color: #819ab9 !important;
}

input.focus-feedback:focus + div.invalid-feedback {
    color: var(--bs-neutral-text-medium) !important;
}

.urgent-flag {
    border-style: solid;
    border-width: 0 0 0 1px;
}

.urgent-flag:hover,
.urgent-flag:focus {
    color: var(--bs-error-text) !important;
}

div.results-comment-modal table.table {
    empty-cells: show;
}

div.results-comment-modal thead,
div.results-comment-modal tbody {
    width: calc(100% + 32px); /* the width of the scrollbar */
}

div.results-comment-modal tbody {
    overflow-y: scroll;
    max-height: 800px;
    border-top: 0 !important;
}

div.results-comment-modal table.table tr td,
div.results-comment-modal table.table tr th {
    flex-basis: 100%;
    flex-grow: 2;
}

div.results-comment-modal table.table tr th:nth-child(1),
div.results-comment-modal table.table tr td:nth-child(1) {
    flex: 14 1 0;
}

div.results-comment-modal table.table tr th:nth-child(2),
div.results-comment-modal table.table tr td:nth-child(2) {
    flex: 44 1 0;
}

div.results-comment-modal table.table tr th:nth-child(3),
div.results-comment-modal table.table tr td:nth-child(3) {
    flex: 23 1 0;
}

div.results-comment-modal table.table tr th:nth-child(4) {
    flex: 2.5 1 0;
}

div.results-comment-modal table.table tr td:nth-child(4) {
    flex: 1 1 0;
}

.spacer {
    border-bottom-width: 0 !important;
}

#courier-countdown  {
    color: #23A92D;
}

div.report-participant-mismatch {
    background-color: var(--bs-warning-fill);
    border-color: var(--bs-accent-peach);

}

div.report-participant-mismatch h3 {
    color: var(--bs-warning-fill-strong) !important;
}

div.offcanvas .offcanvas-body {
    overflow: visible;
}

.report-audit-table table.table {
    empty-cells: show;
}

.report-audit-table thead,
.report-audit-table tbody {
    width: calc(100% + 32px); /* the width of the scrollbar */
}

.report-audit-table tbody {
    overflow-y: scroll;
    max-height: 800px;
    border-top: 0 !important;
}

.report-audit-table table.table tr td,
.report-audit-table table.table tr th {
    flex-basis: 100%;
    flex-grow: 2;
}

.report-audit-table .date-table {
    flex: 21 1 0;
}
.report-audit-table .event-table {
    flex: 16 1 0;
}
.report-audit-table .details-table {
    flex: 47 1 0;
}
.report-audit-table .user-table {
    flex: 16 1 0;
}
.report-audit-table .spacer-table {
    flex: 2.5 1 0;
}

.report-audit-table .date-table-header {
    flex: 20 1 0;
}
.report-audit-table .event-table-header {
    flex: 15 1 0;
}
.report-audit-table .details-table-header {
    flex: 46 1 0;
}
.report-audit-table .user-table-header {
    flex: 16 1 0;
}
.report-audit-table .spacer-table-header {
    flex: 3 1 0;
}

.report-audit-table .spinner-container {
    width: 97%;
}

.lab-no-prefix-dropdown-toggle {
    border-radius: 0.5rem 0 0 0.5rem;
}

.lab-no-input {
    border-radius: 0 0.5rem 0.5rem 0;
}

#compact-search-card {
    z-index: 90;
}

.updated-table-column {
    max-width: 1.5rem;
    padding-right: 0!important;
}

#table-loaders tr td:nth-child(11) {
    width: 2.5rem;
}

.cumulative-results-table tr th:first-child,
.cumulative-results-table tr td:first-child {
    border-right: 1px solid var(--bs-primary-border);
    min-width: 14rem;
}

.cumulative-results-table tr:last-child th,
.cumulative-results-table .toggle-btn-th {
    border-bottom: 1px solid var(--bs-primary-border);
}

.cumulative-latest-result,
.cumulative-previous-result {
    min-width: 160px;
}

.cumulative-results-table {
    border-collapse: inherit;
    border-spacing: 0;
}

.cumulative-results-table thead tr:first-child .cumulative-latest-result {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-top: 1px solid var(--bs-primary-border-focus);
}

.cumulative-results-table thead tr .cumulative-latest-result {
    border-left: 1px solid var(--bs-primary-border-focus);
    border-right: 1px solid var(--bs-primary-border-focus);
}

.cumulative-results-table tbody tr .cumulative-latest-result {
    border-left: 1px solid var(--bs-primary-border-focus);
    border-right: 1px solid var(--bs-primary-border-focus);
}

.cumulative-results-table tbody tr:last-child .cumulative-latest-result {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    border-bottom: 1px solid var(--bs-primary-border-focus);
}

.cumulative-results-table tbody tr:hover {
    background: var(--bs-primary-fill-weak);
}

.cumulative-results-table .toggle-btn-th {
    min-width: 42px;
    width: 42px;
}

.cumulative-results-table thead {
    text-transform: unset;
}

.cumulative-results-table .table-go-to-btn {
    padding: 2px;
}

.cumulative-results-table .table-go-to-btn:hover {
    background: var(--bs-primary-fill-medium);
}

.cumulative-results-table .table-go-to-btn:hover svg path {
    fill: var(--bs-primary-fill);
}

.cumulative-results-table .table-col-step-btn {
    background: var(--bs-primary-fill-weak);
}

.cumulative-results-table .table-col-step-btn:hover{
    background: var(--bs-primary-fill-medium);
}

.modal.fade .modal-dialog {
    transform: none;
}

.updated-results-modal {
    max-width: 442px;
}

.panel-select:not(.active) {
    border-color: #00000000 !important;
}

.panel-select.active {
    border-right-color: var(--bs-primary-fill-medium) !important;
    background-color: var(--bs-primary-fill-medium);
}

.search-input {
    background-image: url('/images/icons/search.svg');
    background-repeat: no-repeat;
    background-position: left 12px center;
    background-size: 16px;
    padding-left: 42px !important;
}

.filter-input:placeholder-shown {
    background-image: url('/images/icons/search.svg');
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
    background-size: 16px;
}

.action-remove-requested-test:hover,
.action-clear-other-tests:hover {
    opacity: 1 !important;
}

.test-select:not(.filter-match) {
    display: none;
}

.btn-outline-primary-border:hover {
    background-color: var(--bs-primary-fill-medium);
}

.hover-row:hover {
    background-color: var(--bs-primary-fill-weak);
}

#repeatsPage tbody tr:not(.repeat-viewed) {
    background-color: var(--bs-info-fill);
    font-weight: bold;
}

.collection-schedule-offcanvas {
    width: 100%;
    max-width: 1140px;
}

.collection-schedule-tooltip .healius-tooltip-window,
.collection-schedule-tooltip .healius-tooltip-window i::after{
    background-color: var(--bs-neutral-fill);
    color: var(--bs-neutral-text);
    border: 1px solid var(--bs-primary-border);
}

.collection-schedule-btn {
    padding: 0.1875rem;
    transition: padding 225ms ease-out;
}

.collection-schedule-btn--sm {
    padding: 0.4375rem;
}

.collection-schedule-btn svg {
    transition: width 225ms ease-out, height 225ms ease-out;
}

.collection-schedule-btn--sm svg {
    width: 1rem;
    height: 1rem;
}

.collection-schedule-btn:hover {
    background-color: var(--bs-primary-fill-hover);
}

.collection-schedule-btn:hover svg path {
    fill: var(--bs-neutral-fill);
}

.icon-wrapper {
    width: 1.5rem;
    height: 1.5rem;
}

.dropdown-select {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.66 8.00016L12.25 12.5802L16.84 8.00016L18.25 9.41016L12.25 15.4102L6.25 9.41016L7.66 8.00016Z' fill='%23033572'/%3E%3C/svg%3E%0A") !important;
}

.dropdown-select[aria-expanded="true"],
.dropdown-select:has(input[aria-expanded="true"]) {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23033572'/%3E%3C/svg%3E%0A") !important;
}

.dropdown-select.btn-outline-primary-fill:hover, .dropdown-select.btn-outline-primary-fill[aria-expanded="false"]:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.66 8.00016L12.25 12.5802L16.84 8.00016L18.25 9.41016L12.25 15.4102L6.25 9.41016L7.66 8.00016Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.dropdown-select[aria-expanded="true"].btn-outline-primary-fill:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.dropdown-select.btn-outline-primary-fill:hover .selected-value {
    color: #fff !important;
}

.daysRange-dropdown .dropdown-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23033572'/%3E%3C/svg%3E") !important;
    background-position: left 1rem center, right 1rem center !important;
    background-size: 1rem !important;
    background-repeat: no-repeat !important;
    padding: 0.375rem 2.25rem !important;
}

.daysRange-dropdown .dropdown-select.btn-outline-primary-fill:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

.daysRange-dropdown .dropdown-select[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23033572'/%3E%3C/svg%3E%0A") !important;
}

.daysRange-dropdown .dropdown-select[aria-expanded=true]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.tags-badge .lab-assessment-type {
    display: none;
}

#filterDateRange .dropdown-select {
    padding-left: 2.5rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23033572'/%3E%3C/svg%3E") !important;
    background-position: left 1rem center, right 1rem center !important;
}

#filterDateRange .dropdown-select:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.94 5.33344L8 8.38677L11.06 5.33344L12 6.27344L8 10.2734L4 6.27344L4.94 5.33344Z' fill='%23ffffff'/%3E%3C/svg%3E") !important;
}

#filterDateRange .dropdown-select[aria-expanded=true] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23033572'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23033572'/%3E%3C/svg%3E%0A") !important;
}

#filterDateRange .dropdown-select[aria-expanded=true]:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 11.0007C5.53333 11.0007 5.13889 10.8395 4.81667 10.5173C4.49444 10.1951 4.33333 9.80065 4.33333 9.33398C4.33333 8.86732 4.49444 8.47287 4.81667 8.15065C5.13889 7.82843 5.53333 7.66732 6 7.66732C6.46667 7.66732 6.86111 7.82843 7.18333 8.15065C7.50556 8.47287 7.66667 8.86732 7.66667 9.33398C7.66667 9.80065 7.50556 10.1951 7.18333 10.5173C6.86111 10.8395 6.46667 11.0007 6 11.0007ZM3.33333 14.6673C2.96667 14.6673 2.65278 14.5368 2.39167 14.2757C2.13056 14.0145 2 13.7007 2 13.334V4.00065C2 3.63398 2.13056 3.3201 2.39167 3.05898C2.65278 2.79787 2.96667 2.66732 3.33333 2.66732H4V1.33398H5.33333V2.66732H10.6667V1.33398H12V2.66732H12.6667C13.0333 2.66732 13.3472 2.79787 13.6083 3.05898C13.8694 3.3201 14 3.63398 14 4.00065V13.334C14 13.7007 13.8694 14.0145 13.6083 14.2757C13.3472 14.5368 13.0333 14.6673 12.6667 14.6673H3.33333ZM3.33333 13.334H12.6667V6.66732H3.33333V13.334ZM3.33333 5.33398H12.6667V4.00065H3.33333V5.33398Z' fill='%23ffffff'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}

.export-link {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.6673 6H10.0007V2H6.00065V6H3.33398L8.00065 10.6667L12.6673 6ZM3.33398 12V13.3333H12.6673V12H3.33398Z' fill='%23033572'/%3E%3C/svg%3E");
    background-position: left 1rem center;
    background-repeat: no-repeat;
    padding: 0.375rem 2.25rem;
}

.export-link:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.6673 6H10.0007V2H6.00065V6H3.33398L8.00065 10.6667L12.6673 6ZM3.33398 12V13.3333H12.6673V12H3.33398Z' fill='%23ffffff'/%3E%3C/svg%3E");
}


.collection-panels .row-container-collection {
    background-color: var(--bs-primary-fill-weak);
    border-radius: 8px;
    padding: 16px;
}

.row-container-collection > .delete-row-container {
    align-items: start !important;
}

.container-select ul {
    max-height: 570px !important;
}

.container-select .dropdown-menu.tags-menu li {
    padding: 0;
}

.repeat-status-PENDING td.repeat-status {
    font-weight: 600;
}

.repeat-status-CONTACTING td.repeat-status {
    color: var(--bs-warning-graphic) !important;
}

.repeat-status-BOOKED td.repeat-status {
    color: var(--bs-info-text-light) !important;
}

.repeat-status-PARTIALLY_COLLECTED td.repeat-status {
    color: var(--bs-info-text-light) !important;
}

.repeat-status-COLLECTED td.repeat-status {
    color: var(--bs-success-text) !important;
}

.repeat-status-CANCELLED td.repeat-status {
    color: var(--bs-error-text) !important;
}

.badge.repeat-status.repeat-status-PENDING {
    background-color: var(--bs-primary-fill-weak-hover);
}

.badge.repeat-status.repeat-status-CONTACTING {
    color: var(--bs-warning-text-dark) !important;
    background-color: var(--bs-warning-fill) !important;
    border-color: var(--bs-warning-border) !important;
}

.badge.repeat-status.repeat-status-BOOKED {
    color: var(--bs-info-text-light) !important;
    background-color: var(--bs-info-fill) !important;
    border-color: var(--bs-info-border) !important;
}

.badge.repeat-status.repeat-status-PARTIALLY_COLLECTED {
    color: var(--bs-info-text-light) !important;
    background-color: var(--bs-info-fill) !important;
    border-color: var(--bs-info-border) !important;
}

.badge.repeat-status.repeat-status-COLLECTED {
    color: var(--bs-success-text) !important;
    background-color: var(--bs-success-fill) !important;
    border-color: var(--bs-success-border) !important;
}

.badge.repeat-status.repeat-status-CANCELLED {
    color: var(--bs-error-text) !important;
    background-color: var(--bs-error-fill) !important;
    border-color: var(--bs-error-border) !important;
}

.badge.add-on-status.add-on-status-REQUESTED {
    background-color: var(--bs-primary-fill-weak-hover);
}

.badge.add-on-status.add-on-status-CANCELLED {
    color: var(--bs-error-text) !important;
    background-color: var(--bs-error-fill) !important;
    border-color: var(--bs-error-border) !important;
}


.top-container {
    height: 106px;
}