@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/* ------------------------------------------------- */
/* Table of Contents                                 */
/* ------------------------------------------------- */
/* 01. CSS Variables                                 */
/* 02. General Styles                                */
/* 03. Footer Styles                                 */
/* 04. Main Content Styles                           */
/* 05. Left Nav Styles                               */
/* 06. Button Styles                                 */
/* 07. Form Styles                                   */
/* 08. Modal Styles                                  */
/* 09. Cart Styles                                   */
/* 10. Map Styles                                    */
/* 11. Host Styles                                   */
/* 12. Media Query Styles                            */
/* ------------------------------------------------- */

/* 01. CSS Variables */

:root {
    /* Color Name Variables */
    --white: #fff;
    --white-lilac: #f8f7fc;
    --catskill-white: #f1f5f8;
    --light-grey-haze: #f9fafa;
    --selago-light-grey: #f8f6fd;
    --wild-sand-light-grey: #f5f5f5;
    --athens-light-grey: #f4f4f6;
    --seashell-light-grey: #f1f1f1;
    --light-grey: #f1f3f3;
    --light-iron-grey: #cbcfcf;
    --gallery-light-grey: #eeeeee;
    --alto-light-grey: #d8d8d8;
    --silver-sand: #c4c5c6;
    --french-light-grey: #c3c3c5;
    --silver-chalice: #b2b2b2;
    --silver-chalice-grey: #a8a8a8;
    --french-grey: #bbbbc0;
    --spun-pearl-light-grey: #aeacb4;
    --spun-pearl-grey: #acafbd;
    --light-grey-chateau: #a5a8ac;
    --dusty-grey: #999999;
    --gull-light-grey: #97a5b2;
    --mountain-mist-grey: #8b898c;
    --jumbo-light-grey-alt: #807f87;
    --jumbo-light-grey: #78767f;
    --jumbo-medium-grey: #737279;
    --jumbo-grey: #6f6e72;
    --dove-grey: #6e6e6e;
    --mid-grey: #5e5e60;
    --scorpion-grey: #5b5b5b;
    --shuttle-grey: #576477;
    --abbey-grey: #545760;
    --river-bed-grey: #4f5a6a;
    --ship-dark-grey: #4b4b4b;
    --ship-grey: #444445;
    --mine-shaft-grey: #383838;
    --mine-shaft-dark-grey: #2c2c2c;
    --dark-grey: #111014;
    --wisp-light-pink: #fdf6f6;
    --wisp-pink: #fdeeee;
    --pink-swan: #cabec1;
    --disabled-btn: #6c757d;
    --cod-grey: #0f0f0f;
    --black: #000;
    --soft-amber: #d5c4ba;
    --soft-darker-amber: #ccb8ac;
    --malta-amber: #c0a99a;
    --red: #ef3836;
    --guardsman-red: #cd0301;
    --alizarin-crimson-red: #ec2725;
    --crimson-red: #de1614;
    --orange: #ff5c1c;
    --gin-fizz-light-yellow: #fff9e1;
    --marigold-yellow: #fcf17d;
    --chilean-fire-orange: #f57c03;
    --ecstasy-orange: #f67211;
    --bamboo-orange: #d96d03;
    --tangerine-yellow: #e19400;
    --web-orange: #faa501;
    --fun-green: #028c22;
    --salem-green: #098843;
    --salem-green-alt: #038d42;
    --mountain-meadow-green: #1ea95e;
    --mountain-meadow-green-alt: #18a559;
    --selago-light-blue: #f4f9fe;
    --black-squeeze-light-blue: #eff5fa;
    --link-water-light-blue: #e1ecf5;
    --hawkes-light-blue: #dcecfb;
    --cornflower-light-blue: #d8e7f3;
    --tropical-light-blue: #c4def7;
    --french-pass-light-blue: #c1dafd;
    --blizzard-blue: #bedaf3;
    --cadet-light-blue: #adb7c1;
    --cornflower-blue-alt: #9bc3e7;
    --half-baked-blue: #91b8db;
    --malibu-blue: #86b7fe;
    --danube-blue: #5e99cc;
    --steel-blue: #518dc1;
    --bismark-blue: #486c8b;
    --wedgewood-blue: #447096;
    --san-juan-blue: #375874;
    --indigo-blue: #3971c5;
    --boston-blue: #347bb7;
    --cornflower-blue: #2a74b4;
    --st-tropaz-blue: #246093;
    --biscay-blue: #1b3f5f;
    --blumine-blue: #1b4a74;
    --blumine-dark-blue: #1f5584;
    --chathams-blue: #154574;
    --congress-blue: #023a80;
    --vogue-dark-blue: #042854;
    --royal-purple: #6538b0;
    --dolphin-purple: #6e627e;
    --deluge-purple: #7c5aad;
    --mobster-purple: #847698;
    --amethyst-purple: #9159ca;
    /* Element Color Variables */
    --main-background-color: var(--light-grey);
    --main-text-color: var(--dark-grey);
    --header-background-color: var(--white);
    --header-top-right-background-color: var(--cornflower-light-blue);
    --header-top-right-text-color: var(--bismark-blue);
    --header-info-title-color: var(--bismark-blue);
    --header-info-subtitle-color: var(--mid-grey);
    --header-info-subtitle-line-color: var(--alto-light-grey);
    --header-additional-text-line-color: var(--soft-amber);
    --header-logo-line-color: var(--cadet-light-blue);
    --header-divider-color: var(--gull-light-grey);
    --header-icon-color: var(--blumine-blue);
    --welcome-card-top-line-color: var(--dark-grey);
    --delete-icon-color: var(--gull-light-grey);
    --account-info-background-color: var(--black-squeeze-light-blue);
    --add-new-link-background-color: var(--athens-light-grey);
    --copyright-text-color: var(--jumbo-grey);
    --link-text-color: var(--cornflower-blue);
    --link-text-hover-color: var(--st-tropaz-blue);
    --link-text-darker-color: var(--blumine-dark-blue);
    --link-text-hover-darker-color: var(--chathams-blue);
    --close-icon-color: var(--biscay-blue);
    --top-line-color: var(--red);
    --button-text-with-icon-color: var(--mobster-purple);
    --button-text-with-icon-hover-color: var(--dolphin-purple);
    --button-text-with-icon-background-color: var(--white-lilac);
    --title-color: var(--wedgewood-blue);
    --subtitle-color: var(--wedgewood-blue);
    --primary-icon-color: var(--danube-blue);
    --primary-button-color: var(--danube-blue);
    --primary-button-rollover-color: var(--steel-blue);
    --primary-button-text-color: var(--blumine-blue);
    --primary-button-text-rollover-color: var(--blumine-blue);
    --secondary-button-color: var(--jumbo-medium-grey);
    --secondary-button-text-color: var(--cornflower-light-blue);
    --cancel-button-color: var(--jumbo-light-grey);
    --cancel-button-outline-color: var(--spun-pearl-light-grey);
    --cancel-button-background-color: var(--selago-light-grey);
    --message-button-color: var(--cornflower-blue);
    --message-button-outline-color: var(--boston-blue);
    --message-button-background-color: var(--catskill-white);
    --report-button-color: var(--white);
    --report-button-background-color: var(--ship-dark-grey);
    --danger-button-color: var(--red);
    --disabled-control-box-color: var(--wild-sand-light-grey);
    --left-nav-background-color: rgba(228, 228, 232, 0.97);
    --multiline-text-background-color: var(--light-grey-haze);
    --nav-text-color: var(--mine-shaft-grey);
    --nav-text-rollover-color: var(--cod-grey);
    --nav-rollover-background-color: var(--white);
    --nav-divider-color: var(--french-grey);
    --main-divider-color: var(--french-grey);
    --report-divider-color: var(--french-grey);
    --area-outline-color: var(--french-grey);
    --module-button-color: var(--cornflower-blue);
    --page-button-color: var(--wedgewood-blue);
    --page-button-rollover-color: var(--san-juan-blue);
    --dashboard-box-outline-color: var(--river-bed-grey);
    --dashboard-box-icon-outline-color: var(--white);
    --dashboard-box-background-color: var(--shuttle-grey);
    --dashboard-box-title-color: var(--tropical-light-blue);
    --dashboard-box-title-rollover-color: var(--hawkes-light-blue);
    --dashboard-box-link-color: var(--white);
    --card-dash-outline-color: var(--light-iron-grey);
    --invalid-text-color: var(--dusty-grey);
    --required-text-color: var(--red);
    --note-color: var(--jumbo-grey);
    --error-color: var(--red);
    --overdue-color: var(--red);
    --success-color: var(--fun-green);
    --selected-color: var(--red);
    --selected-button-color: var(--red);
    --icon-not-opened-color: var(--red);
    --highlight-color: var(--red);
    --alert-highlight-outline-color: var(--red);
    --alert-highlight-background-color: var(--wisp-light-pink);
    --info-highlight-outline-color: var(--danube-blue);
    --info-highlight-background-color: var(--selago-light-blue);
    --section-divider-color: var(--silver-sand);
    --question-divider-color: var(--silver-sand);
    --summary-divider-color: var(--gull-light-grey);
    --signature-line-color: var(--gull-light-grey);
    --blazor-error-background-color: var(--wisp-pink);
    --blazor-error-top-line-color: var(--red);
    --cart-summary-background-color: var(--selago-light-blue);
    --cart-total-text: var(--red);
    --cart-summary-divider-color: var(--light-grey-chateau);
    --cart-summary-outline-color: var(--half-baked-blue);
    --form-control-outline-color: var(--soft-amber);
    --form-control-check-outline-color: var(--soft-darker-amber);
    --form-control-radio-outline-color: var(--malta-amber);
    --form-input-selected-color: var(--wedgewood-blue);
    --form-box-outline-color: var(--malibu-blue);
    --form-focus-ring-color: var(--french-pass-light-blue);
    --placeholder-text-color: var(--mountain-mist-grey);
    --component-outline-color: var(--french-light-grey);
    --table-header-title-color: var(--biscay-blue);
    --table-row-divider-lines: var(--gull-light-grey);
    --sorted-background-color: var(--link-water-light-blue);
    --dropdown-box-outline-color: var(--silver-chalice);
    --dropdown-hover-background-color: var(--gallery-light-grey);
    --toggle-switch-yes-background-color: var(--wedgewood-blue);
    --toggle-switch-no-background-color: var(--spun-pearl-grey);
    --popover-highlighted-color: var(--cornflower-blue-alt);
    --ask-tek-background-color: var(--vogue-dark-blue);
    --ask-tek-background-rollover-color: var(--congress-blue);
    --select-files-input-background-color: var(--gallery-light-grey);
    --select-files-input-hover-background-color: var(--wild-sand-light-grey);
    --select-files-input-disabled-background-color: var(--seashell-light-grey);
    --select-files-input-text-color: var(--mine-shaft-dark-grey);
    --select-files-input-disabled-text-color: var(--silver-chalice);
    --select-files-input-border-color: var(--jumbo-light-grey);
    --select-files-input-hover-border-color: var(--mine-shaft-dark-grey);
    --select-files-input-disabled-border-color: var(--silver-chalice);
    --disabled-icon-color: var(--silver-chalice);
    --tag-outline-color: var(--jumbo-light-grey-alt);
    --divider-line-color: var(--cadet-light-blue);
    --outline-color: var(--cadet-light-blue);
    --header-tag-color: var(--blizzard-blue);
    --missing-tag-color: var(--link-water-light-blue);
    --highlighted-background-color: var(--gin-fizz-light-yellow);
    --green-text-color: var(--salem-green-alt);
    --green-icon-color: var(--mountain-meadow-green);
    --green-tag-color: var(--mountain-meadow-green-alt);
    --red-text-color: var(--guardsman-red);
    --red-icon-color: var(--alizarin-crimson-red);
    --red-tag-color: var(--crimson-red);
    --orange-text-color: var(--orange);
    --orange-icon-color: var(--chilean-fire-orange);
    --orange-tag-color: var(--ecstasy-orange);
    --purple-text-color: var(--deluge-purple);
    --purple-icon-color: var(--amethyst-purple);
    --yellow-text-color: var(--tangerine-yellow);
    --yellow-icon-color: var(--web-orange);
    --yellow-tag-color: var(--marigold-yellow);
    --grey-text-color: var(--ship-grey);
    --grey-icon-color: var(--scorpion-grey);
    --grey-tag-color: var(--dove-grey);
    /* Text Variables */
    --regular: 400;
    --semibold: 600;
    --bold: 700;
    --x-bold: 900;
    --default-font-size: 16px;
    --default-report-font-size: 10px;
    --default-report-org-name-font-size: 12px;
    --default-report-footer-font-size: 9px;
    --report-xxxxl-font-size: 16px;
    --report-xxxl-font-size: 15px;
    --report-xxl-font-size: 14px;
    --report-xl-font-size: 13px;
    --report-lg-font-size: 12px;
    --report-md-font-size: 10px;
    --report-sm-font-size: 9px;
    --report-xs-font-size: 8px;
    --report-xxs-font-size: 7px;
    --report-xxxs-font-size: 6px;
    --report-xxxxs-font-size: 5px;
    /* Miscellaneous Variables */
    --header-info-max-width: 3.375rem;
    --open-arrow-width: 2.5rem;
    --left-nav-min-width: 5.5rem;
    --left-nav-max-width: 15rem;
    --left-nav-starting-x-position: 0rem;
    --left-nav-min-x-position: -5.5rem;
    --left-nav-max-x-position: -15rem;
    --arrow-pointer-top-x-position: 102px;
    --arrow-pointer-top-y-position: 43px;
    --header-info-nav-width: 19.5rem;
    --header-logo-height: 54px;
    --map-height: 500px;
    --dashboard-area-width-large: 800px;
    --dashboard-area-width-small: 432px;
    --dashboard-box-height: 254px;
    --dropdown-box-height: 306px;
    --container-max-width: 560px;
    --container-min-width: 360px;
    --message-component-max-width: 640px;
    --upload-image-max-width: 560px;
    --toast-component-max-width: 480px;
    --toast-component-top-start: -400px;
    --toast-component-top-end: 40px;
    --toast-component-top-end-sm: 24px;
    --top-button-size: 64px;
    --top-button-sprite-hover-y: -64px;
    --logo-container-max-height: 74px;
    --placard-container-max-height: 94px;
    --signature-container-max-height: 142px;
    --component-icon-width: 22px;
    --currency-symbol-width: 20px;
    --percentage-width: 24px;
    --unit-text-width: 24px;
    --days-text-width: 44px;
    --tags-text-width: 44px;
    --hanging-tag-width: 268px;
    --hanging-tag-height: 544px;
    --sticker-tag-width: 306px;
    --sticker-tag-height: 208px;
    --report-height: 800px;
    --report-height-min: 480px;
    --grid-button-height: 20px;
}

/* 02. General Styles */
html, body {
    font-family: 'Lato', 'Open Sans', Helvetica, Arial, serif;
    color: var(--main-text-color);
    font-size: var(--default-font-size);
    line-height: 1.375em;
}

input:-webkit-autofill, input:-webkit-autofill:first-line {
    font-size: initial;
    line-height: inherit;
}
body {
    background-color: var(--main-background-color);
    /* Hide horizontal scrollbar */
    overflow-x: hidden;
}
body.modal-active {
    overflow-y: hidden;
}
body.report {
    background-color: var(--white);
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 auto;
    font-weight: var(--x-bold);
    line-height: unset;
    text-align: center;
}
h1:focus {
    outline: none;
}
a, .btn-link, .link {
    cursor: pointer;
    text-decoration: none;
    color: var(--link-text-color);
}
a.on-light-blue, .btn-link.on-light-blue, .link.on-light-blue {
    color: var(--link-text-darker-color);
}
.link.next-to-text-md {
    display: block;
    margin: 0 0.5rem;
}
a.disabled {
    color: var(--disabled-btn);
    pointer-events: none;
}
.btn-link {
    border: none;
    background: none;
}
a:hover, .btn-link:hover, .link:hover {
    text-decoration: underline;
    color: var(--link-text-hover-color);
}
a.on-light-blue:hover, .btn-link.on-light-blue:hover, .link.on-light-blue:hover {
    color: var(--link-text-hover-darker-color);
}
button.link {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
.link-container {
    cursor: pointer;
    text-decoration: none;
    color: var(--link-text-color);
}
.link-container:hover {
    text-decoration: none;
    color: var(--link-text-hover-color);
}
.link-container:hover .show-underline {
   text-decoration: underline;
}
.btn-text-with-icon {
    padding: 0.0625rem 0.375rem 0.125rem;
    cursor: pointer;
    text-decoration: none;
    font-size: 0.875rem;
    font-weight: var(--bold);
    background-color: var(--button-text-with-icon-background-color);
    color: var(--button-text-with-icon-color);
    vertical-align: top;
    border: 1px solid var(--button-text-with-icon-color);
    border-radius: 0.25rem;
    white-space: nowrap;
}
.btn-text-with-icon.on-right-of-text {
    margin-left: 0.5625rem;
}
.btn-text-with-icon i.fa {
    margin-right: 0.25rem;
    color: var(--button-text-with-icon-color);
    vertical-align: middle;
}
.btn-text-with-icon:hover {
    text-decoration: none;
    background-color: var(--white);
    color: var(--button-text-with-icon-hover-color);
    border: 1px solid var(--button-text-with-icon-hover-color);
}
.btn-text-with-icon:hover i.fa {
    color: var(--button-text-with-icon-hover-color);
}
em {
    font-style: italic;
}
em.bolded {
    font-style: normal;
    font-weight: var(--bold);
}
em.label-title {
    font-style: normal;
    font-weight: var(--semibold);
    color: var(--main-text-color);
}
em.i-styled {
    font-family: Georgia, "Times New Roman", Times, serif;
}
em.highlighted-text {
    color: var(--error-color);
}
hr {
    opacity: 1;
}
sup {
    font-size: 60%;
}
section, article, aside, nav, div, p {
    padding: 0;
    margin: 0;
}
.center {
    text-align: center;
}
.no-wrap {
    white-space: nowrap;
}
.capitalize {
    text-transform: capitalize;
}
.text-semibold {
    font-weight: var(--semibold);
}
.arrow-pointer-top {
    position: absolute;
    top: var(--arrow-pointer-top-x-position);
    right: var(--arrow-pointer-top-y-position);
}
.arrow-pointer-top.animate {
    transform: translateY(0);
    animation: moveUp 2s infinite alternate;
}
/* Define the keyframes for the animation */
@keyframes moveUp {
    0% {
        transform: translateY(0); /* Starting position (no vertical movement) */
    }
    100% {
        transform: translateY(-16px); /* Move 16 pixels upwards */
    }
}
i.fa, i.fa-regular, i.fa-solid {
    margin-right: 0.375rem;
}
.form-subtitle.includes-links i.fa, .form-subtitle.includes-links i.fa-regular, .form-subtitle.includes-links i.fa-solid, .info-subtitle.includes-links i.fa, .info-subtitle.includes-links i.fa-regular, .info-subtitle.includes-links i.fa-solid, .text-link-group.size-sm i.fa-solid {
    margin-right: 0.25rem;
}
i.fa.fa-shopping-basket, i.fa.fa-map-marker, i.fa-regular.fa-location-dot, i.fa-solid.fa-location-dot, i.fa-solid.fa-circle-question, i.fa-regular.fa-circle-question {
    font-size: 1rem;
}
i.fa.fa-arrow-up-right, i.fa-regular.fa-circle-xmark, i.fa-regular.fa-circle-check, i.fa-solid.fa-arrow-rotate-right, i.fa-solid.fa-arrows-rotate {
    font-size: 0.875rem;
}
i.fa.fa-map-marker.small-icon, i.fa-regular.fa-location-dot.small-icon, i.fa-solid.fa-location-dot.small-icon, i.fa.fa-camera.small-icon, i.fa.fa-qrcode {
    font-size: 0.8125rem;
}
i.fa.fa-plus, i.fa.fa-ban, i.fa.fa-list, i.fa.fa-table, i.fa.fa-edit, i.fa-pen-to-square, i.fa.fa-map, i.fa.fa-repeat, i.fa.fa-unlock {
    font-size: 0.75rem;
}
i.fa.fa-arrow-up, i.fa.fa-arrow-down, i.fa.fa-arrow-left, i.fa.fa-arrow-right, i.fa.fa-video-camera {
    font-size: 0.75rem;
}
i.fa.fa-times, .form-subtitle.includes-links i.fa-solid.fa-arrows-rotate, .form-subtitle.includes-links i.fa-solid.fa-xmark, .info-subtitle.includes-links i.fa-solid.fa-arrows-rotate, .info-subtitle.includes-links i.fa-solid.fa-xmark, .text-link-group.size-sm i.fa-solid.fa-eye {
    font-size: 0.625rem;
}
i.fa-regular.fa-triangle-exclamation {
    font-size: 1rem;
    margin-right: 0;
    color: var(--highlight-color);
}
i.fa.fa-flag {
    font-size: 0.875rem;
    margin-right: 0;
}
i.fa.fa-flag.overdue {
    color: var(--overdue-color);
}
i.fa.fa-flag.deactivated {
    color: var(--red-text-color);
}
i.fa.fa-flag.red-icon {
    color: var(--red-icon-color);
}
i.fa.fa-flag.orange-icon {
    color: var(--orange-icon-color);
}
i.fa.fa-flag.yellow-icon {
    color: var(--yellow-icon-color);
}
i.fa-solid.fa-credit-card {
    margin-top: -0.25rem;
    vertical-align: middle;
    margin-right: 0.375rem;
    font-size: 0.875rem;
}
i.fa.fa-rotate-right {
    margin-top: -0.0625rem;
    vertical-align: middle;
    font-size: 0.75rem;
}
i.fa.fa-rotate-right.sm-icon {
    margin-top: -0.125rem;
    font-size: 0.625rem;
}
i.fa-solid.fa-file-pdf.sm-icon {
    margin-top: -0.125rem;
    font-size: 0.75rem;
}
i.fa.fa-chevron-left, i.fa.fa-chevron-right {
    margin-top: -0.0625rem;
    margin-left: 0.1875rem;
    vertical-align: middle;
    font-size: 0.625rem;
}
button.btn i.fa.fa-chevron-left {
    margin-top: -0.25rem;
    margin-left: 0;
}
i.fa.fa-arrow-right {
    margin-right: 0;
    margin-left: 0.1875rem;
}
i.fa.fa-angle-left {
    margin-right: 0.1875rem;
    font-size: 0.75rem;
}
i.fa.fa-angle-right {
    margin-right: 0.1875rem;
    font-size: 0.75rem;
}
i.fa.fa-angle-right.after-text, i.fa.fa-angle-down.after-text {
    margin-left: 0.1875rem;
    font-size: 0.75rem;
}
.report-container i.fa.fa-angle-right.after-text {
    margin-top: 0.0625rem;
    margin-left: 0.125rem;
    font-size: 0.4375rem;
    vertical-align: top;
}
i.fa.fa-check.after-text {
    margin-left: 0.1875rem;
    font-size: 0.9375rem;
}
i.fa.inside-button {
    margin-top: 0.3125rem;
    vertical-align: top;
}
.report-container i.fa.fa-circle.after-text {
    margin-top: 0.1875rem;
    margin-left: 0.125rem;
    font-size: 0.4375rem;
    vertical-align: top;
}
.text-small {
    font-size: 0.875rem;
    line-height: 1.225rem;
}
.allow-break {
    word-break: break-word;
}
.image-button {
    cursor: pointer;
}
.image-on-left {
    margin-right: 0.25rem;
    margin-left: 0.25rem;
}
.image-on-right {
    margin-right: 0.5625rem;
}
.icon-next-to-text {
    margin-bottom: 0.125rem;
    vertical-align: middle;
}
.icon-next-to-text.on-left {
    margin-right: 0.5625rem;
}
.icon-next-to-text.on-right {
    margin-left: 0.5625rem;
}
.footer-layout {
    padding: 1.75rem 0px 1.75rem;
    flex-shrink: 0;
    text-align: center;
    color: var(--copyright-text-color);
}
.section-list-group {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    text-align: center;
}
.max-width-xs, .max-width-sm, .max-width-md, .max-width-lg {
    margin: 0 auto;
    max-width: 12rem;
}
.working {
    padding: 0;
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    /*background-color: rgba(255,255,255,0.95);*/
    background-color: rgba(255,255,255,1.0);
    border-radius: 0px;
}
.working .loading-logo, .working .loading-anim {
    margin: 6rem auto 0;
    /*margin-top: calc(50vh - 100px);*/
    position: absolute;
    left: 0; 
    right: 0;
    width: 200px; /* Need a specific value to work */
    overflow: hidden;
    z-index: 2;
}
.loading {
    padding: 0;
    margin: 1.625rem auto 0.625rem;
    position: relative;
    width: 150px;
    height: 150px;
    background-color: rgba(255,255,255,0.95);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.inside-notifications .loading {
    margin-top: 0.5rem;
}
.loading .loading-logo, .loading .loading-anim {
    position: absolute;
}
.icon {
    font-size: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-size: cover;
    cursor: pointer;
}
.icon-close {
    background-image: url(../images/Modal-Close-Button-Lg.svg);
    width: 26px;
    height: 26px;
}
.icon-arrow {
    width: 14px;
    height: 14px;
    background-image: url(../images/Nav-Submenu-Arrow.svg);
}
.icon-close:hover,
.icon-close:focus {
    filter: brightness(0) saturate(100%) invert(32%) sepia(71%) saturate(1468%) hue-rotate(333deg) brightness(97%) contrast(103%);
}
.divider-line {
    color: var(--divider-line-color);
}
.divider-dash {
    white-space: nowrap;
}
.divider-bullet {
    color: var(--cornflower-blue-alt);
}
.section-divider {
    margin: 1.5rem 0;
    border-top: 1px solid var(--section-divider-color);
}
.section-divider.above-label {
    margin-bottom: 0.5rem;
}
.section-divider.between-grids {
    margin-top: 1.875rem;
    margin-bottom: 0;
}
.instructions-text {
    font-size: 0.9375rem;
    font-style: italic;
}
.main-text {
    font-size: 0.9375rem;
}
.main-text.below-title {
    font-size: 1rem;
    padding-top: 1rem;
}
.success-text {
    font-size: 0.8125rem;
    font-weight: var(--bold);
    color: var(--success-color);
}
.note-text {
    padding-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
    color: var(--note-color);
}
.note-text.below-button, .note-text.below-input, .link-below-input, .text-below-input {
    padding-top: 0.5rem;
}
.overdue-text {
    color: var(--overdue-color);
}
.error-text, .finix-error-container {
    color: var(--error-color);
}
.error-content {
    padding-top: 1rem;
    color: var(--error-color);
}
.error-content.below-message {
    padding-top: 0.5rem;
}
.error-content.no-top-spacing {
    padding-top: 0;
}
.text-with-dividers.below-buttons, .text-without-dividers.below-buttons, .below-buttons {
    margin-top: 1.875rem;
}
.text-without-dividers .above-table {
    margin-bottom: 0.3125rem;
}
.spacing-below-carousel {
    margin-bottom: 0.3125rem;
}
.text-with-dividers span, .text-without-dividers span {
    display: inline-block;
    /*white-space: nowrap;*/
}
.text-with-dividers .divider-line, .text-without-dividers .divider-line {
    margin: 0 0.375rem;
}
.links-with-dividers.below-input {
    margin-top: 0.25rem;
}
.links-with-dividers span {
    float: left;
    white-space: nowrap;
}
.links-with-dividers .divider-line {
    margin: 0 0.375rem;
}
.page-title {
    font-size: 1.125rem;
    font-weight: var(--x-bold);
    letter-spacing: 2px;
    color: var(--title-color);
    text-transform: uppercase;
}
h1.page-title {
    font-size: 1.125rem !important;
    line-height: unset !important;
}
.page-title.below-logo {
    padding-top: 1.125rem;
}
.page-title.below-buttons {
    margin-top: 0.875rem;
}
.page-title.with-icon img {
    margin: -0.25rem 0.4375rem 0 0;
}
.page-title em.i-styled {
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: lowercase;
}
.page-subtitle {
    font-weight: var(--bold);
    color: var(--main-text-color);
}
.message {
    text-align: left;
}
.message-box {
    padding: 1.2rem 0 0.2rem;
    margin: 0;
    border-radius: unset;
    border: none;
    text-align: left;
}
.message-box.bullet-list-container {
    padding: 1rem 0 0;
}
.message-box.bullet-list-container ul {
    padding-left: 1.125rem;
    margin-bottom: 0;
}
img.next-to-text {
    margin: -0.25rem 0 0 0.25rem;
}
.form-group.center .message-box {
    text-align: center;
}
.message-box.error-content, .message-box.error-content a {
    color: var(--error-color);
}
.message-box.message-content, .message-box.message-content a {
    color: var(--main-text-color);
}
.message-bullets {
    margin: 0;
    padding: 0.5rem 0 0 2.75rem;
    clear: both;
}
.message-bullets li {
    padding-top: 0.125rem;
}
.tooltip-content {
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.tooltip-content .tooltip-text {
    visibility: hidden;
    width: 156px;
    background-color: black;
    color: #ffffff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -78px;
    padding: 0.6875rem 0.8125rem 0.8125rem;
    font-size: 0.815rem;
    line-height: 1rem;
}
.tooltip-content .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}
.tooltip-content.left-side-of-grid .tooltip-text, .tooltip-content.left-side-of-grid-sm .tooltip-text, .tooltip-content.left-side-of-grid-xs .tooltip-text {
    width: 128px;
    text-align: left;
    margin-bottom: -6px;
    margin-left: -11px;
}
.tooltip-content.left-side-of-grid-sm .tooltip-text {
    width: 120px;
}
.tooltip-content.left-side-of-grid-xs .tooltip-text {
    width: 88px;
}
.tooltip-content.left-side-of-grid .tooltip-text::after, .tooltip-content.left-side-of-grid-sm .tooltip-text::after, .tooltip-content.left-side-of-grid-xs .tooltip-text::after {
    left: 10px;
}
.tooltip-content.right-side-of-grid .tooltip-text {
    width: 134px;
    margin-bottom: -6px;
    margin-left: -124px;
}
.tooltip-content.right-side-of-grid .tooltip-text::after {
    left: 124px;
}
.tooltip-content:active .tooltip-text, .tooltip-content:hover .tooltip-text {
    visibility: visible;
}
.width-auto {
    width: auto;
}
.width-auto-sm, .width-auto-md, .width-auto-lg {
    width: 100%;
}
.col-7-5 {
    flex: 0 0 auto;
    width: 63.75%;
}
.col-4-5 {
    flex: 0 0 auto;
    width: 36.25%;
}

/* 03. Login Styles */

.login-container {
    text-align: center;
    background: url(../images/i-Trax-Watermark.svg) no-repeat top 80px center;
    background-size: auto 640px;
    min-width: var(--container-min-width);
}
.login-header {
    padding-top: 0.6875rem;
    border-top: 2px solid var(--top-line-color);
    height: 80px;
}
.below-login-form {
    padding-top: 1.05rem;
}
.below-login-form .section-list-group li {
    padding-top: 0.55rem;
}
.below-login-form .below-section-list-group {
    padding-top: 1.25rem;
}

/* 04. Main Content Styles */

.inside-container {
    text-align: left;
    /*background: url(../images/i-Trax-Watermark.svg) no-repeat right 38px top 112px;
    background-size: auto 640px;*/
    min-width: var(--container-min-width);
}
.inside-header {
    border-top: 2px solid var(--top-line-color);
    height: 80px;
    background-color: var(--header-background-color);
    box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 8%);
    z-index: 100;
}
.inside-header .header-logo {
    padding-top: 0.6875rem;
    margin-left: 1rem;
    display: flex;
}
.inside-header .header-logo img {
    cursor: pointer;
}
.inside-header .header-top-right {
    padding: 0 1rem 0 0;
    background-color: var(--header-top-right-background-color);
}
.inside-section {
    min-height: calc(100vh - 5rem);
}
.outside-site-container {
    text-align: center;
    background: url(../images/i-Trax-Watermark.svg) no-repeat top 80px center;
    background-size: auto 640px;
    min-width: var(--container-min-width);
}
.outside-site-header, .outside-site-header-with-log-out {
    padding-top: 0.6875rem;
    border-top: 2px solid var(--top-line-color);
    height: 80px;
}
.outside-site-header-with-log-out {
    height: auto;
}
.outside-site-header-with-log-out .header-logo {
    padding: 0;
    text-align: center;
}
.outside-site-header-with-log-out .header-log-out, .outside-site-header-with-log-out .header-log-out:focus {
    padding: 0.1875rem 0.8125rem 0.375rem;
    margin: 0.5rem auto 1rem;
    border-radius: 1rem;
    border: 1px solid var(--link-text-color);
    position: static;
    right: unset;
    width: 6.25rem;
    background-color: var(--white);
}
.outside-site-header-with-log-out .header-log-out:hover, .outside-site-header-with-log-out .header-log-out:focus {
    color: var(--link-text-hover-color);
    border: 1px solid var(--link-text-hover-color);
    text-decoration: none;
}
.login-header {
    padding-top: 0.6875rem;
    border-top: 2px solid var(--top-line-color);
    height: 80px;
}
.below-grid {
    margin-top: 0.5rem;
}
sup {
    font-size: 42% !important;
    line-height: 0 !important;
    position: relative !important;
    vertical-align: baseline !important;
    top: -1.2em !important;
}
.header-additional-text {
    margin: 0 0 0 0.8125rem;
    padding-left: 0.875rem;
    height: var(--header-logo-height);
    border-left: 1px solid var(--header-additional-text-line-color);
    display: none;
    flex-wrap: wrap;
    align-content: center;
}
.header-additional-text .org-name {
    font-size: 1.125rem;
    line-height: 1.125rem;
    font-weight: var(--bold);
    flex: 1 1 100%;
}
.header-additional-text .org-location {
    padding-top: 0.4375rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    font-weight: var(--bold);
    text-transform: uppercase;
    flex: 1 1 100%;
}
.header-top-right {
    color: var(--header-top-right-text-color);
    display: flex;
}
.header-top-right .list-group {
    padding-top: 0.5rem;
    justify-content: right;
}
.header-top-right .list-group-item {
    padding: 0.375rem 0 0 0.5rem;
    margin-left: auto;
    color: unset;
    background-color: unset;
    border: none;
}
.header-top-right a {
    height: 22px;
    font-weight: var(--bold);
    text-decoration: none;
    display: flex;
    align-items: center;
}
.header-top-right a span.link-text, .header-top-right a:hover span.link-text{
    color: var(--header-top-right-text-color);
}
.header-top-right a span.sprite-icon {
    margin-right: .3125rem;
    width: 22px;
    height: 22px;
    display: block;
}
.header-top-right a span.sprite-icon.account {
    background: url('../images/Header-Account-Button-Sprite.svg') 0 0;
}
.header-top-right a:hover span.sprite-icon.account {
    background: url('../images/Header-Account-Button-Sprite.svg') 0 -22px;
}
.header-top-right a span.sprite-icon.logout {
    background: url('../images/Header-Logout-Button-Sprite.svg') 0 0;
}
.header-top-right a:hover span.sprite-icon.logout {
    background: url('../images/Header-Logout-Button-Sprite.svg') 0 -22px;
}
.header-department {
    padding-top: 0.3125rem;
    display: none;
    text-align: right;
}
.header-department img {
    margin: -0.125rem 0.25rem 0 0;
    vertical-align: middle;
}
.header-notifications-button {
    margin: 2.0625rem 0.3125rem 0 0.625rem;
    cursor: pointer;
}
.header-notifications-button span.sprite-icon {
    width: 0.875rem;
    height: 0.875rem;
    display: block;
    color: var(--primary-button-color);
}
.header-notifications-button span.sprite-icon.not-opened {
    color: var(--icon-not-opened-color);
}
.header-notifications-button span.number-unopened {
    position: absolute;
    z-index: 10;
    width: 1.25rem;
    height: 1.25rem;
    top: 1.1875rem;
    right: 4.5rem;
    text-align: center;
    font-size: 0.75rem;
    color: var(--white);
    background-color: rgba(0,0,0,0.75);
    border-radius: 0.625rem;
}
.header-info-button-open,
.header-info-button-close,
.header-initials-button-open,
.header-initials-button-close {
    margin: 1.3125rem 0 0 0.625rem;
    cursor: pointer;
}
.header-info-button-open span.sprite-icon,
.header-info-button-close span.sprite-icon,
.header-initials-button-open span.sprite-icon,
.header-initials-button-close span.sprite-icon {
    width: 3.125rem;
    height: 2.25rem;
    display: block;
}
.header-initials-button-open span.with-initials,
.header-initials-button-close span.with-initials {
    padding: 0.0625rem 0.875rem 0 0;
    font-size: 0.8125rem;
    line-height: 0.8125rem;
    font-weight: var(--bold);
    color: var(--primary-button-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-initials-button-open:hover span.with-initials,
.header-initials-button-close:hover span.with-initials {
    color: var(--primary-button-text-rollover-color);
}
.header-info-button-open span.sprite-icon {
    background: url('../images/Header-Info-Button-Open-Sprite.svg') 0 0;
}
.header-info-button-open:hover span.sprite-icon {
    background: url('../images/Header-Info-Button-Open-Sprite.svg') 0 -36px;
}
.header-info-button-close span.sprite-icon {
    background: url('../images/Header-Info-Button-Close-Sprite.svg') 0 0;
}
.header-info-button-close:hover span.sprite-icon {
    background: url('../images/Header-Info-Button-Close-Sprite.svg') 0 -36px;
}
.header-initials-button-open span.sprite-icon {
    background: url('../images/Header-Initials-Button-Open-Sprite.svg') 0 0;
}
.header-initials-button-open:hover span.sprite-icon {
    background: url('../images/Header-Initials-Button-Open-Sprite.svg') 0 -36px;
}
.header-initials-button-close span.sprite-icon {
    background: url('../images/Header-Initials-Button-Close-Sprite.svg') 0 0;
}
.header-initials-button-close:hover span.sprite-icon {
    background: url('../images/Header-Initials-Button-Close-Sprite.svg') 0 -36px;
}
.header-info-nav {
    margin-left: auto;
    width: var(--header-info-nav-width);
    float: right;
    position: fixed;
    top: 5rem;
    right: unset;
    left: 3rem;
    background-color: var(--white);
    box-shadow: -2px 2px 32px 0 rgb(0 0 0 / 32%);
    border-bottom-left-radius: 0.5rem;
    z-index: 5;
    max-height: calc(100% - 80px);
    overflow-y: auto;
}
.header-info-nav .text-link-group.size-sm {
    line-height: 0.8125rem;
    margin-bottom: 1rem;
}
.status-delete-button {
    position: relative;
}
.status-delete-button .delete-icon {
    position: absolute;
    top: -12px;
    right: -6px;
    font-size: 0.625rem;
    line-height: 0.625rem;
    color: var(--delete-icon-color);
}
.header-info-title, .status-title {
    font-size: 0.9375rem;
    line-height: 0.9375rem;
    font-weight: var(--bold);
    color: var(--header-info-title-color);
    display: flex;
    align-items: center;
}
.status-title.align-top {
    align-items: start;
}
.header-info-title span, .status-title span {
    display: block;
    line-height: 1.1875rem;
    text-decoration: none;
}
.header-info-title img, .status-title img {
    margin-top: 0.0625rem;
    margin-right: 0.25rem;
}
.header-info-title .sprite-icon, .status-title .sprite-icon {
    margin-right: 0.4375rem;
    color: var(--primary-icon-color);
}
img.status-spinning-icon {
    width: 16px;
    height: 16px;
    animation: rotate 2s infinite linear;
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.header-info-subtitle {
    margin: 1rem 0 0;
    padding: 0.5rem 0 0.5625rem;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    font-weight: var(--bold);
    color: var(--header-info-subtitle-color);
    border-top: 1px solid var(--header-info-subtitle-line-color);
    border-bottom: 1px solid var(--header-info-subtitle-line-color);
}
.section-info-title {
    margin: 1rem;
    padding: 0 0 0.5625rem;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    font-weight: var(--bold);
    color: var(--header-info-subtitle-color);
    border-bottom: 1px solid var(--header-divider-color);
}
.section-text {
    margin: 1rem 1rem 0;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
    line-height: 1rem;
}
.content-header {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--header-divider-color);
    height: auto;
}
.content-header .header-logo-with-text {
    padding: 0;
    margin: 0;
    display: block;
    height: auto;
}
.content-header .header-logo-container {
    margin-right: 0;
    padding: 0 0 0.25rem 0;
    border-right: unset;
    display: flex;
    height: auto;
}
.content-header .header-logo-container img {
    max-width: 10.5rem;
    max-height: 3rem;
    height: auto;
    align-self: center;
}
.content-header .header-additional-text {
    margin: 0;
    padding-left: 0;
    border-left: unset;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.content-header .header-additional-text .client-name {
    font-size: 1rem;
    flex: 1 1 100%;
}
.content-header .header-additional-text .client-contact {
    padding-top: 0.1875rem;
    font-size: 1rem;
    flex: 1 1 100%;
    /*word-break: break-word;*/
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-all;
}
.link-below-subtitle {
    margin: 0.1875rem 0 0 1.625rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
}
.link-below-status, .time-text-below-status {
    margin: 0.3125rem 0 0 1.25rem;
    font-size: 0.875rem;
    line-height: 0.875rem;
}
.time-text-below-status {
    text-align: right;
}
.account-info-container, .notifications-info-container {
    padding: 1rem;
    text-transform: capitalize;
    background-color: var(--account-info-background-color);
}
.account-info-container a span.sprite-icon, .notifications-info-container a span.sprite-icon {
    margin-right: .3125rem;
    width: 22px;
    height: 22px;
    float: left;
}
.account-info-container a .link-text, .notifications-info-container a .link-text, .org-info-container a .link-text, .status-info-container a .link-text {
    color: var(--link-text-color);
    cursor: pointer;
}
.account-info-container a:hover .link-text, .notifications-info-container a:hover .link-text, .org-info-container a:hover .link-text, .status-info-container a:hover .link-text {
    color: var(--link-text-hover-color);
    text-decoration: underline;
}
.account-info-container a .link-text.on-light-blue, .notifications-info-container a .link-text.on-light-blue, .org-info-container a .link-text.on-light-blue, .status-info-container a .link-text.on-light-blue {
    color: var(--link-text-darker-color);
}
.account-info-container a:hover .link-text.on-light-blue, .notifications-info-container a:hover .link-text.on-light-blue, .org-info-container a:hover .link-text.on-light-blue, .status-info-container a:hover .link-text.on-light-blue {
    color: var(--link-text-hover-darker-color);
}
.account-info-container a span.sprite-icon.account {
    background: url('../images/Header-Account-Button-Sprite.svg') 0 0;
}
.account-info-container a:hover span.sprite-icon.account {
    background: url('../images/Header-Account-Button-Sprite.svg') 0 -22px;
}
.account-info-container a span.sprite-icon.logout {
    background: url('../images/Header-Logout-Button-Sprite.svg') 0 0;
}
.account-info-container a:hover span.sprite-icon.logout {
    background: url('../images/Header-Logout-Button-Sprite.svg') 0 -22px;
}
.account-info-container .secondary-links .btn-text-link, .notifications-info-container .secondary-links .btn-text-link {
    font-size: 0.8125rem;
    line-height: 0.8125rem;
}
.org-info-container {
    padding: 1rem;
}
.status-info-container {
    padding: 0 1rem;
}
.status-info-container hr {
    border-top: 1px solid var(--header-info-subtitle-line-color);
}
.operating-state-container {
    margin: 0.1875rem 0 0 1.625rem;
}
ul.radio-buttons {
    margin: 0.125rem 0 0;
    padding-left: 0;
    list-style: none;
}
ul.radio-buttons li {
    padding-top: 0.625rem;
    font-size: 0.9375rem;
    line-height: 0.9375rem;
}
ul.radio-buttons li a span.sprite-icon {
    margin: -0.1875rem 0.375rem 0 0;
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}
ul.radio-buttons li a span.sprite-icon {
    background: url('../images/Circle-Button-Sprite.svg') 0 0;
}
ul.radio-buttons li a:hover span.sprite-icon {
    background: url('../images/Circle-Button-Sprite.svg') 0 -14px;
}
ul.radio-buttons li a.selected span.sprite-icon {
    background: url('../images/Circle-Button-Sprite.svg') 0 -28px;
}
ul.radio-buttons li a.selected:hover span.sprite-icon {
    background: url('../images/Circle-Button-Sprite.svg') 0 -28px;
}
ul.radio-buttons li a.selected, ul.radio-buttons li a.selected .link-text {
    cursor: default;
    text-decoration: initial;
    color: var(--main-text-color);
}
ul.link-list {
    margin: 0.75rem 0 0;
}
.add-new-container {
    padding: 0.625rem 1rem;
    text-align: center;
    background-color: var(--add-new-link-background-color);
    border-bottom-left-radius: 0.5rem;
}
.inside-layout, .inside-container .footer-layout {
    margin-left: 0px;
    transition: margin 700ms;
}
.inside-layout .instructions-text {
    margin-top: 0;
    padding-bottom: 1.125rem;
}
.inside-layout .instructions-text.above-table, .inside-layout .instructions-text.above-list {
    padding-bottom: 0;
}
.inside-layout .below-title, .inside-layout .below-content, .login-layout .below-title, .login-layout .below-content {
    padding-top: 1.25rem;
}
.inside-layout .below-title-instructions {
    padding-top: 1rem;
}
.inside-layout .above-input {
    padding-bottom: 0rem;
}
.module-button-container {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.module-button-container.below-title {
    padding-top: 1.125rem;
}
.module-button-container li {
    padding-bottom: 0.5rem;
    /*float: left;*/
    font-size: 0;
}
.module-button-container li .btn.module-button {
    padding: 0.3125rem 0.375rem 0.375rem;
    margin: 0 0.5rem 0 0;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: var(--bold);
    color: var(--module-button-color);
    background-color: var(--white);
    border: 1px solid var(--module-button-color);   
    border-radius: 0.25rem;
}
.module-button-container li .btn.module-button:hover {
    padding-bottom: 0.3125rem;  
    border-bottom: 2px solid var(--module-button-color);
}
.module-button-container li .btn.module-button.selected {
    padding-bottom: 0.3125rem;
    color: var(--selected-button-color);
    border: 1px solid var(--selected-button-color);
    border-bottom: 2px solid var(--selected-button-color);
}
.module-button-container li .btn.module-button.selected:hover {
    border-bottom: 2px solid var(--selected-button-color);
}
.dashboard-boxes {
    margin: 0.5rem auto 0;
}
.dashboard-boxes.container {
    padding: 0 0.5rem;
    width: auto;
}
.dashboard-boxes section {
    margin: 0 auto;
    max-width: var(--dashboard-area-width-small);
}
.dashboard-boxes section.row>* {
    padding: 0;
    margin: 0;
}
.main-container {
    padding: 2rem 2rem 0;
    width: auto;
}
.main-container.outside-site {
    padding-top: 0.125rem;
}
.main-container.with-card-menu {
    padding-top: 1.6875rem;
}
.main-container.below-cards {
    padding-top: 1.5rem;
}
.map-container {
    padding: 1.5625rem 1rem 0;
}
.form-group .map-container {
    padding-right: 0;
    padding-left: 0;
}
.map-area {
    height: var(--map-height);
    width: 100%;
    border: 1px solid var(--area-outline-color);
}
.map-area.auto-height {
    height: 100%;
}
.map-area.below-title {
    padding: 0;
    margin: 0;
    margin-top: 1.25rem;
}
.map-height {
    height: 75vh;
}
.above-map {
    margin-bottom: 1rem;
}
/* The following info-window classes are styles for the popover the user sees when a map icon is clicked. */
#map .gm-style-iw.gm-style-iw-c {
    min-width: 368px !important;
    max-height: 252px !important;
}
.info-window-container {
    margin: 0 0 0.25rem 1.25rem;
    width: calc(100% - 2.125rem);
}
.info-window-container .row {
    text-align: left;
}
.info-window-container .row div {
    padding: 0 0.625rem 0 0;
}
.info-window-container p {
    font-size: 0.9375rem;
    font-family: 'Lato', 'Open Sans', Helvetica, Arial, serif;
    font-weight: 400;
    color: var(--main-text-color);
}
.gm-ui-hover-effect {
    width: auto !important;
    height: 24px !important;
    opacity: 0.85 !important;
}
.gm-ui-hover-effect:hover {
    opacity: 1 !important;
}
.gm-ui-hover-effect>span {
    width: 14px !important;
    height: 14px !important;
    margin: 8px 8px 2px !important;
    background-color: var(--close-icon-color) !important;
}
.info-window-divider {
    margin: 0.4375rem 0 0.375rem 0;
    width: 100%;
    border-top: 1px solid var(--table-row-divider-lines);
}
.info-window-header {
    padding: 0 0 0.4375rem;
    margin: 0 0 0.375rem;
    font-family: 'Lato', 'Open Sans', Helvetica, Arial, serif;
    font-size: 1rem;
    font-weight: 700;
    color: var(--subtitle-color);
    border-bottom: 1px solid var(--table-header-title-color);
    width: 100%;
    text-align: center !important;
}
.mw-80 {
    min-width: 80px !important;
}
.mw-112 {
    min-width: 112px !important;
}
.mw-128 {
    min-width: 128px !important;
}
.mw-160 {
    min-width: 160px !important;
}
.mw-256 {
    min-width: 256px !important;
}
table.table {
    margin-bottom: 0;
    width: 100%;
    min-width: 208px;
    border: none;
    border-bottom: 1px solid var(--table-row-divider-lines);
}
table.table.no-lines {
    border-bottom: none;
}
table.table th {
    color: var(--table-header-title-color);
    vertical-align: top;
}
table.table th em {
    color: var(--required-text-color);
}
table.table td .image-only {
    margin-bottom: 0.1875rem;
}
table.table td.next-to-input {
    padding-top: 1.25rem;
}
table.table td.next-to-input .form-check {
    padding-top: 0.125rem;
}
table.table th.input-container .form-check, table.table td.input-container .form-check {
    margin-top: 0.1875rem;
}
table.table td.next-to-slider {
    padding-top: 0.9375rem;
}
table.table td.col-min, table.table td.col-min-120 {
    white-space: nowrap;
}
table.table td.col-min-120 {
    min-width: 120px;
}
table.table.no-lines td {
    padding-bottom: 0.25rem;
}
table.first-col-min td:first-child {
    width: 1%;
    white-space: nowrap;
}
table.table.no-lines td:first-child {
    padding-right: 0.375rem;
}
table.table tr th:first-child, table.table tr td:first-child {
    padding-left: 0;
}
table.table tr th:last-child, table.table tr td:last-child {
    padding-right: 0;
}
table.table th.sorted, table.table td.sorted {
    background-color: var(--sorted-background-color);
}
table.table th .sortable {
    white-space: nowrap;
    cursor: pointer;
}
table.table .icon-container img {
    margin-right: 0.5rem;
}
.table.table tr:last-child > td {
    border-bottom: none;
}
tbody, td, tfoot, th, thead, tr {
    border-color: var(--table-row-divider-lines);
}
.table.no-lines > :not(caption) > * > * {
    padding: 0;
    background-color: transparent;
    border-bottom-width: 0;
    box-shadow: none;
}
.table-responsive.remove-scroll {
    overflow-x: unset;
}
.table-responsive.below-text {
    padding-top: 0.6875rem;
}
.table-breakdown-sm table.table, .table-breakdown-md table.table, .table-breakdown-lg table.table, .table-breakdown-xl table.table, .table-breakdown-xxl table.table {
    display: block;
    border-bottom: none;
}
.table-breakdown-sm table.table > :not(caption) > * > *, .table-breakdown-md table.table > :not(caption) > * > *, .table-breakdown-lg table.table > :not(caption) > * > *, .table-breakdown-xl table.table > :not(caption) > * > *, .table-breakdown-xxl table.table > :not(caption) > * > * {
    padding: 0;
    border-bottom-width: 0;
}
.table-breakdown-sm table.table thead, .table-breakdown-sm table.table tbody, .table-breakdown-md table.table thead, .table-breakdown-md table.table tbody, .table-breakdown-lg table.table thead, .table-breakdown-lg table.table tbody, .table-breakdown-xl table.table thead, .table-breakdown-xl table.table tbody, .table-breakdown-xxl table.table thead, .table-breakdown-xxl table.table tbody {
    width: 100%;
    display: block;
}
.table-breakdown-sm table.table tr > th, .table-breakdown-md table.table tr > th, .table-breakdown-lg table.table tr > th, .table-breakdown-xl table.table tr > th, .table-breakdown-xxl table.table tr > th {
    display: none;
}
.table-breakdown-sm table.table tr > td, .table-breakdown-md table.table tr > td, .table-breakdown-lg table.table tr > td, .table-breakdown-xl table.table tr > td, .table-breakdown-xxl table.table tr > td {
    display: inline-block;
}
.table-breakdown-sm table.table tr > td.col-links, .table-breakdown-md table.table tr > td.col-links, .table-breakdown-lg table.table tr > td.col-links, .table-breakdown-xl table.table tr > td.col-links, .table-breakdown-xxl table.table tr > td.col-links {
    display: block;
    text-align: left !important;
}
.table-breakdown-sm table.table tr > td .col-label, .table-breakdown-md table.table tr > td .col-label, .table-breakdown-lg table.table tr > td .col-label, .table-breakdown-xl table.table tr > td .col-label, .table-breakdown-xxl table.table tr > td .col-label {
    display: inline-block;
}
.table-breakdown-sm table.table tr > td .time-picker, .table-breakdown-md table.table tr > td .time-picker, .table-breakdown-lg table.table tr > td .time-picker, .table-breakdown-xl table.table tr > td .time-picker, .table-breakdown-xxl table.table tr > td .time-picker {
    margin: 0.125rem 0;
    display: inline-block;
}
.table-breakdown-sm table.table tr, .table-breakdown-md table.table tr, .table-breakdown-lg table.table tr, .table-breakdown-xl table.table tr, .table-breakdown-xxl table.table tr {
    padding: 0.375rem 0 0.5rem;
    display: block;
    border-bottom: 1px solid var(--table-row-divider-lines);
}
.below-table {
    margin-top: 0.75rem;
}
.time-picker-container .col-label {
    display: inline-block !important;
}
.breadcrumbs {
    padding-bottom: 1rem;
    text-align: left;
    display: block;
    color: #383838;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: var(--bold);
    text-transform: uppercase;
}
.breadcrumbs img {
    margin: -0.25rem 0.25rem 0 0;
    vertical-align: middle;
}
.breadcrumbs img.divider-arrow {
    margin: -0.1875rem 0.1875rem 0;
}
.breadcrumbs span {
    white-space: nowrap;
}
.breadcrumbs a, .breadcrumbs a span {
    cursor: pointer;
    text-decoration: none;
    color: var(--link-text-darker-color);
}
.breadcrumbs a:hover, .breadcrumbs a:hover span {
    text-decoration: underline;
    color: var(--link-text-hover-darker-color);
}
.paragraph-container {
    padding-top: 0.3125rem;
}
.paragraph-container p {
    padding-top: 0.875rem;
}
.summary-box {
    margin: 1.125rem 0 0;
    padding: 0;
}
.summary-box hr.summary-divider {
    border-top: 1px solid var(--summary-divider-color);
    margin: 0.4375rem 0 0.375rem;
}
.preview-hanging-tag, .preview-sticker-tag {
    margin: 0 auto;
    padding: 0.875rem;
    background-color: var(--white);
    border: 1px solid var(--tag-outline-color);
    border-radius: 0.375rem;
    text-align: left;
}
.preview-hanging-tag {
    width: var(--hanging-tag-width);
    height: var(--hanging-tag-height);
    background: url('../images/Hanging-Tag-Background.svg') no-repeat top;
}
.preview-sticker-tag {
    padding: 0.75rem;
    width: var(--sticker-tag-width);
    height: var(--sticker-tag-height);
}
.scanned-tag {
    background-color: var(--highlighted-background-color);
}
.report-viewer, #adobe-pdf-viewer, #adobe-pdf-label-viewer, #adobe-pdf-viewer-history {
    margin-top: 1.25rem;
    width: 100%;
    height: var(--report-height);
}
#adobe-pdf-viewer, #adobe-pdf-label-viewer, #adobe-pdf-viewer-history {
    margin-top: 0;
}
.report-viewer.below-buttons {
    margin-top: 1.75rem;
}
.report-container {
    background-color: var(--white);
    font-size: var(--default-report-font-size);
    line-height: 1.375em;
}
.preview-hanging-tag .report-container, .preview-sticker-tag .report-container {
    background-color: transparent;
}
.report-container .below-title, .report-container .below-total.footer-container {
    margin-top: 1.25rem;
}
.report-container .below-grid {
    margin-top: 0.75rem;
}
.report-container .below-total {
    margin-top: 1rem;
}
.report-container .below-row {
    margin-top: 0.75rem;
}
.report-container .below-logo {
    margin-top: 1rem;
}
.report-container .below-signature {
    margin-top: 1.5rem;
}
.report-container .report-logo {
    margin: 0 auto;
    text-align: center;
}
.report-container .report-logo.above-info {
    margin-bottom: 1rem;
}
.report-container .report-logo img {
    max-width: 14rem;
    height: auto;
    max-height: 3.5rem;
}
.report-container .footer-text {
    margin: 0 auto;
    text-align: center;
    font-size: var(--default-report-footer-font-size);
    line-height: 1.25em;
}
.report-container .footer-text.custom-message {
    margin: 0;
    text-align: left;
    font-size: var(--default-report-font-size);
}
.report-container .report-signature, .report-container .report-contractor, .report-container .report-logo-inside {
    max-width: 8.25rem;
    height: auto;
    max-height: 3rem;
}
.report-container .report-signature {
    /*max-width: unset;
    max-height: unset;
    width: 8.25rem;
    height: 3rem;*/
}
.report-container .report-contractor {
    max-height: 4rem;
}
.report-container .report-logo-inside {
    max-height: 3.375rem;
}
.report-container .summary-box {
    margin-top: 0;
}
.report-container .hanging-tag, .report-container .sticker-tag {
    display: flex;
    flex-direction: column;
    font-family: Arial, Helvetica, 'Open Sans', serif;
    font-size: var(--report-md-font-size);
    line-height: 1.25em;
    height: 100vh;
}
.preview-hanging-tag .report-container .hanging-tag {
    height: calc(var(--hanging-tag-height) - 1.75rem);
}
.preview-sticker-tag .report-container .sticker-tag {
    height: calc(var(--sticker-tag-height) - 1.5rem);
}
.report-container .hanging-tag {
    transform: rotate(180deg);
}
.preview-hanging-tag .report-container .hanging-tag {
    transform: unset;
}
.preview-hanging-tag .report-container .hanging-tag .place-label-box {
    border: 1px solid var(--black);
}
.report-container .sticker-tag .padding-right-sm {
    padding-right: 0.25rem;
}
.report-container .sticker-tag .padding-left-sm {
    padding-left: 0.25rem;
}
.report-container .sticker-tag .no-ahj-info {
    height: 1rem;
}
.report-container .hanging-tag .no-ahj-info {
    height: 2rem;
}
.report-container .sticker-tag .org-name, .report-container .hanging-tag .org-name {
    font-size: var(--report-md-font-size);
    line-height: 1.125em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .org-name {
    font-size: var(--report-lg-font-size);
    text-align: center;
}
.report-container .sticker-tag .org-info, .report-container .hanging-tag .org-info {
    margin-top: 0.0625rem;
    font-size: var(--report-sm-font-size);
    line-height: 1.125em;
    font-weight: var(--bold);
    /*white-space: pre;*/
}
.report-container .hanging-tag .org-info {
    font-size: var(--report-md-font-size);
    line-height: 1.25em;
    text-align: center;
}
.report-container .sticker-tag .no-org-info, .report-container .hanging-tag .no-org-info {
    font-size: var(--report-xl-font-size);
    line-height: 1.25em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .no-org-info {
    font-size: var(--report-xxl-font-size);
}
.report-container .sticker-tag .org-info em.divider-line, .report-container .hanging-tag .org-info em.divider-line {
    color: var(--black);
}
.report-container .sticker-tag .scan-code-text, .report-container .hanging-tag .scan-code-text {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    /*text-align: right;*/
    text-align: center;
    font-size: var(--report-sm-font-size);
    line-height: 1em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .scan-code-text {
    margin-top: 1.25rem;
    margin-bottom: 0.25rem;
    /*text-align: center;*/
    font-size: var(--report-md-font-size);
}
.report-container .sticker-tag .sponsor-logos, .report-container .hanging-tag .sponsor-logos {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
    text-align: center;
}
.report-container .hanging-tag .sponsor-logos {
    margin-top: 1.375rem;
    margin-bottom: 0.25rem;
}
.report-container .sticker-tag .do-not-remove-text, .report-container .hanging-tag .do-not-remove-text {
    text-align: center;
    font-size: var(--report-md-font-size);
    line-height: 1em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .do-not-remove-text {
    margin-top: 1.25rem;
    font-size: var(--report-xxl-font-size);
}
.report-container .sticker-tag .by-order-of-text, .report-container .hanging-tag .by-order-of-text, .report-container .hanging-tag .office-of-state-text {
    margin-top: 0.0625rem;
    text-align: center;
    font-size: var(--report-xs-font-size);
    line-height: 1.5em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .by-order-of-text, .report-container .hanging-tag .office-of-state-text {
    font-size: var(--report-sm-font-size);
}
.report-container .sticker-tag .place-label-box, .report-container .hanging-tag .place-label-box {
    margin-top: 0.5rem;
    padding: 0.3125rem 0.375rem;
    height: 100%;
    text-align: center;
    border: 1px solid var(--black);
}
.report-container .hanging-tag .place-label-box {
    margin-top: 1.375rem;
    border: 2px solid var(--black);
}
.report-container .hanging-tag .place-label-box.above-sponsor-logos {
    height: calc(100% - 2.375rem);
}
.report-container .sticker-tag .place-label-box .vertical-center, .report-container .hanging-tag .place-label-box .vertical-center {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.report-container .sticker-tag .qr-code-box, .report-container .hanging-tag .qr-code-box {
    margin-top: 0;
}
.report-container .sticker-tag .qr-code-box img, .report-container .hanging-tag .qr-code-box img {
    width: 100%;
    height: auto;
}
.report-container .sticker-tag .qr-code-box .id-text, .report-container .hanging-tag .qr-code-box .id-text {
    margin: 0.0625rem 0.25rem 0;
    font-size: var(--report-xxs-font-size);
    line-height: 1em;
    font-weight: var(--bold);
}
.report-container .hanging-tag .qr-code-box .id-text {
    margin: 0.125rem 0.375rem 0;
    font-size: var(--report-sm-font-size);
}
.report-container .hanging-tag .top-spacing {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    height: 6rem;
}
.report-container .sticker-tag hr.section-divider, .report-container .hanging-tag hr.section-divider {
    border-top: 1px solid var(--black);
    margin: 0.625rem 0 0.75rem;
}
.report-container h3 {
    margin-top: 0.25rem;
    font-size: var(--default-report-font-size);
    line-height: 1.375em;
    font-weight: var(--regular);
}
.report-container .report-org-name, .report-container .report-address, .report-container .report-contact-info {
    margin: 0 auto;
    text-align: center;
}
.report-container .report-org-name {
    font-size: var(--default-report-org-name-font-size);
    line-height: 1.5em;
}
.report-container .report-org-name.below-logo, .report-container .report-address.below-logo {
    margin-top: 0.25rem;
}
.report-container .report-title {
    margin: 1.25rem auto 0;
    text-align: center;
    font-size: 1.1875rem;
    line-height: 1.625em;
    font-weight: var(--bold);
}
.report-container .report-title.no-top-spacing {
    margin-top: 0;
}
.report-container .signature-container {
    height: 3rem;
}
.report-container .signature-line {
    margin-top: 0.125rem;
    padding-top: 0.25rem;
    border-top: 1px solid var(--signature-line-color);
}
.report-container hr.section-divider {
    border-top: 1px solid var(--summary-divider-color);
    margin: 1rem 0 0.25rem;
}
.report-container .working {
    position: initial;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    z-index: unset;
    overflow: unset;
    background-color: transparent;
    border-radius: unset;
}
.report-container .working, .card-dash .certified, table.table .certified {
    font-weight: var(--semibold);
    color: var(--green-text-color);
}
table.table .matched {
    color: var(--green-text-color);
}
.report-container .working i.fa, .card-dash .certified i.fa, table.table .certified i.fa {
    color: var(--green-icon-color);
}
.report-container .impaired, .card-dash .impaired, table.table .impaired {
    font-weight: var(--semibold);
    color: var(--red-text-color);
}
table.table .no-match {
    color: var(--red-text-color);
}
.report-container .impaired i.fa, .card-dash .impaired i.fa, table.table .impaired i.fa {
    color: var(--red-icon-color);
}
.report-container .critical, .card-dash .critical, table.table .critical {
    font-weight: var(--semibold);
    color: var(--orange-text-color);
}
.report-container .critical i.fa, .card-dash .critical i.fa, table.table .critical i.fa {
    color: var(--orange-icon-color);
}
.report-container .expired, .card-dash .expired, table.table .expired {
    font-weight: var(--semibold);
    color: var(--purple-text-color);
}
.report-container .expired i.fa, .card-dash .expired i.fa, table.table .expired i.fa {
    color: var(--purple-icon-color);
}
.report-container .noncritical, .card-dash .noncritical, table.table .noncritical {
    font-weight: var(--semibold);
    color: var(--yellow-text-color);
}
.report-container .noncritical i.fa, .card-dash .noncritical i.fa, table.table .noncritical i.fa {
    color: var(--yellow-icon-color);
}
.report-container .notapplicable {
    font-weight: var(--semibold);
    color: var(--grey-text-color);
}
.report-container .notapplicable i.fa {
    color: var(--grey-icon-color);
}
.report-button-container {
    text-align: center;
    font-size: 0;
}
.report-button-container.below-buttons {
    margin-top: 1.75rem;
}
.pdf-container.below-buttons {
    margin-top: 1.75rem;
}
.card-dash .certified, .card-dash .impaired, .card-dash .critical, .card-dash .expired, .card-dash .noncritical, table.table .certified, table.table .impaired, table.table .critical, table.table .expired, table.table .noncritical {
    font-weight: var(--regular);
}
table.report-table {
    margin: 0.875rem 0 0;
    width: 100%;
    /*border: none;*/
}
table.report-table th {
    padding-bottom: 0.4375rem;
}
table.report-table td {
    padding-bottom: 0.375rem;
}
table.report-table th.fit-text, table.report-table td.fit-text, table.table th.fit-text, table.table td.fit-text {
    width: 1%;
    white-space: nowrap;
}
table.report-table td.wrap-long-words {
    word-wrap: anywhere;
}
table.report-table.has-totals, table.report-table tr.total-container, table.report-table tr.total-container td {
    border: none;
    border-color: transparent;
}
table.report-table.has-totals tr.total-container td {
    padding-top: 0.75rem;
    padding-bottom: 0;
}
.results-export input {
    margin-right: 0.75rem;
    float: left;
    width: 50%;
}
.results-export .icon-container {
    float: left;
    font-size: 0px;
}
.results-export .icon-container button {
    padding: 0;
    margin: 0.1875rem 0.75rem 0 0;
    background: none;
    border: none;
}
.results-export .icon-container button:last-child {
    margin-right: 0;
}
.selected-attachment {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
.selected-attachment li {
    padding: 0.25rem 0.75rem 0;
}
.selected-attachment:first-of-type li {
    padding-top: 0.75rem;
}
.total-records {
    padding-top: 1rem;
    font-style: italic;
}
.multiline-text {
    margin-top: 0.5rem;
    padding: 0.4375rem 0.75rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--outline-color);
    background-color: var(--multiline-text-background-color);
}
.highlight-comments .multiline-text {
    border-left: 2px solid var(--highlight-color);
}
.icon-with-text-wrap {
    display: flex;
    align-items: flex-start;
    white-space: normal;
}
.icon-with-text-wrap i.fa {
    margin: 0.3125rem 0.375rem 0 0;
}
.icon-with-text-wrap img {
    margin: 0 0.25rem 0 0;
}
.icon-with-text-wrap span {
    margin: 0;
    flex-grow: 1;
}
.icon-with-text-wrap.alert-highlight, .icon-with-text-wrap.info-highlight {
    margin-top: 1.625rem;
    padding: 0.5625rem 0.75rem 0.625rem 0.625rem;
    border-radius: 0.25rem;
    border: 1px solid var(--alert-highlight-outline-color);
    background-color: var(--alert-highlight-background-color);
}
.icon-with-text-wrap.info-highlight {
    border: 1px solid var(--info-highlight-outline-color);
    background-color: var(--info-highlight-background-color);
}
/* Recaptcha component */
.recaptcha-container {
    padding-top: 1.875rem;
}
/* Text colors */
.green-text-color, .selected-color {
    color: var(--salem-green);
}
.orange-text-color {
    color: var(--bamboo-orange);
}
.red-text-color {
    color: var(--red);
}
.purple-text-color {
    color: var(--royal-purple);
}
.blue-text-color {
    color: var(--indigo-blue);
}
.black-text-color {
    color: var(--black);
}
.photo-container {
    display: inline-block;
    margin: 0.5rem 0.5rem 0 0;
}
.warning-container {
    position: fixed;
    padding: 0.75rem 2rem 0.8125rem;
    width: 100%;
    min-width: var(--container-min-width);
    text-align: center;
    background-color: var(--black);
    color: var(--white);
    z-index: 999;
}
.ask-tek-button {
    position: fixed;
    bottom: 0.75rem;
    right: 0.75rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    background-color: var(--ask-tek-background-color);
    border-radius: 2rem;
    cursor: pointer;
    z-index: 99;
}
.ask-tek-button:hover {
    background-color: var(--ask-tek-background-rollover-color);
}
div:has(> div#chatling-open-chat-icon) {
    z-index: 99 !important;
}
div#chatling-open-chat-icon div, div#chatling-close-chat-icon div {
    height: 60px !important;
    width: 60px !important;
}
.camera-container-without-component {
    padding-top: 1.375rem;
    width: 100%;
    height: auto;
}
.camera-container-without-component .camera {
    width: 50vw;
    max-width: 40rem;
    min-width: 16rem;
    height: auto;
    background-color: var(--black);
}
.camera-container-without-component .camera-wrapper {
    position: relative;
    width: 0 auto;
    height: auto;
    text-align: center;
}
.camera-container-without-component .camera-button {
    margin: 0;
    position: absolute;
    bottom: 0.625rem;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.camera-container-without-component i.fa.fa-camera {
    margin-right: 0;
}
.onboarding-container {
    margin-top: 1rem;
    border-top: 1px solid var(--section-divider-color);
}
.onboarding-container .main-app-content .HostedMerchantOnboarding .Header {
    display: none;
}
.quill-toolbar, .quill-editor {
    background-color: var(--white);
}
.quill-editor-inside {
    min-height: 40px;
}
.quill-editor.ql-container {
    font-family: 'Lato', 'Open Sans', Helvetica, Arial, serif;
    font-size: var(--default-font-size);
}
.quill-editor .ql-editor.ql-blank::before {
    color: var(--placeholder-text-color) !important;
}
.error-box .quill-toolbar.ql-snow {
    border-top: 1px solid var(--error-color);
    border-right: 1px solid var(--error-color);
    border-left: 1px solid var(--error-color);
}
.error-box .quill-editor.ql-snow {
    border-right: 1px solid var(--error-color);
    border-bottom: 1px solid var(--error-color);
    border-left: 1px solid var(--error-color);
}
.email-container {
    border: 1px solid var(--form-control-outline-color);
}
.email-container .root-container {
    /*background-color: #fbfbfb !important;*/
}
.email-container #bodyTable > div:first-child {
    padding: 1rem 1rem 1.5rem !important;
}
.placard-container {
    margin: 0 auto;
    text-align: center;
}
.placard-container img {
    max-width: calc(100% - 2rem);
    max-height: 31rem;
}
div:has(#chtl-open-chat-icon) {
    z-index: 1050 !important;
}
#chtl-chat-iframe {
    z-index: 1050 !important;
}

/* 05. Left Nav Styles */
.left-nav-close-arrow,
.left-nav-open-arrow {
    width: var(--left-nav-max-width);
    position: absolute;
    float: left;
    top: 5rem;
    text-align: left;
    z-index: 3;
    cursor: pointer;
}
.left-nav-open-arrow {
    width: var(--open-arrow-width);
}
.left-nav-close-arrow span.sprite-icon, 
.left-nav-open-arrow span.sprite-icon {
    width: 40px;
    height: 28px;
    display: block;
}
.left-nav-close-arrow span.sprite-icon {
    background: url('../images/Nav-Close-Button-Sprite.svg') 0 0;
}
.left-nav-close-arrow:hover span.sprite-icon {
    background: url('../images/Nav-Close-Button-Sprite.svg') 0 -28px;
}
.left-nav-open-arrow span.sprite-icon {
    background: url('../images/Nav-Open-Button-Sprite.svg') 0 0;
}
.left-nav-open-arrow:hover span.sprite-icon {
    background: url('../images/Nav-Open-Button-Sprite.svg') 0 -28px;
}
.left-nav-small, .left-nav-large {
    width: var(--left-nav-min-width);
    float: left;
    position: absolute;
    left: var(--left-nav-starting-x-position);
    top: 5rem;
    text-align: center;
    z-index: 2;
    transition: left 700ms, opacity 700ms;
    opacity: 1;
}
.left-nav-small {
    display: none;
}
.nav-above-bottom {
    padding-top: 1.25rem;
    background-color: var(--left-nav-background-color);
    min-height: 35rem;
}
.left-nav-large {
    width: var(--left-nav-max-width);
    text-align: left;
}
.left-nav-close-arrow ~ .left-nav-large {
    left: var(--left-nav-starting-x-position);
    opacity: 1;
}
.left-nav-close-arrow ~ .left-nav-small {
    left: var(--left-nav-min-x-position);
    opacity: 0;
}
.left-nav-open-arrow ~ .left-nav-large {
    left: var(--left-nav-max-x-position);
    opacity: 0;
}
.left-nav-open-arrow ~ .left-nav-small {
    left: var(--left-nav-starting-x-position);
    opacity: 1;
}
.left-nav-bottom {
    margin-bottom: 1rem;
}
.left-nav-small .left-nav-bottom img, .left-nav-large .left-nav-bottom img {
    width: var(--left-nav-max-width);
    height: auto;
}
.left-nav-small .left-nav-bottom img {
    width: var(--left-nav-min-width);
}
nav hr {
    border-top: 1px solid var(--nav-divider-color);
    margin: 1rem 0;
}
.nav-item-small, .nav-item-large {
    display: block;
    padding: 0.0625rem 0.25rem 0.25rem;
    margin: 0.5rem 0.25rem 0px;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    font-weight: var(--bold);
    color: var(--nav-text-color);
    cursor: pointer;
}
.nav-item-small:hover, .nav-item-large:hover, .nav-item-small.selected, .nav-item-large.selected {
    text-decoration: none;
    color: var(--nav-text-rollover-color);
    background-color: var(--nav-rollover-background-color);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.nav-item-small.selected, .nav-item-large.selected {
    color: var(--nav-text-color);
}
.nav-item-small.selected:hover, .nav-item-large.selected:hover {
    color: var(--nav-text-rollover-color);
}
.nav-item-small.selected img, .nav-item-large.selected img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(5015%) hue-rotate(346deg) brightness(102%) contrast(88%);
}
.nav-item-small span, .nav-item-large span {
    display: block;
    text-decoration: none;
}
.nav-item-large {
    padding: 0 0.25rem 0.125rem;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}
.nav-item-large img {
    margin-right: 0.25rem;
}
.nav-sub-items-container {
    padding-bottom: 0.125rem;
}
.nav-sub-item-large {
    padding: 0.25rem 0 0 1.8125rem;
    margin: 0 0 0 .3125rem;
    display: block;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-weight: var(--regular);
    color: var(--nav-text-color);
    cursor: pointer;
}
.nav-sub-item-large:first-child {
    margin-top: 0.0625rem;
}
.nav-sub-item-large:hover {
    text-decoration: none;
    color: var(--nav-text-rollover-color);
}
.nav-sub-item-large span {
    display: block;
}
.nav-sub-item-large span.icon {
    margin-top: 0.125rem;
    position: absolute;
    left: 1.125rem;
    display: none;
}
.nav-sub-item-large:hover span.icon, .nav-sub-item-large.selected span.icon, .nav-sub-item-large.selected:hover span.icon {
    display: block;
}
.nav-sub-item-large.selected span.icon, .nav-sub-item-large.selected:hover span.icon {
    filter: brightness(0) saturate(100%) invert(32%) sepia(65%) saturate(5015%) hue-rotate(346deg) brightness(102%) contrast(88%);
}

/* 06. Button Styles */

.btn, .finix-submit-button {
    padding: 0.5rem 1.5rem 0.5625rem;
    margin: 0 0.375rem;
    font-size: var(--default-font-size);
    font-weight: var(--x-bold);
    line-height: normal;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.finix-submit-button {
    padding: 0 1.5rem !important;
    margin: 1rem 0 0 !important;
    width: initial !important;
    height: 2.375rem !important;
    line-height: unset !important;
}
.btn:focus, .btn:active {
    /*box-shadow: 0 0 0 4px rgba(75, 141, 198, .4);*/
}
.col.next-to-input .button-container.on-left .btn:first-child {
    margin-left: 0rem;
}
.col.col-breakdown-sm.center-below-input .button-container.on-left .btn:first-child, .col.col-breakdown-md.center-below-input .button-container.on-left .btn:first-child, .col.col-breakdown-lg.center-below-input .button-container.on-left .btn:first-child, .col.col-breakdown-xl.center-below-input .button-container.on-left .btn:first-child, .col.col-breakdown-xxl.center-below-input .button-container.on-left .btn:first-child {
    margin-left: 0.375rem;
}
.btn.link-title-right, .btn.link-title-right-sm, .btn.link-title-right-md, .btn.link-title-right-lg, .btn.link-title-right-xl, .btn.link-title-right-xxl {
    position: unset;
    top: initial;
    right: initial;
}
.btn.next-to-input, .btn.next-to-text {
    margin: 0;
    margin-top: 1.5rem;
    display: block;
}
.btn.next-to-input.inside-col-sm, .btn.next-to-input.inside-col-md, .btn.next-to-input.inside-col-lg, .btn.next-to-input.inside-col-xl, .btn.next-to-input.inside-col-xxl {
    margin: 1.5rem auto 0;
}
.btn.next-to-text {
    margin-top: 0.5rem;
}
.btn.below-text {
    margin: 0;
    margin-top: 0.25rem;
    display: block;
}
.btn.above-subtitle {
    margin-bottom: 0.25rem;
}
.btn.no-side-spacing {
    margin-right: 0;
    margin-left: 0;
}
.btn.btn-icon-link {
    padding: 0;
    margin: 0;
    font-weight: var(--regular);
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    border-radius: initial;
    vertical-align: top;
}
.btn.btn-icon-link i.fa {
    margin-right: 0;
}
.btn-primary, .btn-primary:focus, .btn-primary:disabled {
    color: var(--white);
    background-color: var(--primary-button-color);
    border: 1px solid var(--primary-button-color);
}
.btn-primary:focus {
    color: var(--white) !important;
    background-color: var(--primary-button-color) !important;
    border: 1px solid var(--primary-button-color) !important;
}
.btn-primary:hover {
    color: var(--primary-button-color);
    background-color: var(--white);
    border: 1px solid var(--primary-button-color);
    text-decoration: none;
}
.btn-primary:disabled {
    opacity: 0.6;
}
.finix-submit-button, .finix-submit-button:focus {
    color: var(--white) !important;
    background-color: var(--primary-button-color) !important;
    border: 1px solid var(--primary-button-color) !important;
}
.finix-submit-button:hover {
    color: var(--primary-button-color) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--primary-button-color) !important;
    text-decoration: none !important;
}
.finix-submit-button:disabled {
    color: var(--white) !important;
    background-color: var(--primary-button-color) !important;
    border: 1px solid var(--primary-button-color) !important;
    cursor: default !important;
    opacity: 0.6 !important;
}
.btn-secondary, .btn-secondary:focus {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
}
.btn-secondary:hover {
    color: var(--secondary-button-color);
    background-color: var(--white);
    border: 1px solid var(--secondary-button-color);
    text-decoration: none;
}
.btn-cancel, .btn-cancel:focus, .btn-clear, .btn-clear:focus, .btn-tertiary, .btn-tertiary:focus {
    color: var(--cancel-button-color);
    background-color: var(--cancel-button-background-color);
    border: 1px solid var(--cancel-button-outline-color);
}
.btn-cancel:hover, .btn-clear:hover, .btn-tertiary:hover {
    color: var(--cancel-button-color);
    background-color: var(--white);
    border-color: var(--cancel-button-color);
    text-decoration: none;
}
.btn-message, .btn-message:focus, .btn-card, .btn-card:focus, .btn-inside-grid, .btn-inside-grid:focus, .btn-link-sm {
    color: var(--message-button-color);
    background-color: var(--message-button-background-color);
    border: 1px solid var(--message-button-outline-color);
}
.btn-message:hover, .btn-card:hover, .btn-inside-grid:hover {
    color: var(--message-button-color);
    background-color: var(--white);
    border-color: var(--message-button-color);
    text-decoration: none;
}
.btn-card, .btn-inside-grid {
    font-weight: var(--regular);
}
.buttons-grid .card-container {
    display: flex;
}
.buttons-grid .btn-card {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0;
    justify-content: center;
}
.buttons-grid.cards-include-icon .card-container {
    position: relative;
}
.buttons-grid.cards-include-icon .card-container .icon-container {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.375rem 0.125rem 0.5rem 0.5rem;
}
.buttons-grid.cards-include-icon .card-container .fa-circle-question {
    color: var(--primary-icon-color);
    font-weight: var(--regular);
}
.buttons-grid .btn-card .text-row-1 {
    font-size: 0.75rem;
    font-weight: var(--bold);
}
.buttons-grid .btn-card .text-row-2 {
    font-size: 1.0625rem;
    font-weight: var(--bold);
}
.btn-link-sm, .btn-link-sm:focus {
    padding: 0.5rem 0.75rem;
    font-weight: var(--bold);
    font-size: 0.8125rem;
    color: var(--report-button-color);
    background-color: var(--report-button-background-color);
    border-radius: 1rem;
    border: none;
}
.btn-link-sm:hover {
    color: var(--report-button-color);
    background-color: var(--black);
    text-decoration: none;
}
.btn-link-sm.above-report {
    margin-bottom: 0.75rem;
}
.btn-inside-grid {
    margin: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    display: block;
}
.btn-inside-grid i.fa, .btn-inside-grid i.fa-solid, .btn-inside-grid i.fa-regular {
    margin-right: 0.25rem;
}
.btn-outline-primary, .btn-outline-primary:focus, .btn-outline-primary:disabled {
    color: var(--primary-button-color);
    background-color: var(--white);
    border: 1px solid var(--primary-button-color);
}
.btn-outline-primary:hover {
    color: var(--white);
    background-color: var(--primary-button-color);
    border: 1px solid var(--primary-button-color);
    text-decoration: none;
}
.btn-outline-primary:disabled {
    opacity: 0.6;
}
.btn-outline-secondary, .btn-outline-secondary:focus {
    color: var(--secondary-button-color);
    background-color: var(--white);
    border: 1px solid var(--secondary-button-color);
}
.btn-outline-secondary:hover {
    color: var(--secondary-button-text-color);
    background-color: var(--secondary-button-color);
    border: 1px solid var(--secondary-button-color);
    text-decoration: none;
}
.btn-outline-danger, .btn-outline-danger:focus {
    color: var(--danger-button-color);
    background-color: var(--white);
    border: 1px solid var(--danger-button-color);
}
.btn-outline-danger:hover {
    color: var(--white);
    background-color: var(--danger-button-color);
    border: 1px solid var(--danger-button-color);
    text-decoration: none;
}
.text-link-group {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.text-link-group-on-right, .text-link-group-sm-on-right, .text-link-group-md-on-right, .text-link-group-lg-on-right, .text-link-group-xl-on-right, .text-link-group-xxl-on-right, .text-link-group-on-left {
    margin: 0;
    margin-top: 0.5rem;
    text-align: left;
}
.text-link-group-on-left {
    display: block;
}
.text-link-group-on-right {
    text-align: right;
}
.btn-text-link, .btn-text-link:focus {
    padding: 0;
    margin: 0 auto;
    color: var(--link-text-color);
    font-weight: var(--regular);
    border-radius: unset;
    display: block;
    outline: none !important;
}
.text-link-group-on-right .btn-text-link, .text-link-group-sm-on-right .btn-text-link, .text-link-group-md-on-right .btn-text-link, .text-link-group-lg-on-right .btn-text-link, .text-link-group-xl-on-right .btn-text-link, .text-link-group-xxl-on-right .btn-text-link {
    margin: 0;
}
.text-link-group-on-right i.fa, .text-link-group-sm-on-right i.fa, .text-link-group-md-on-right i.fa, .text-link-group-lg-on-right i.fa, .text-link-group-xl-on-right i.fa, .text-link-group-xxl-on-right i.fa {
    margin-top: 0.1875rem;
}
.btn-text-link:hover {
    color: var(--link-text-color);
    text-decoration: underline;
}
.btn-text-link.on-light-blue, .btn-text-link.on-light-blue:focus {
    color: var(--link-text-darker-color);
}
.btn-text-link.on-light-blue:hover {
    color: var(--link-text-darker-color);
}
.link-container-right-sm .btn-text-link, .link-container-right-md .btn-text-link, .link-container-right-lg .btn-text-link, .link-container-right-xl .btn-text-link, .link-container-right-xxl .btn-text-link {
    margin: 0;
    text-align: left;
    float: unset;
}
.text-link-group .btn-text-link {
    padding: 0 4px;
    display: inline-block;
}
.links-below-form .btn-text-link {
    margin: 0.375rem 0 0;
    text-align: left;
}
.top-button {
    margin: 0;
    padding: 0;
    width: var(--top-button-size);
    height: var(--top-button-size);
    background-color: transparent;
    background: url('../images/Top-Button-Left-Sprite.svg') 0 0;
    bottom: 0;
    left: 0;
    /*transform: translateX(-50%);*/
    opacity: 0;
    visibility: hidden;
    border: none;
    position: fixed;
    transition: .5s opacity ease-out;
    z-index: 100;
}
.top-button:hover {
    background: url('../images/Top-Button-Left-Sprite.svg') 0 var(--top-button-sprite-hover-y);
}
.top-button.fade-in {
    opacity: 1;
    visibility: visible;
}
.top-button.fade-out {
    opacity: 0;
}
.grid-button, .grid-button-disabled {
    margin: 0;
    padding: 0;
    background-color: transparent;
    line-height: var(--grid-button-height);
    border: none;
}
.grid-button img {
    line-height: var(--grid-button-height);
    vertical-align: top;
}
.select-files-button {
    padding-top: 0.75rem;
}
.button-with-text {
    margin-top: 0.375rem;
    text-align: center;
}
.button-with-text img {
    margin: -0.125rem 0.375rem 0 0;
}
.popover {
    background-color: var(--black);
    background-color: rgba(0, 0, 0, 0.8);
    border: none;
    font-family: 'Lato', 'Open Sans', Helvetica, Arial, serif;
    color: var(--main-text-color);
    font-size: var(--default-font-size);
    line-height: 1.375em;
    max-width: calc(100% - 20rem);
    min-width: 12rem;
}
.popover .popover-arrow {
    border: none;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
    left: 0.0625rem;
    color: transparent;
    border-right-color: var(--black);
    border-right-color: rgba(0, 0, 0, 0.8);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
    border-width: unset;
    border-right-color: transparent;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
    bottom: 0.0625rem;
    color: transparent;
    border-top-color: var(--black);
    border-top-color: rgba(0, 0, 0, 0.8);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
    border-width: unset;
    border-top-color: transparent;
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
    right: 0.0625rem;
    color: transparent;
    border-left-color: var(--black);
    border-left-color: rgba(0, 0, 0, 0.8);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
    border-width: unset;
    border-left-color: transparent;
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
    top: 0.0625rem;
    color: transparent;
    border-bottom-color: var(--black);
    border-bottom-color: rgba(0, 0, 0, 0.8);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
    border-width: unset;
    border-bottom-color: transparent;
}
.popover .popover-body {
    color: var(--white);
    padding: 0.8125rem 0.9375rem;
}
.popover .popover-body .highlighted {
    color: var(--popover-highlighted-color);
}

/* 07. Form Styles */
.form-container {
    text-align: center;
    padding: 2.25rem 2rem 0px;
}
.form-container.container-full-auto {
    padding: 0.75rem 2.5rem 0px;
}
input::placeholder {
    color: var(--placeholder-text-color) !important;
}
input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
    content: url('../images/Input-Cancel-Button.svg');
    cursor: pointer;
}
input[type='date']::-webkit-calendar-picker-indicator {
    cursor: pointer;
}
input[type='date']:invalid, input[type='date']::placeholder, input[type='date'].empty {
    color: var(--invalid-text-color);
}
input[type='file'] {
    cursor: pointer;
    /* Hide 'No file chosen' text */
    color: transparent;
}
input[type='file']:disabled {
    cursor: default;
}
.select-files-button input::file-selector-button {
    padding: 0.25rem 0.625rem 0.3125rem;
    border: 1px solid var(--select-files-input-border-color);
    border-radius: 0.25rem;
    box-shadow: none;
    color: var(--select-files-input-text-color);
    background-color: var(--select-files-input-background-color);
    cursor: pointer;
}
.select-files-button input:hover::file-selector-button {
    border-color: var(--select-files-input-hover-border-color);
    background-color: var(--select-files-input-hover-background-color);
}
.select-files-button input.input-disabled::file-selector-button {
    border: 1px solid var(--select-files-input-disabled-border-color);
    color: var(--select-files-input-disabled-text-color);
    background-color: var(--select-files-input-disabled-background-color);
    cursor: default;
}
input[type='radio'], input[type='checkbox'] {
    margin: 0 0.4125rem 0 0;
    position: relative;
    outline: none;
    cursor: pointer;
    appearance: none;
    /*-webkit-appearance: none;*/
}
input[type='radio'] {
    margin: 0;
}
input[type='radio']:disabled, input[type='checkbox']:disabled {
    cursor: default;
}
input[type='radio']:focus, input[type='checkbox']:focus {
    box-shadow: none;
}
input[type='radio']:before, input[type='checkbox']:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    top: 0;
    left: 0;
    border: var(--form-control-check-outline-color) 1px solid;
    border-radius: 0;
    background-color: var(--white);
}
input[type='radio']:before {
    border: var(--form-control-radio-outline-color) 1px solid;
    border-radius: 50%;
}
input[type='radio']:disabled:before, input[type='checkbox']:disabled:before {
    background-color: var(--disabled-control-box-color);
}
input[type='radio']:focus:before, input[type='checkbox']:focus:before {
    border: var(--form-box-outline-color) 1px solid;
    outline: var(--form-focus-ring-color) 4px solid;
}
input[type='radio']:checked:after, input[type='checkbox']:checked:after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 10px;
    border: solid var(--form-input-selected-color);
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    left: 6px;
    outline: none;
}
input[type='radio']:checked:after {
    width: 10px;
    background-color: var(--form-input-selected-color);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
input[type='radio'] + label, input[type='checkbox'] + label {
    padding-right: 0.5rem;
    position: relative;
    top: -0.125rem;
}
.checkbox-group {
    margin: 0;
    display: inline-block;
}
.checkbox-group.above-form-control {
    margin: 0 0 0.5rem;
}
select {
    appearance: menulist;
}
.no-label {
    padding-top: 1rem;
}
.no-label.image-only {
    padding-top: 1.375rem;
}
.no-label .map-icon, .image-button.map-icon {
    margin-right: 0.125rem;
    margin-bottom: 0.125rem;
    vertical-align: middle;
}
.map-icon.right-of-text {
    margin-left: 0.25rem;
}
.form-box {
    padding: 2rem;
    margin: 0 auto;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 8%);
    min-width: 240px;
    max-width: 400px;
    height: auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    clear: both;
}
.form-container.container-full-auto .form-box {
    max-width: 800px;
    text-align: left;
}
.form-box.box-width-sm, .form-box.box-width-md {
    max-width: 320px;
}
.form-box.min-width-md {
    min-width: 392px;
}
.main-container .form-box {
    max-width: initial;
}
.main-container .form-box.logged-out {
    max-width: 960px;
}
.main-container .form-box.tag-not-found {
    border: 8px solid var(--white);
    background-color: var(--missing-tag-color);
    max-width: 440px;
    min-height: 256px;
    display : flex;
    align-items : center;
}
.main-container .form-box.results {
    margin-top: 2rem;
}
.main-container .form-box.full-width-card {
    /*border: 1px solid var(--card-dash-outline-color);*/
}
.form-group {
    text-align: left;
}
.form-group.center {
    text-align: center;
}
.form-group.above-title {
    margin-bottom: 1rem;
}
.form-group.below-buttons, .form-group.below-text {
    margin-top: 0.5rem;
}
.form-group.below-title {
    margin-top: 1rem;
}
#form-element .finix-form-container {
    margin-top: 0.5625rem;
    text-align: center;
}
#form-element .finix-form-container .field-holder {
    margin-top: 1rem !important;
    text-align: left;
}
.form-label, #form-element .finix-form-container label {
    padding-top: 1rem;
    font-weight: var(--bold);
    color: var(--main-text-color);
}
#form-element .finix-form-container label {
    padding-top: 0;
    padding-bottom: 0.25rem;
}
.form-label.above-text {
    margin-bottom: 0.3125rem;
}
.form-label.above-buttons {
    margin-bottom: 0;
}
.form-label.below-buttons {
    padding-top: 0.625rem;
    margin: 0;
}
.form-label.no-top-spacing {
    padding-top: 0;
}
.below-divider .form-label {
    padding-top: 0px;
}
.form-label em {
    font-style: normal;
    color: var(--required-text-color);
}
.form-label em.italic-text, .text-message em.italic-text {
    font-style: italic;
    font-weight: var(--regular);
    color: var(--main-text-color);
}
.form-label-with-input-container {
    margin: 0 0 0.125rem;
}
.form-label-with-input-container label {
    margin: 0.125rem 0 0.3125rem;
}
.form-label-with-input-container label em {
    color: var(--required-text-color);
}
.form-label-with-text-container span, span.form-text-only-below-label {
    display: block;
}
span.form-text-below-label, span.form-text-with-icon-below-label {
    display: block;
}
span.form-text-with-icon-below-label i.fa, span.form-text-with-icon-below-label i.fa-regular, span.form-text-with-icon-below-label i.fa-solid {
    margin-right: 0.25rem;
}
span.form-text-with-icon-below-label .green-color {
    color: var(--green-text-color);
}
span.form-text-with-icon-below-label .green-color i.fa, span.form-text-with-icon-below-label .green-color i.fa-regular, span.form-text-with-icon-below-label .green-color i.fa-solid {
    color: var(--green-icon-color);
}
span.form-text-with-icon-below-label .red-color {
    color: var(--red-text-color);
}
span.form-text-with-icon-below-label .red-color i.fa, span.form-text-with-icon-below-label .red-color i.fa-regular, span.form-text-with-icon-below-label .red-color i.fa-solid {
    color: var(--red-icon-color);
}
.form-label-with-radio-container {
    margin-bottom: 0;
}
.form-link-container {
    margin: 0.125rem 0 0;
}
.form-footnote {
    margin-top: 1rem;
    font-size: 0.8125rem;
    line-height: 1rem;
}
.form-control {
    border: 1px solid var(--form-control-outline-color);
    border-radius: 0;
    background-color: var(--white);
}
.form-control.set-size-50 {
    max-width: 50px;
}
.form-control.set-size-64 {
    max-width: 64px;
}
.form-control.set-size-100 {
    max-width: 100px;
}
.form-control.set-size-116 {
    max-width: 116px;
}
.form-control.set-size-128 {
    max-width: 128px;
}
.form-control.set-size-150 {
    max-width: 150px;
}
.form-control.set-size-200 {
    max-width: 200px;
}
.form-control.set-size-50-pct {
    width: 50%;
}
.form-control.set-size-80-pct {
    width: 80%;
}
.form-control:disabled, .form-control[readonly] {
    background-color: var(--disabled-control-box-color);
    opacity: 1;
}
.form-control[readonly] {
    background-color: var(--white);
    cursor: default;
}
.form-control.error, .form-control.invalid {
    border: 1px solid var(--error-color);
}
.form-control.form-select option {
    /*margin-right: 1rem;
    padding-right: 2rem;
    padding-block-end: 100px;
    display: inline-block;
    white-space: normal !important;*/
}
.form-check-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.form-dates {
    display: flex;
    align-items: center;
}
.form-dates .form-control {
    width: calc(50% - 0.6875rem);
}
.form-dates .divider-dash {
    margin: 0 0.5rem;
    width: 0.375rem;
}
.text-next-to-input {
    vertical-align: middle;
    padding-top: 0.25rem !important;
}
.text-next-to-input.input-aligned {
    vertical-align: top;
    padding-top: 0.50rem !important;
}
.input-with-symbol {
    padding-top: 0;
    position: relative;
}
.input-with-symbol.below-label, .input-with-symbol.next-to-input {
    padding-top: 0rem;
}
.input-with-symbol > .form-control {
    padding-left: var(--currency-symbol-width);
    padding-right: 0px;
}
.input-with-symbol > i {
    position: absolute;
    display: block;
    transform: translate(0, -50%);
    /*top: calc(50% + 0.125rem);*/
    top: 50%;
    left: 0.25rem;
    pointer-events: none;
    width: var(--currency-symbol-width);
    text-align: center;
    font-style: normal;
}
.input-with-symbol.below-label > i, .input-with-symbol.next-to-input > i  {
    top: calc(50%);
}
.input-group {
    white-space: nowrap;
}
.input-group-text {
    padding: 0.375rem 0.5rem;
    background-color: transparent;
    border: none;
}
.collapsible-table hr {
    margin: 0.5rem 0;
    color: var(--table-row-divider-lines);
}
.collapsible-table hr.below-title {
    padding: 0;
    color: var(--table-header-title-color);
}
.collapsible-table .header-text {
    color: var(--table-header-title-color);
    font-weight: var(--bold);
}
.collapsible-table .form-label.cell-inside-text {
    padding-top: 0.75rem;
    font-weight: var(--normal);
    vertical-align: middle;
}
.collapsible-table .input-with-symbol.cell-inside {
    margin-bottom: 0.25rem;
}
.collapsible-table .form-check.cell-inside {
    padding-top: 0.75rem;
}
.symbol-on-right > .form-control {
    padding-left: 0.5rem;
    padding-right: var(--percentage-width);
}
.symbol-on-right > i {
    left: 4.625rem;
    width: var(--percentage-width);
}
.unit-text-on-right > .form-control {
    padding-left: 0.5rem;
    padding-right: var(--unit-text-width);
}
.unit-text-on-right > i {
    left: 4.625rem;
    width: var(--unit-text-width);
}
.days-text-on-right > .form-control {
    padding-left: 0.5rem;
    padding-right: var(--days-text-width);
}
.days-text-on-right > i {
    left: 3.3125rem;
    width: var(--days-text-width);
}
.tags-text-on-right > .form-control {
    padding-left: 0.5rem;
    padding-right: var(--tags-text-width);
}
.tags-text-on-right > i {
    left: 4.3125rem;
    width: var(--tags-text-width);
}
.form-logo-container img, .form-signature-container img, .form-placard-container img {
    border: 1px solid var(--form-control-outline-color);
    border-radius: 0;
    /*background-color: var(--white);*/
    padding: 0.5rem;
    /*width: 100%;*/
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: var(--logo-container-max-height);
    /*object-fit: scale-down;*/
}
.form-placard-container img {
    max-height: var(--placard-container-max-height);
}
.form-signature-container img {
    max-height: var(--signature-container-max-height);
}
.link-below-form-logo-container, .link-below-form-placard-container, .link-below-form-signature-container {
    padding-top: 0.4375rem;
}
.form-check-container.below-input {
    padding-top: 1rem;
}
.form-check {
    display: block;
    min-height: unset;
    padding-left: 0;
    margin-bottom: 0;
    white-space: nowrap;
}
.checkbox-group .form-check {
    display: unset;
}
.checkbox-group.allow-break-md .form-check {
    display: block;
}
.checkbox-inside-grid .form-check {
    margin-top: 0.125rem;
}
.form-check.no-label-title {
    padding-top: 1rem;
}
.form-check.below-input {
    padding-top: 0.75rem;
}
.form-check.collapsible {
    vertical-align: top;
    white-space: unset;
}
.form-check.collapsible input, .form-check.collapsible label {
    float: left;
}
.form-check.collapsible input {
    margin: 0;
    width: 1.5rem;
}
.form-check.collapsible label {
    margin-top: -1px;
    padding: 0;
    width: calc(100% - 1.5rem);
}
.form-check-with-label-wrap {
    margin-top: 0.3125rem;
    display: flex;
    align-items: flex-start;
    white-space: normal;
}
.form-check-with-label-wrap input:before {
    margin: -0.125rem 0 0 0;
}
.form-check-with-label-wrap input:checked:after {
    margin: -0.875rem 0 0 0.375rem;
    top: unset;
    left: unset;
}
.form-check-with-label-wrap label {
    margin: -0.1875rem 0 0 0.125rem;
    flex-grow: 1;
    cursor: pointer;
}
.form-radio {
    display: inline-block;
    white-space: nowrap;
}
.radio-button-group .form-radio {
    display: unset;
}
.form-radio.no-label-title {
    padding-top: 1rem;
}
.form-radio input:before {
    /* Removed by DRW on 9/24/2025 - Fixing selected radio button dot issue in mobile */
    /*margin: -0.125rem 0 0 0;*/
}
.form-radio input:checked:after {
    /* Removed by DRW on 9/24/2025 - Fixing selected radio button dot issue in mobile */
    /*margin: -0.8125rem 0 0 0.1875rem;
    top: unset;
    left: unset;*/
}
.form-radio input + label {
    padding-left: 0.25rem;
}
.radio-button-group.vertical-layout .form-radio, .radio-button-group.vertical-layout-sm .form-radio, .radio-button-group.vertical-layout-md .form-radio, .radio-button-group.vertical-layout-lg .form-radio, .radio-button-group.vertical-layout-xl .form-radio, .radio-button-group.vertical-layout-xxl .form-radio {
    margin-top: 0.3125rem;
    display: flex;
    align-items: flex-start;
    white-space: normal;
}
.radio-button-group.vertical-layout .form-radio label, .radio-button-group.vertical-layout-sm .form-radio label, .radio-button-group.vertical-layout-md .form-radio label, .radio-button-group.vertical-layout-lg .form-radio label, .radio-button-group.vertical-layout-xl .form-radio label, .radio-button-group.vertical-layout-xxl .form-radio label {
    margin: -0.1875rem 0 0 0.25rem;
}
.form-subtitle {
    padding: 1.1875rem 0 0;
    font-size: 1rem;
    font-weight: var(--bold);
    font-style: italic;
    color: var(--subtitle-color);
    border-bottom: 1px solid var(--section-divider-color);
    width: 100%;
    text-align: left;
}
.form-subtitle.includes-links, .info-subtitle.includes-links {
    display: flex;
}
.form-subtitle.includes-links .text-link-group, .info-subtitle.includes-links .text-link-group {
    margin: 0;
    margin-left: auto;
    text-align: right;
}
.form-subtitle.includes-links .text-link-group .btn-text-link, .form-subtitle.includes-links .text-link-group .btn-text-link:focus, .info-subtitle.includes-links .text-link-group .btn-text-link, .info-subtitle.includes-links .text-link-group .btn-text-link:focus, .text-link-group.size-sm .btn-text-link, .text-link-group.size-sm .btn-text-link:focus {
    padding: 0 0 0.125rem 0.375rem;
    font-size: 0.8125rem;
    font-style: normal;
}
.info-subtitle.includes-links .header-info-title, .info-subtitle.includes-links .status-title {
    margin-top:0.25rem;
}
.form-subtitle.above-container {
    padding: 1.5rem 0 0.25rem;
    border-bottom: none;
}
.form-subtitle.inside-row {
    margin: 0 0.75rem;
    width: calc(100% - 1.5rem);
}
.form-subtitle.between-grids {
    margin-top: 0.375rem;
}
.rb-container {
    clear: both;
    padding: 0 0 0.125rem 0.8125rem;
}
.rb-container div {
    padding-left: 1.5625rem;
}
.rb-container input[type='radio'] {
    float: left;
    width: 1.5625rem;
    margin: 0.125rem 0 0 -1.5625rem;
}
.rb-container input[type='radio']:before {
    outline: var(--white) 4px solid;
}
.rb-container input[type='radio']:focus:before {
    outline: var(--form-focus-ring-color) 4px solid;
}
.rb-container input[type='radio']:checked:after {
    margin-left: -0.3125rem;
    /*position: relative;
    margin-top: -1rem;*/
}
.rb-container label {
    display: inline;
}
.cb-container {
    clear: both;
    padding: 0 0 0.125rem 0.8125rem;
}
.cb-container div {
    padding-left: 1.5625rem;
}
.cb-container input[type='checkbox'] {
    float: left;
    width: 1.5625rem;
    margin: 0.125rem 0 0 -1.5625rem;
}
.cb-container label {
    display: inline;
}
.validation-message, .alert-message, .validation {
    padding-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--error-color);
}
.validation-message.between-table-cells {
    padding-bottom: 0.25rem;
}
.validation {
    color: var(--error-color) !important;
}
.alert-message {
    padding-top: 0;
    padding-bottom: 0.25rem;
}
.info-content {
    padding-top: 1.125rem;
}
.info-content.below-input {
    padding-top: 1rem;
}
.info-content.below-radio {
    padding-top: 0.75rem;
}
.info-content.below-table {
    padding-top: 1.125rem;
    margin-top: 0;
}
.info-content.below-table::after {
    content: "";
    display: table;
    clear: both;
}
.info-content .icon {
    width: var(--component-icon-width);
    float: left;
    cursor: default;
}
.info-content .text-message {
    float: left;
    padding: 0 0 0 0.25rem;
    width: calc(100% - 1.625rem);
}
.info-content .text-message.next-to-fa-icon {
    margin-top: -0.25rem;
}
.info-content.above-buttons .text-message {
    padding-bottom: 0.625rem;
}
.show-password-container {
    padding-top: 1.75rem;
    text-align: center;
}
.show-password-container.below-inside-input {
    padding-top: 1.25rem;
    text-align: left;
}
.button-link-container {
    text-align: center;
}
.button-link-container.below-title {
    padding-top: 0.375rem;
}
.button-link-container.below-grid, .button-link-container.below-input {
    padding-top: 0.5rem;
    text-align: left;
}
.button-link-container a {
    padding: 0 0.5rem;
    display: inline-block;
}
.button-link-container.below-grid a, .button-link-container.below-input a {
    padding-left: 0rem;
}
.buttons-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: none;
}
.buttons-grid .tooltip-content .tooltip-text {
    margin-bottom: -6px;
    margin-left: -81px;
}
.card-grid {
    display: grid;
    gap: 1.5rem;
}
.card-grid.includes-table {
    display: block;
}
.card-grid.above-card-grid {
    margin-bottom: 1.5rem;
}
.card-grid.includes-alert .card-dash:first-child .form-box {
    border-top: 2px solid var(--top-line-color);
}
.card-dash .form-box, .main-container .card-dash .form-box {
    border: 1px solid var(--card-dash-outline-color);
    min-width: auto;
    max-width: auto;
    position: unset;
    height: 100%;
}
.card-dash .form-box .button-link-container {
    font-size: 0.875rem;
}
.card-dash .form-box .button-link-container.below-title {
    padding-top: 0.125rem;
}
.card-dash .form-box .button-link-container a {
    padding: 0 0.25rem;
}
.card-dash .form-box .button-link-container a.selected {
    cursor: default;
    text-decoration: none;
    color: var(--main-text-color);
}
.card-dash .form-box .btn-container {
    padding-left: 0;
}
.card-dash .form-box .btn.next-to-input {
    margin-top: 2.5rem;
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}
.card-dash .form-box .btn.next-to-input.no-top-spacing {
    margin-top: 0;
}
.card-dash .form-box .btn.next-to-sm-input {
    margin: 0 0 0 0.75rem;
    padding: 0.25rem 0.25rem 0.3125rem 0.25rem;
    width: calc(100% - 0.75rem);
    font-size: 0.8125rem;
}
.card-dash .form-box .btn.next-to-input i.fa, .card-dash .form-box .btn.next-to-sm-input i.fa {
    margin-right: 0.25rem;
}
.card-dash .form-box .section-divider {
    margin: 0.625rem 0;
}
.card-dash .form-box .section-divider.above-input {
    margin-bottom: 0;
}
.card-dash .form-box .section-divider.above-chart {
    margin-bottom: 1rem;
}
.card-dash .form-box .section-divider.below-input {
    margin-top: 1rem;
}
.card-dash .form-box .row {
    margin-top: 0.25rem;
}
.card-dash .form-box .row.input-container {
    margin-top: 0;
}
.card-dash .form-box .row.input-container-below-title {
    margin: 0.625rem 0 1rem;
}
.card-dash .form-box .row.input-container-below-title .col {
    padding: 0;
    margin: 0 auto;
}
.card-dash .form-box .row.input-container-below-title .col.set-max-width {
    max-width: 11rem;
}
.card-dash .form-box .row.input-container-below-title .col select {
    padding-left: 0.5rem;
    font-size: 0.8125rem;
    line-height: 0.8125rem;
}
.card-dash .form-box .row.input-container-below-title .col select:invalid, .card-dash .form-box .row.input-container.above-map select:invalid {
    font-style: italic;
}
.card-dash .form-box .row.input-container-below-title .col select > option, .card-dash .form-box .row.input-container.above-map select > option {
    font-style: normal;
}
.card-dash .form-box .row.input-container-below-title .col select option[value=""], .card-dash .form-box .row.input-container-below-title .col select option:not([value]), .card-dash .form-box .row.input-container.above-map select option[value=""], .card-dash .form-box .row.input-container.above-map select option:not([value]) {
    font-style: italic;
}
.card-dash .form-box .form-label {
    padding-top: 0.625rem;
}
.card-dash .row .remove-padding-right-xxl, .card-dash .row .remove-padding-right-xl, .card-dash .row .remove-padding-right-lg, .card-dash .row .remove-padding-right-md, .card-dash .row .remove-padding-right-sm {
    padding-right: 0.75rem;
}
.card-menu-container {
    padding-bottom: 1.125rem;
}
.card-menu-container .breadcrumbs {
    padding-top: 0.3125rem;
    padding-bottom: 0.5rem;
}
.card-menu-button-container {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.card-menu-button-container li {
    padding-bottom: 0;
    font-size: 0;
}
.card-menu-button-container li .btn.page-button {
    padding: 0.25rem 0.375rem;
    margin: 0;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 0.875rem;
    font-weight: var(--bold);
    color: var(--page-button-color);
    background-color: var(--white);
    border: 1px solid var(--page-button-color);
    border-right: none;
}
.card-menu-button-container li:first-child .btn.page-button {
    border-radius: 0.375rem 0 0 0.375rem;
}
.card-menu-button-container li:last-child .btn.page-button {
    border-right: 1px solid var(--page-button-color);
    border-radius: 0 0.375rem 0.375rem 0;
}
.card-menu-button-container li .btn.page-button:hover {
    color: var(--page-button-rollover-color);
    border: 1px solid var(--page-button-rollover-color);
    border-right: none;
}
.card-menu-button-container li:last-child .btn.page-button:hover {
    border-right: 1px solid var(--page-button-rollover-color);
}
.card-menu-button-container li .btn.page-button.selected {
    color: var(--white);
    background-color: var(--page-button-color);
}
.card-menu-button-container li .btn.page-button.selected:hover {
    border: 1px solid var(--page-button-rollover-color);
    border-right: none;
    background-color: var(--page-button-rollover-color);
}
.card-add-new {
    text-align: center;
}
.card-list {
    margin-top: 1.5rem;
}
.card-footnote {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
}
.card-asterisk {
    font-size: 1.125rem;
    color: var(--title-color);
}
.card-dagger {
    color: var(--main-text-color);
    font-size: var(--default-font-size);
    font-weight: var(--regular);
}
.card-list .card-item[b-dobb7dkllm] {
    flex-direction: column;
    border: 1px solid var(--card-dash-outline-color);
    box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 8%);
}
.card-details[b-dobb7dkllm] {
    margin-bottom: 0;
    text-align: center;
}
.card-details[b-dobb7dkllm] img {
    margin: 0 auto 0.25rem;
}
.card-list .card-actions[b-dobb7dkllm] {
    display: initial;
    margin-top: 0;
    text-align: center;
}
.card-list .card-actions[b-dobb7dkllm] button {
    margin-top: 0.5rem;
}
.system-tag .form-box.top-header, .system-tag .form-box.main-info {
    padding: 1rem 1.25rem;
    max-width: 440px;
    position: unset;
    height: 100%;
    border-radius: 0 0 1rem 1rem;
    border: 0.5rem solid var(--white);
    border-top: none;
}
.system-tag .form-box.top-header {
    text-align: center;
    border-radius: 1rem 1rem 0 0;
    background-color: var(--header-tag-color);
    border-top: 0.5rem solid var(--white);
    border-bottom: none;
}
.system-tag .form-box.top-header .row .col {
    display : flex;
    justify-content: center;
    align-items : center;
}
.system-tag .form-box.top-header .row .col img {
    width: auto;
    max-height: 72px;
}
.system-tag .form-box.top-header h1 {
    color: var(--main-text-color);
}
.system-tag .form-box.top-header h1.page-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.system-tag.yellow .form-box.main-info {
    background-color: var(--yellow-tag-color);
}
.system-tag.orange .form-box.main-info {
    background-color: var(--orange-tag-color);
}
.system-tag.red .form-box.main-info {
    background-color: var(--red-tag-color);
}
.system-tag.green .form-box.main-info {
    background-color: var(--green-tag-color);
}
.system-tag.grey .form-box.main-info {
    background-color: var(--grey-tag-color);
}
.system-tag .form-box.main-info .row {
    margin-top: 0.25rem;
}
.system-tag .form-box.main-info .row .col:first-child, .system-tag .form-box.top-header .row .col:first-child {
    padding-right: 0;
}
.system-tag.orange .form-box.main-info .row, .system-tag.red .form-box.main-info .row, .system-tag.green .form-box.main-info .row, .system-tag.grey .form-box.main-info .row {
    color: var(--white);
}
.system-tag .form-box.main-info .row:first-child {
    margin-top: 0;
}
.button-container {
    /*white-space: nowrap;*/
    padding-top: 1rem;
    text-align: center;
    font-size: 0;
}
.button-container.add-spacing-for-label {
    padding-top: 1.25rem;
}
.col.next-to-input .button-container.on-left {
    margin: 0;
    margin-top: 1rem;
    display: block;
}
.col.col-breakdown-sm, .col.col-breakdown-md, .col.col-breakdown-lg, .col.col-breakdown-xl, .col.col-breakdown-xxl {
    flex: none;
}
.col.col-breakdown-sm .button-container, .col.col-breakdown-md .button-container, .col.col-breakdown-lg .button-container, .col.col-breakdown-xl .button-container, .col.col-breakdown-xxl .button-container {
    padding-top: 0;
}
.col.col-breakdown-sm.center-below-input .button-container, .col.col-breakdown-md.center-below-input .button-container, .col.col-breakdown-lg.center-below-input .button-container, .col.col-breakdown-xl.center-below-input .button-container, .col.col-breakdown-xxl.center-below-input .button-container {
    text-align: center;
}
.col.col-breakdown-sm .button-container button.btn, .col.col-breakdown-md .button-container button.btn, .col.col-breakdown-lg .button-container button.btn, .col.col-breakdown-xl .button-container button.btn, .col.col-breakdown-xxl .button-container button.btn {
    padding-right: 1.3125rem;
    padding-left: 1.3125rem;
    margin-top: 0.75rem;
}
.button-container.on-left {
    text-align: left;
}
.button-container.below-input {
    padding-top: 0.75rem;
    text-align: left;
}
.button-container.below-input :first-child {
    margin-left: 0;
}
.button-container button.btn {
    margin-top: 0.75rem;
}
.button-container.on-right button.btn {
    margin: 0 0 0 0.75rem;
}
.button-container.below-title {
    padding-top: 1.25rem;
}
.button-container.below-page-title {
    padding-top: 0.75rem;
}
.button-container.below-title-solo {
    padding-top: 0.625rem;
}
.button-container.below-text {
    padding-top: 1.5625rem;
}
.button-container.below-info-text {
    padding-top: 0.6875rem;
}
.button-container.above-grid {
    padding-bottom: 0.25rem;
}
.button-container.above-report {
    padding-top: 0.875rem;
    padding-bottom: 0.625rem;
}
.autocomplete {
    position: relative;
}
.autocomplete .form-label, .autocomplete .success-text, .autocomplete .checkbox-group, .autocomplete .radio-button-group {
    display: inline-block;
}
.autocomplete .form-label {
    margin-bottom: 0.25rem;
}
.autocomplete i.fa.fa-angle-right {
    margin-right: 0.5rem;
}
.autocomplete .map-icon {
    margin-right: 0.5625rem;
    margin-bottom: 0.125rem;
    vertical-align: middle;
}
.autocomplete .success-text {
    margin-right: 0.75rem;
    white-space: nowrap;
    vertical-align: middle;
}
.autocomplete .checkbox-group.above-form-control, .autocomplete .radio-button-group.above-form-control {
    padding-bottom: 0.125rem;
    margin: 0;
    vertical-align: bottom;
}
.autocomplete .alert-message {
    padding: 0.125rem 0 0;
    margin-bottom: 0.5rem;
    clear: both;
}
.autocomplete .form-control {
    margin-top: 0.25rem;
    clear: both;
}
.autocomplete .options {
    padding: 0;
    position: absolute;
    top: auto;
    left: 0;
    background-color: var(--white);
    border: 1px solid var(--dropdown-box-outline-color);
    width: 100%;
    z-index: 10;
    box-shadow: 0.5rem 0.5rem 1.5rem 0 rgba(0,0,0,0.2);
}
.autocomplete .option {
    display: block;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
}
.autocomplete .option:hover {
    background-color: var(--dropdown-hover-background-color);
}
.autocomplete .option.link:hover {
    background-color: transparent;
}
.autocomplete .option.disabled, .autocomplete .option.disabled:hover {
    background-color: var(--disabled-control-box-color);
    cursor: not-allowed;
}
.group-category-title {
    margin: 0.75rem 0 0.5rem;
    font-weight: var(--bold);
}

/* 08. Modal Styles */

.modal {
    display: block;
    background-color: rgba(0,0,0,.75);
    min-width: var(--container-min-width);
    overflow-y: auto;
}
.modal.toast-component {
    margin: 0 auto;
    padding: 0;
    max-width: none;
    height: auto;
    background-color: transparent;
    overflow-y: unset;
    opacity: 0;
    top: var(--toast-component-top-start);
    left: 0;
    right: 0;
    position: fixed;
    animation: toast-anim 4s ease-out 0s 1 normal;
}
@keyframes toast-anim {
    0% {display: block; opacity: 0; top: var(--toast-component-top-start);}
    25% {opacity: 1; top: var(--toast-component-top-end-sm);}
    75% {opacity: 1; top: var(--toast-component-top-end-sm);}
    100% {opacity: 0; top: var(--toast-component-top-start); display: none;}
}
.modal-dialog {
    max-width: none;
    margin: 0 auto;
}
.modal-content {
    margin: 1.5rem;
    width: calc(100% - 3rem);
    background-color: rgba(255,255,255,0.95);
    background-clip: unset;
    border: none;
    border-radius: 0.375rem;
}
.modal-content.contains-email {
    min-width: 26rem;
}
.modal-content.set-width-for-tags {
    margin: 1.5rem auto;
    max-width: 44rem;
    min-width: 21rem;
}
.modal.toast-component .modal-content {
    margin: 0 2.5rem;
    padding: 2rem;
    width: calc(100% - 5rem);
    border: 1px solid var(--component-outline-color);
    display: inline-block;
}
.modal-button {
    text-align: right;
}
.no-modal-button {
    height: 0.5rem;
}
.modal-body {
    padding-bottom: 2rem;
}
.modal-body.contains-report {
    padding-bottom: 1.6875rem !important;
}
.modal-body .section-divider {
    margin: 1.5rem 1rem;
}
.modal-body .page-title {
    padding: 0.3125rem 1rem 0;
    text-align: center;
}
.modal-body .page-title.below-buttons {
    padding-top: 1rem;
}
.modal-body .count-container {
    text-align: center;
}
.modal-body .count-below-title {
    margin: 0.4375rem auto 0 auto;
    padding: 0.25rem 0.75rem;
    display: inline-block;
    color: var(--scorpion-grey);
    border: 1px solid var(--silver-chalice-grey);
    border-radius: 1rem;
    text-align: center;
}
.modal-body .page-subtitle {
    padding: 1.1875rem 1rem 0;
}
.modal-body .new-paragraph {
    padding: 1.125rem 1rem 0;
}
.modal-body .new-paragraph.below-divider {
    padding-top: 0;
}
.modal-body .next-line {
    padding: 0 1rem;
}
.modal-body .message {
    padding: 1.125rem 1rem 0;
}
.modal-body .map-container {
    padding-top: 1.375rem;
}
.modal-body .button-container {
    padding-top: 0.8125rem;
    white-space: normal;
}
.modal-body .button-container.below-map {
    padding-top: 1.5625rem;
}
.modal-body .button-container.below-title {
    padding-top: 0.625rem;
}
.modal-body .button-container.above-report {
    padding: 0 1rem;
}
.modal-body .button-container.below-title.above-report {
    padding: 0.625rem 1rem 0;
}
.modal-body .form-group {
    padding: 0 1rem;
}
.modal-body .text-container {
    padding: 0 1rem;
}
.modal-body .report-viewer {
    margin: 1.5rem 1rem 0;
    width: calc(100% - 2rem);
}
.modal-body .report-viewer.fit-inside-height {
    height: calc(100vh - 17.5rem);
    min-height: var(--report-height-min);
    max-height: var(--report-height);
}
.modal-body .form-group .report-viewer {
    margin: 1.5rem 0 0;
    width: 100%;
}
    .modal-body #adobe-pdf-viewer, .modal-body #adobe-pdf-label-viewer, #adobe-pdf-viewer-history {
        padding: 0 1rem;
    }
.modal-title {
    font-size: 1.125em;
    max-width: 295px;
}
.modal-inside-container {
    padding: 1.5625rem 1rem 0;
}
.modal.upload-image .modal-dialog {
    max-width: var(--upload-image-max-width);
}
.modal.message-component .modal-dialog {
    max-width: var(--message-component-max-width);
}
.modal.message-component .modal-body {
    padding: 2rem;
}
.modal.message-component .modal-body .message-icon, .modal.message-component .modal-body .message {
    width: var(--component-icon-width);
    float: left;
}
.modal.message-component .modal-body .message {
    padding: 0 0 0 0.25rem;
    margin: 0;
    width: calc(100% - 1.625rem);
}
.modal.message-component .modal-body .button-container {
    padding-top: 0.8125rem;
    clear: both;
}
.modal.message-component .modal-body .btn.btn-message {
    margin-top: 0.75rem;
}
.modal.toast-component .modal-content .message-icon {
    width: var(--component-icon-width);
    float: left;
}
.modal.toast-component .modal-content .message {
    padding: 0 0 0 0.25rem;
    margin: 0;
    width: calc(100% - 1.625rem);
    float: left;
}

/* 09. Cart Styles */

.cart-form {
    padding-top: 1.5rem;
}
.cart-form.below-title {
    padding-top: 0;
}
.cart-form hr.main-divider {
    border-top: 1px solid var(--main-divider-color);
    margin: 1.25rem 0;
}
.cart-form hr.cart-summary-divider {
    border-top: 1px solid var(--cart-summary-divider-color);
    margin: 0.75rem 0;
}
.cart-items article {
    padding: 0 0 1.125rem 0;
}
.cart-items article:last-of-type {
    padding-bottom: 0;
}
.cart-items .cart-item {
    display: flex;
}
.cart-items .tag-icon {
    padding: 0.125rem 1rem 0 0;
    margin: 0;
    flex-shrink: 1 !important;
}
.cart-total-text {
    font-weight: 700;
    color: var(--cart-total-text);
}
.cart-total-text.large-text {
    font-size: 1.125em;
}
.cart-summary-button {
    text-align: left;
}
.btn.above-cart-summary {
    margin: 0;
    width: 100%;
}
.cart-summary-box {
    margin: 1.25rem 0 0;
    padding: 1rem 1.25rem;
    background-color: var(--cart-summary-background-color);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid var(--cart-summary-outline-color);
}
.cart-summary-content {
    padding-top: 0.5625rem;
    font-size: 0.875rem;
}
.cart-summary-content .cart-service-row {
    padding: 0.125rem 0 0;
}
.cart-summary-content .cart-service-row:first-child {
    padding: 0;
}
.cart-summary-content .paragraph-spacing {
    font-size: 0.875rem;
    line-height: 1.25rem;
    display: block;
}
.cart-summary-title-text {
    margin: 0.0625rem 0 0;
    font-weight: 700;
    font-size: 1.125em;
    color: var(--title-color);
    display: flex;
    align-items: flex-start;
}
.cart-summary-title-text img {
    margin-right: 0.375rem;
}
.cart-summary-title-text span {
    margin-top: 0.0625rem;
    display: block;
}
.cart-summary-price-text {
    text-align: left;
}
.cart-summary-total-text {
    font-size: 1rem;
    text-align: left;
}
.cart-summary-total-text .cart-total-text {
    font-weight: 700;
    color: var(--cart-total-text);
}

/* 10. Map Styles */

.gmnoprint[role='menubar'] {
    margin-bottom: 0.625rem !important;
}

/* 11. Host Styles */
/* These styles are related to the _Host.cshtml page. */

.my-reconnect-modal > div {
    padding: 2.5rem;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    overflow: hidden;
    background-color: rgba(0,0,0,.75);
    text-align: center;
    font-size: 1rem;
    border: none;
}
.components-reconnect-hide > div {
    display: none;
}
.components-reconnect-show > div {
    display: none;
}
.components-reconnect-show > .show {
    display: block;
}
.components-reconnect-failed > div {
    display: none;
}
.components-reconnect-failed > .failed {
    display: block;
}
.components-reconnect-rejected > div {
    display: none;
}
.components-reconnect-rejected > .rejected {
    display: block;
}
.clock, .clock:not([href]):not([tabindex]):hover {
    text-align: center;
}
.session-box {
    padding: 2rem;
    margin: 0 auto;
    border-radius: 0.375rem;
    background-color: rgba(255,255,255,0.95);
    background-clip: unset;
    width: 50%;
    max-width: var(--container-max-width);
    min-width: var(--container-min-width);
    z-index: 10001;
    text-align: center;
}
.session-text, .session-text:not([href]):not([tabindex]) {
    margin: 1.1875rem 0 0.5625rem;
    font-size: 1rem;
}
#blazor-error-ui {
    padding: 0.625rem 1rem 0.75rem;
    background: var(--blazor-error-background-color);
    border-top: 1px solid var(--blazor-error-top-line-color);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Onboarding Styles? */
/* START HERE!!! Questions from DRW: Are these necessary? Remove entirely if no use cases found. */
/*.fancy-header {
    font-family: 'Arial', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #333;
    margin-top: 50px;
}
.circle-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #28a745;
    color: white;
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.circle-btn-red {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #dc3545;
    color: white;
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.circle-btn-blue {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5e99cc;
    color: white;
    display: inline-block;
    align-items: center;
    justify-content: center;
    font-size: 1.0rem;
    border: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.circle-btn:hover {
    background-color: #218838;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}*/

/* 12. Media Query Styles */

/* Responsive: Up to extra small devices */
@media (max-width: 359px) {
    div:has(> div#chatling-open-chat-icon) {
        right: unset !important;
        left: 17.75rem;
    }
    .arrow-pointer-top {
        right: unset;
        left: 19.1875rem;
    }
}

/* Responsive: Extra small devices (small phones) and up */
@media (min-width: 360px) {
    .header-info-nav {
        right: 0;
        left: unset;
    }
    .outside-site-header .header-log-out {
        left: unset;
        right: 0;
    }
}

@media (min-width: 416px) {
    .max-width-xs {
        max-width: none;
    }
}

@media (min-width: 496px) {
    .form-container.below-top-header {
        padding-top: 3rem;
    }
    .form-box.box-width-md {
        max-width: 400px;
    }
}

/* Responsive: Small devices (landscape phones) and up (col-sm) */
@media (min-width: 576px) {
    .footer-layout {
        padding: 2.25rem 0px 2.25rem;
    }
    .header-top-right .list-group {
        padding-top: 0.625rem;
    }
    .header-top-right .list-group-item {
        margin-left: 0;
    }
    .header-department {
        display: block;
    }
    .max-width-sm {
        max-width: none;
    }
    .width-auto-sm {
        width: auto;
    }
    .table-breakdown-sm table.table {
        display: table;
        border-bottom: 1px solid var(--table-row-divider-lines);
    }
    .table-breakdown-sm table.table > :not(caption) > * > * {
        padding: .5rem .5rem;
        border-bottom-width: 1px;
    }
    .table-breakdown-sm table.table thead {
        width: auto;
        display: table-header-group;
    }
    .table-breakdown-sm table.table tbody {
        width: auto;
        display: table-row-group;
    }
    .table-breakdown-sm table.table tr > th {
        display: table-cell;
    }
    .table-breakdown-sm table.table tr > td {
        display: table-cell;
    }
    .table-breakdown-sm table.table tr > td.col-links {
        display: table-cell;
        text-align: right !important;
    }
    .table-breakdown-sm table.table tr > td .col-label {
        display: none;
    }
    .table-breakdown-sm table.table tr > td .time-picker {
        margin: 0;
        display: block;
    }
    .table-breakdown-sm table.table tr {
        padding: 0;
        display: table-row;
        border-bottom: none;
    }
    .inside-layout, .inside-container .footer-layout {
        margin-left: 5.5rem;
    }
    .inside-layout.nav-expanded, .inside-container .footer-layout.nav-expanded {
        margin-left: 15rem;
    }
    .inside-layout.nav-removed, .inside-container .footer-layout.nav-removed {
        margin-left: 0;
    }
    .dashboard-boxes.container {
        padding: 0 1.5rem;
    }
    .form-box.box-width-md {
        max-width: 480px;
    }
    .main-container {
        padding: 2.5rem 2.5rem 0;
    }
    .main-container.with-card-menu {
        padding-top: 2.1875rem;
    }
    .left-nav-open-arrow {
        width: var(--left-nav-min-width);
    }
    .left-nav-small {
        display: block;
    }
    .header-additional-text {
        display: flex;
    }
    .btn.link-title-right-sm {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .btn.next-to-input.inside-col-sm {
        margin: 2.875rem 0 0;
    }
    .radio-button-group.vertical-layout-sm .form-radio {
        margin-top: 0;
        display: unset;
        align-items: unset;
        white-space: nowrap;
    }
    .radio-button-group.vertical-layout-sm .form-radio label {
        margin: unset;
    }
    .col.col-breakdown-sm {
        flex: 1 0 0%;
    }
    .col.col-breakdown-sm .button-container {
        padding-top: 1rem;
    }
    .col.col-breakdown-sm.center-below-input .button-container {
        text-align: left;
    }
    .col.col-breakdown-sm .button-container button.btn {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0.75rem;
    }
    .col.col-breakdown-sm.center-below-input .button-container.on-left .btn:first-child {
        margin-left: 0rem;
    }
    .link-container-right-sm .btn-text-link {
        float: right;
    }
    .modal.toast-component {
        max-width: var(--toast-component-max-width);
    }
    @keyframes toast-anim {
        0% {display: block; opacity: 0; top: var(--toast-component-top-start);}
        25% {opacity: 1; top: var(--toast-component-top-end);}
        75% {opacity: 1; top: var(--toast-component-top-end);}
        100% {opacity: 0; top: var(--toast-component-top-start); display: none;}
    }
    .modal-content {
        margin: 2.5rem;
        width: calc(100% - 5rem);
    }
    .modal-content.set-width-for-tags {
        margin: 2.5rem auto;
    }
    .text-link-group-sm-on-right {
        margin-top: 0;
        text-align: right;
    }
    .card-dash .row .remove-padding-right-sm {
        padding-right: 0;
    }
}

/* Responsive: Smaller devices (between col-sm and col-md) and below */
@media (max-width: 698px) {
    table.cart-table-breakdown, table.cart-table-breakdown thead, table.cart-table-breakdown tbody, table.cart-table-breakdown tr, table.cart-table-breakdown td {
        display: block;
    }
    table.cart-table-breakdown td:last-child {
        padding-bottom: 0.375rem;
    }
    .cart-elements-centered {
        float: right;
        position: relative;
        left: -50%; /* or right 50% */
        text-align: left;
    }
    .cart-elements-centered .links-with-dividers {
        position: relative;
        left: 50%;
    }
    .cart-items article {
        padding-bottom: 1rem;
    }
    .cart-items .cart-item {
        display: block;
    }
    .cart-items .tag-icon {
        padding: 0.125rem 0 0.25rem;
    }
    .cart-summary-box {
        margin-top: 0.375rem;
    }
    .form-label-with-radio-container {
        margin-bottom: 0.875rem;
    }
}

/* Responsive: Medium devices (portrait tablets) and up (col-md) */
@media (min-width: 768px) {
    .max-width-md {
        max-width: none;
    }
    .width-auto-md {
        width: auto;
    }
    .outside-site-header-with-log-out .header-logo {
        padding-left: 1rem;
        text-align: left;
    }
    .outside-site-header-with-log-out .header-log-out, .outside-site-header-with-log-out .header-log-out:focus {
        margin: 0.25rem 1rem 0;
        position: absolute;
        right: 0;
    }
    .form-container.container-full-auto {
        padding: 1.5rem 5rem 0px;
    }
    .table-breakdown-md table.table {
        display: table;
        border-bottom: 1px solid var(--table-row-divider-lines);
    }
    .table-breakdown-md table.table > :not(caption) > * > * {
        padding: .5rem .5rem;
        border-bottom-width: 1px;
    }
    .table-breakdown-md table.table thead {
        width: auto;
        display: table-header-group;
    }
    .table-breakdown-md table.table tbody {
        width: auto;
        display: table-row-group;
    }
    .table-breakdown-md table.table tr > th {
        display: table-cell;
    }
    .table-breakdown-md table.table tr > td {
        display: table-cell;
    }
    .table-breakdown-md table.table tr > td.col-links {
        display: table-cell;
        text-align: right !important;
    }
    .table-breakdown-md table.table tr > td .col-label {
        display: none;
    }
    .table-breakdown-md table.table tr > td .time-picker {
        margin: 0;
        display: block;
    }
    .table-breakdown-md table.table tr {
        padding: 0;
        display: table-row;
        border-bottom: none;
    }
    .btn.link-title-right-md {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .btn.next-to-input.inside-col-md {
        margin: 2.875rem 0 0;
    }
    .radio-button-group.vertical-layout-md .form-radio {
        margin-top: 0;
        display: unset;
        align-items: unset;
        white-space: nowrap;
    }
    .radio-button-group.vertical-layout-md .form-radio label {
        margin: unset;
    }
    .col.col-breakdown-md {
        flex: 1 0 0%;
    }
    .col.col-breakdown-md .button-container {
        padding-top: 1rem;
    }
    .col.col-breakdown-md.center-below-input .button-container {
        text-align: left;
    }
    .col.col-breakdown-md .button-container button.btn {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0.75rem;
    }
    .col.col-breakdown-md.center-below-input .button-container.on-left .btn:first-child {
        margin-left: 0rem;
    }
    .button-with-text {
        margin-top: -1.4375rem;
        text-align: right;
    }
    .link-container-right-md .btn-text-link {
        float: right;
    }
    .link.next-to-text-md {
        display: inline-block;
    }
    .checkbox-group.allow-break-md .form-check {
        display: unset;
    }
    .content-header .header-logo-container img {
        max-width: 12rem;
    }
    /*.cart-items .cart-item {
        display: flex;
    }
    .cart-items .tag-icon {
        padding: 0 1rem 0 0;
        margin: 0;
        flex-shrink: 1 !important;
    }*/
    .cart-summary-price-text {
        text-align: right;
    }
    .cart-summary-total-text {
        text-align: right;
    }
    .text-link-group-md-on-right {
        margin-top: 0;
        text-align: right;
    }
    .card-menu-container .breadcrumbs {
        padding-bottom: 0.1875rem;
    }
    .card-menu-button-container {
        justify-content: flex-end;
    }
    .card-dash .row .remove-padding-right-md {
        padding-right: 0;
    }
    .card-add-new {
        text-align: left;
    }
    .card-list .card-item[b-dobb7dkllm] {
        flex-direction: unset;
    }
    .card-details[b-dobb7dkllm] {
        text-align: left;
    }
    .card-details[b-dobb7dkllm] img {
        margin: 0 0 0.25rem;
    }
    .card-list .card-actions[b-dobb7dkllm] {
        display: flex;
    }
    .card-list .card-actions[b-dobb7dkllm] button {
        margin-top: 0;
    }
    .placard-container img {
        max-width: 40rem;
    }
    .buttons-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Responsive: Large devices (desktops/laptops) and up (col-lg) */
@media (min-width: 992px) {
    .max-width-lg {
        max-width: none;
    }
    .width-auto-lg {
        width: auto;
    }
    .table-breakdown-lg table.table {
        display: table;
        border-bottom: 1px solid var(--table-row-divider-lines);
    }
    .table-breakdown-lg table.table > :not(caption) > * > * {
        padding: .5rem .5rem;
        border-bottom-width: 1px;
    }
    .table-breakdown-lg table.table thead {
        width: auto;
        display: table-header-group;
    }
    .table-breakdown-lg table.table tbody {
        width: auto;
        display: table-row-group;
    }
    .table-breakdown-lg table.table tr > th {
        display: table-cell;
    }
    .table-breakdown-lg table.table tr > td {
        display: table-cell;
    }
    .table-breakdown-lg table.table tr > td.col-links {
        display: table-cell;
        text-align: right !important;
    }
    .table-breakdown-lg table.table tr > td .col-label {
        display: none;
    }
    .table-breakdown-lg table.table tr > td .time-picker {
        margin: 0;
        display: block;
    }
    .table-breakdown-lg table.table tr {
        padding: 0;
        display: table-row;
        border-bottom: none;
    }
    .dashboard-boxes section {
        max-width: var(--dashboard-area-width-large);
    }
    .btn.link-title-right, .btn.link-title-right-lg {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .btn.next-to-input.inside-col-lg {
        margin: 2.875rem 0 0;
    }
    .card-grid .btn.next-to-input.inside-col-lg {
        margin: 2.5rem 0 0;
    }
    .radio-button-group.vertical-layout-lg .form-radio {
        margin-top: 0;
        display: unset;
        align-items: unset;
        white-space: nowrap;
    }
    .radio-button-group.vertical-layout-lg .form-radio label {
        margin: unset;
    }
    .col.col-breakdown-lg {
        flex: 1 0 0%;
    }
    .col.col-breakdown-lg .button-container {
        padding-top: 1rem;
    }
    .col.col-breakdown-lg.center-below-input .button-container {
        text-align: left;
    }
    .col.col-breakdown-lg .button-container button.btn {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0.75rem;
    }
    .col.col-breakdown-lg.center-below-input .button-container.on-left .btn:first-child {
        margin-left: 0rem;
    }
    .button-container.add-spacing-for-label {
        padding-top: 2.875rem;
    }
    .button-container.on-right {
        text-align: right;
    }
    .link-container-right-lg .btn-text-link {
        float: right;
    }
    .content-header .header-logo-with-text {
        display: flex;
    }
    .content-header .header-logo-container {
        margin-right: 0.875rem;
        padding-right: 0.875rem;
        border-right: 1px solid var(--header-logo-line-color);
    }
    .cart-summary-box {
        margin: 0.375rem 0 0 0.5rem;
    }
    .text-link-group-lg-on-right {
        margin-top: 0;
        text-align: right;
    }
    .card-grid.cards-5, .card-grid.cards-4, .card-grid.cards-3, .card-grid.cards-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-grid.cards-1 {
        grid-template-columns: none;
    }
    .card-grid.cards-1-solo {
        grid-template-columns: 2fr 1fr;
    }
    .card-grid.includes-alert.cards-1 {
        grid-template-columns: repeat(4, 1fr);
    }
    .card-grid.cards-5 .card-dash:first-child, .card-grid.cards-4 .card-dash:first-child {
        grid-column: span 2;
    }
    .card-grid.cards-4 .card-dash:last-child {
        grid-column-start: 2;
        grid-row: 2 / span 2;
    }
    .card-grid.cards-3 .card-dash:last-child {
        grid-column-start: 2;
        grid-row: 1 / span 2;
    }
    .card-grid.cards-2 .card-dash:last-child {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-grid.includes-alert.cards-3 .card-dash:first-child {
        grid-column: 1 / span 2;
    }
    .card-grid.includes-alert.cards-3 .card-dash:last-child {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-grid.includes-alert.cards-1 .card-dash {
        grid-column: span 3;
    }
    .card-grid.includes-chart.cards-3 .card-dash:first-child, .card-grid.includes-chart.cards-3 .card-dash:nth-child(2) {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-grid.includes-chart.cards-3 .card-dash:last-child {
        grid-row: 2;
        grid-column: span 2;
    }
    .card-grid.cards-1 .card-dash {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-dash .row .remove-padding-right-lg {
        padding-right: 0;
    }
}

/* Responsive: X-Large devices (large desktops/laptops) and up (col-xl) */
@media (min-width: 1200px) {
    .table-breakdown-xl table.table {
        display: table;
        border-bottom: 1px solid var(--table-row-divider-lines);
    }
    .table-breakdown-xl table.table > :not(caption) > * > * {
        padding: .5rem .5rem;
        border-bottom-width: 1px;
    }
    .table-breakdown-xl table.table thead {
        width: auto;
        display: table-header-group;
    }
    .table-breakdown-xl table.table tbody {
        width: auto;
        display: table-row-group;
    }
    .table-breakdown-xl table.table tr > th {
        display: table-cell;
    }
    .table-breakdown-xl table.table tr > td {
        display: table-cell;
    }
    .table-breakdown-xl table.table tr > td.col-links {
        display: table-cell;
        text-align: right !important;
    }
    .table-breakdown-xl table.table tr > td .col-label {
        display: none;
    }
    .table-breakdown-xl table.table tr > td .time-picker {
        margin: 0;
        display: block;
    }
    .table-breakdown-xl table.table tr {
        padding: 0;
        display: table-row;
        border-bottom: none;
    }
    .btn.link-title-right-xl {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .btn.next-to-input.inside-col-xl {
        margin: 2.875rem 0 0;
    }
    .radio-button-group.vertical-layout-xl .form-radio {
        margin-top: 0;
        display: unset;
        align-items: unset;
        white-space: nowrap;
    }
    .radio-button-group.vertical-layout-xl .form-radio label {
        margin: unset;
    }
    .col.col-breakdown-xl {
        flex: 1 0 0%;
    }
    .col.col-breakdown-xl .button-container {
        padding-top: 1rem;
    }
    .col.col-breakdown-xl.center-below-input .button-container {
        text-align: left;
    }
    .col.col-breakdown-xl .button-container button.btn {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0.75rem;
    }
    .col.col-breakdown-xl.center-below-input .button-container.on-left .btn:first-child {
        margin-left: 0rem;
    }
    .link-container-right-xl .btn-text-link {
        float: right;
    }
    .content-header .header-logo-container img {
        max-width: 13rem;
    }
    .text-link-group-xl-on-right {
        margin-top: 0;
        text-align: right;
    }
    .buttons-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .card-grid.cards-5, .card-grid.cards-4, .card-grid.cards-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .card-grid.includes-alert.cards-3, .card-grid.includes-alert.cards-2 {
        grid-template-columns: repeat(7, 1fr);
    }
    .card-grid.includes-chart.cards-3 {
        grid-template-columns: repeat(2, 1fr);
    }
    .card-grid.cards-1 {
        grid-template-columns: none;
    }
    .card-grid.includes-alert.cards-1 {
        grid-template-columns: repeat(3, 1fr);
    }
    .card-grid.cards-5 .card-dash:nth-child(4) {
        grid-column-start: 3;
        grid-row: 1 / span 2;
    }
    .card-grid.cards-4 .card-dash:last-child {
        grid-column-start: 3;
        grid-row: 1 / span 2;
    }
    .card-grid.cards-3 .card-dash:last-child {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-grid.includes-chart.cards-3 .card-dash:last-child {
        grid-row: 2 / span 2;
    }
    .card-grid.includes-alert.cards-3 .card-dash:first-child {
        grid-column: 1 / span 6;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(2) {
        grid-column: 1 / span 3;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(3), .card-grid.includes-alert.cards-2 .card-dash {
        grid-column: span 3;
    }
    .card-grid.includes-alert.cards-1 .card-dash {
        grid-column: span 2;
    }
    .card-grid.cards-1-solo {
        grid-template-columns: 1fr 1fr;
    }
    .card-grid.cards-1 .card-dash {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
    .card-dash .row .remove-padding-right-xl {
        padding-right: 0;
    }
    .card-list {
        margin-top: 0;
    }
}

/* Responsive: XX-Large devices (larger desktops/laptops) and up (col-xxl) */
@media (min-width: 1400px) {
    .table-breakdown-xxl table.table {
        display: table;
        border-bottom: 1px solid var(--table-row-divider-lines);
    }
    .table-breakdown-xxl table.table > :not(caption) > * > * {
        padding: .5rem .5rem;
        border-bottom-width: 1px;
    }
    .table-breakdown-xxl table.table thead {
        width: auto;
        display: table-header-group;
    }
    .table-breakdown-xxl table.table tbody {
        width: auto;
        display: table-row-group;
    }
    .table-breakdown-xxl table.table tr > th {
        display: table-cell;
    }
    .table-breakdown-xxl table.table tr > td {
        display: table-cell;
    }
    .table-breakdown-xxl table.table tr > td.col-links {
        display: table-cell;
        text-align: right !important;
    }
    .table-breakdown-xxl table.table tr > td .col-label {
        display: none;
    }
    .table-breakdown-xxl table.table tr > td .time-picker {
        margin: 0;
        display: block;
    }
    .table-breakdown-xxl table.table tr {
        padding: 0;
        display: table-row;
        border-bottom: none;
    }
    .btn.link-title-right-xxl {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }
    .btn.next-to-input.inside-col-xxl {
        margin: 2.875rem 0 0;
    }
    .radio-button-group.vertical-layout-xxl .form-radio {
        margin-top: 0;
        display: unset;
        align-items: unset;
        white-space: nowrap;
    }
    .radio-button-group.vertical-layout-xxl .form-radio label {
        margin: unset;
    }
    .col.col-breakdown-xxl {
        flex: 1 0 0%;
    }
    .col.col-breakdown-xxl .button-container {
        padding-top: 1rem;
    }
    .col.col-breakdown-xxl.center-below-input .button-container {
        text-align: left;
    }
    .col.col-breakdown-xxl .button-container button.btn {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 0.75rem;
    }
    .col.col-breakdown-xxl.center-below-input .button-container.on-left .btn:first-child {
        margin-left: 0rem;
    }
    .link-container-right-xxl .btn-text-link {
        float: right;
    }
    .content-header .header-logo-container img {
        max-width: 14rem;
    }
    .text-link-group-xxl-on-right {
        margin-top: 0;
        text-align: right;
    }
    .card-grid.cards-5 {
        grid-template-columns: repeat(4, 1fr);
    }
    .card-grid.includes-alert.cards-3, .card-grid.includes-alert.cards-2 {
        grid-template-columns: repeat(5, 1fr);
    }
    /*.card-grid.includes-chart.cards-3 {
        grid-template-columns: repeat(5, 1fr);
    }*/
    .card-grid.cards-1 {
        grid-template-columns: none;
    }
    .card-grid.includes-alert.cards-3 .card-dash:first-child {
        grid-column: 1 / span 4;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(2) {
        grid-column: 1 / span 2;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(3), .card-grid.includes-alert.cards-2 .card-dash {
        grid-column: span 2;
    }
    .card-grid.includes-alert.cards-1 {
        grid-template-columns: repeat(5, 1fr);
    }
    /*.card-grid.includes-chart.cards-3 .card-dash:first-child, .card-grid.includes-chart.cards-3 .card-dash:nth-child(2) {
        grid-column: span 2;
    }
    .card-grid.includes-chart.cards-3 .card-dash:nth-child(3) {
        grid-column: 1 / span 4;
    }*/
    .card-grid.cards-5 .card-dash:nth-child(4) {
        grid-column-start: 3;
        grid-row: 1 / span 2;
    }
    .card-grid.cards-5 .card-dash:last-child {
        grid-column-start: 4;
        grid-row: 1 / span 2;
    }
    .card-grid.cards-1-solo {
        /*grid-template-columns: 1fr 1fr 1fr;*/
    }
    .card-grid.includes-alert.cards-1 .card-dash {
        grid-column: span 3;
    }
    .card-dash .row .remove-padding-right-xxl {
        padding-right: 0;
    }
}

/* Responsive: XXX-Large devices (larger desktops/laptops) and up (col-xxxl) */
@media (min-width: 1600px) {
    .card-grid.includes-alert.cards-3 {
        grid-template-columns: repeat(7, 1fr);
    }
    .card-grid.includes-chart.cards-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .card-grid.includes-alert.cards-3 .card-dash:first-child {
        grid-column: 1 / span 4;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(2) {
        grid-column: 1 / span 2;
    }
    .card-grid.includes-alert.cards-3 .card-dash:nth-child(3) {
        grid-column: span 3;
    }
    .card-grid.includes-chart.cards-3 .card-dash:last-child {
        grid-column-start: unset;
        grid-row: unset;
        grid-column: unset;
    }
}

/* Responsive: Used for print only */
@media print {
    .no-print {
        display: none;
    }
}