/* input(415,1): run-time error CSS1019: Unexpected token, found '}' */
:root {
    --main-black: #000000;
    --main-white: #FFF;
    --custom-datepicker-color: #00567a;
    --custom-datepicker-background-color: #f8f8f8;
}

.ui-datepicker-prev span, .ui-datepicker-next span {
    background-image: url("../images/datepicker-arrow.svg?v=_KlJblu62mOg9APA3BDkeAGqiWY");
}

.white-space-nowrap {
    white-space: nowrap;
}

#cart-validate {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--main-white);
    z-index: 104;
}

.component-loader-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 105;
}

.text-warning {
    color: #EFA13F !important;
}

textarea {
    overflow-x: hidden;
}

.iframe-custom-aspect-ratio {
    aspect-ratio: 600/1024;
}

@media (min-width: 768px) {
    .iframe-custom-aspect-ratio {
        aspect-ratio: 1024/600;
    }
}

.feature-icons {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

    .feature-icons img {
        width: 30px;
        height: 30px;
    }

#clear-filters {
    color: #B4B4B4;
    background: none;
    border: none;
}

p.black-triangle-container {
    color: var(--main-black);
    position: relative;
    margin-bottom: 0;
}

p.black-triangle-container--with-icon {
    padding-left: 35px;
    vertical-align: top;
}

    p.black-triangle-container--with-icon::before {
        content: "";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        border-top: 20px solid var(--main-black);
        position: absolute;
        left: 0;
        top: 4px;
    }

.catalog-applied-filters {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product-information-table .vi-flexbox:nth-child(2n) {
    background: #EEEEEE;
}

.product-information-table .vi-moment-image .vi-circular-image {
    background: none;
}

.horizontal-group .group-element, .vertical-group .group-element {
    margin-bottom: 0 !important;
}

.max-width-min-content {
    max-width: min-content !important;
}

.min-width-fit-content {
    min-width: fit-content !important;
}

.custom-ta-line-indicator::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 15;
    width: 100%;
    height: 3px;
    background-color: var(--vi-custom-ta-indicator-color);
}

.custom-ta-line-indicator-label {
    z-index: 15;
}

.custom-table-ta-line-indicator td::after {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 3px;
    background-color: var(--vi-custom-table-ta-indicator-color);
}

tr.custom-table-ta-line-indicator:last-child td {
    box-shadow: inset 0 3px 0 var(--vi-custom-table-ta-indicator-color);
}

#adverse_event_alert_message {
    display: none;
    margin-top: 16px;
    font-size: 30px;
    font-weight: bold;
}

.ui-datepicker-header {
    max-width: 240px;
}

select.ui-datepicker-month, select.ui-datepicker-year {
    padding: 5px 25px 5px 5px;
    color: var(--custom-datepicker-color);
    border: 1px solid var(--custom-datepicker-color);
    appearance: none;
    background: var(--custom-datepicker-background-color) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 14' class='vi-icon' fill='%2300567a'%3E%3Cpath d='M3.5 0L0 6h7L3.5 0zm0 14L7 8H0l3.5 6z' fill-rule='evenodd' clip-rule='evenodd' fill='%2300567a' /%3E%3C/svg%3E") no-repeat right 0.625rem center/7px 14px;
}

select.ui-datepicker-year {
    margin-left: 9px;
}

.checkbox-popup-custom-class {
    position: absolute;
    right: 0;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}

    .checkbox-popup-custom-class.date-picker {
        top: 13px;
    }

.global-input-popup .vi-pop-button__dialog img {
    max-width: 100%;
    height: auto;
}

.global-input-popup .vi-pop-button__dialog p {
    margin: 0;
}

.vi-tooltip.vi-tooltip--custom {
    border-radius: 1.25rem;
}

    .vi-tooltip.vi-tooltip--custom .vi-tooltip__arrow {
        width: 1.25rem;
        height: 1.76875rem;
    }

    .vi-tooltip.vi-tooltip--custom .vi-tooltip__main {
        color: inherit;
        font-style: inherit;
        font-size: inherit;
        line-height: inherit;
        padding: 1.125rem 1.25rem;
        width: 15rem;
        max-width: calc(100vw - 1.25rem);
        border-radius: inherit;
    }

.grid-element {
    background-color: var(--vi-card-quick-order-product--background-color);
}

.custom-select:hover, .custom-file-input:hover {
    cursor: pointer;
}

.custom-select option:hover, .custom-file-input option:hover {
    cursor: pointer;
}

.custom-checkbox:hover:has(input:not([disabled]):not([disabled=true])) *, .custom-radio:hover:has(input:not([disabled]):not([disabled=true])) * {
    cursor: pointer;
}

.vi-multiple-select-v3 .vi-multiple-select-v3__content form .form-group {
    max-height: 220px;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
}

form#register-form .custom-content {
    padding-right: 15px;
    padding-left: 15px;
}

.vi-grid__row > .custom-margin-block > .col, .vi-grid__row > .custom-margin-block > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

#custom-substitution-modal {
    scrollbar-gutter: stable both-edges;
}

.alphabet-catalog-filter .vi-pagination__item--alphabet, .alphabet-grid-container .vi-pagination__item--alphabet {
    padding: 4px;
}

.sticky-product-table-head {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    background: #f8f8f8;
    overflow-y: hidden;
    z-index: 5;
    left: 0;
    right: 0;
}

.hide-row {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.position-absolute-top-right {
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1023px) {
    .vi-page-branding__main {
        position: sticky;
        z-index: 6;
    }

    .vi-page-layout__trigger {
        z-index: 7;
    }
}

.box-shadow-none {
    box-shadow: none !important;
}

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

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.custom-pagination li.vi-pagination__item {
    margin: 0.3125rem;
    border-radius: 50%;
    padding: 0;
}

.video-container:after, .video-container:before {
    content: none;
}

.video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0;
    height: auto;
}

.is-compact > .video-button::before {
    width: 3.125rem;
    height: 3.125rem;
}

.is-compact > .video-button::after {
    box-shadow: 0 0 0 6px rgba(255,255,255,.6);
    width: 3.125rem;
    height: 3.125rem;
}

.vi-image-carousel__controller .vi-image-carousel__slider .vi-image-carousel__slide {
    cursor: pointer;
}

.custom-control .custom-control-label > p {
    margin-bottom: 0;
}

#shopping-cart-modal .vi-scrollpane__bar{
    max-height: none !important;
}

.vi-card--error .vi-card__text {
    margin-left: 15px;
}

.vi-table .error-wrapper-relative {
    position: relative;
    display: block;
    min-height: 30px;
}

    .vi-table .error-wrapper-relative .error-wrapper-absolute {
        white-space: nowrap;
        position: absolute;
        width: 100%;
        word-break: keep-all;
    }

.vi-video--inline::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

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

.product-search-filter-box .vi-search-box-autocomplete--inversed .vi-search-box-autocomplete__dropdown-menu {
    left: -1.25rem !important;
}

.product-search-filter-box .vi-search-box-autocomplete--inversed-small .vi-search-box-autocomplete__dropdown-menu {
    left: -.625rem !important;
}

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

.custom-file:focus-within {
    outline: 2.5px solid var(--vi-ie-focus, #0d3360) !important;
    outline-offset: 3px;
}

button.custom-substitution-button.vi-btn {
    border: none;
    background: none;
    padding: 0;
    box-shadow: none;
}

.custom-substitution-button:hover span {
    text-decoration: underline;
}

.ui-datepicker td:has(.ui-state-hover) {
    box-shadow: 0 0 0 2px var(--vi-date-select--calendar-cell-color) inset;
}

.product-search-filter-box.vi-search-box--inversed:has(.vi-search-box__clear) .vi-search-box-autocomplete__dropdown-menu--search {
    min-width: calc(100% + 2.5rem + 2px);
}

.will-change-transform {
    will-change: transform;
}

.custom-file:focus-within {
    outline: 2.5px solid var(--vi-ie-focus, #0d3360) !important;
    outline-offset: 3px;
}
}

.vi-numeric-stepper__input input {
    width: 50px;
    height: 30px;
}

.vi-table-products .vi-numeric-stepper {
    display: inline-flex;
}