:root {
    --colorBorder: #E4E4E4;
    --color-accent: #3265B1;
    --color-white: #fff;
    --colo-black: #2A2D34;
    --font-family-base: "Heebo";
}

.container {
    width: 100%;
    max-width: 84.375rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
}

*[data-rm-hide] {
    display: none !important;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: var(--font-family-base), sans-serif;
    color: var(--color-black);
}

.header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    border-bottom: 0.0625rem solid var(--colorBorder);
}

.content {
    flex-grow: 1;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    border-top: 0.0625rem solid var(--colorBorder);
}

.delivery-calculator {
    border: 2px solid #3265B1;
    display: grid;
    grid-template-columns: 1fr 1.2fr 1fr;
    grid-gap: 0.0625rem;
    gap: 0.0625rem;
    width: 100%;
}

@media (max-width: 61.25rem) {
    .delivery-calculator {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
}

@media (max-width: 48rem) {
    .delivery-calculator {
        gap: 0;
    }
}

.delivery-calculator__column {
    border-right: 2px solid #3265B1;
    min-width: 0;
    overflow: visible;
}

.delivery-calculator__column:last-child {
    border-right: none;
}

@media (max-width: 48rem) {
    .delivery-calculator__column {
        border-bottom: 0.0625rem solid var(--colorBorder);
    }
}

.delivery-calculator__hide-btn {
    font-size: 0.875rem;
    border: none;
    background-color: transparent;
    outline: none;
    position: absolute;
    right: 0.8125rem;
    top: 50%;
    translate: 0 -50%;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
    cursor: pointer;
    display: none;
    transform: rotate(180deg);
    transition-duration: 0.2s;
}

.--is-hidden .delivery-calculator__hide-btn {
    transform: rotate(0deg);
}

@media (max-width: 48rem) {
    .delivery-calculator__hide-btn {
        display: block;
    }
}

.delivery-calculator__title {
    border-bottom: 0.0625rem solid var(--colorBorder);
    font-weight: 700;
    text-align: center;
    font-size: 1rem;
    min-height: 2.5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #D0E3FF;

}

.delivery-calculator__body {
    padding: 1.25rem 0.875rem;
}

@media (max-width: 48rem) {
    .--is-hidden .delivery-calculator__body {
        display: none;
    }
}

.delivery-calculator__shipping {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem;
}

.delivery-calculator__cargo-type {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0.75rem;
    gap: 0.75rem;
    max-height: 22rem;
    overflow-y: auto;
    padding-right: 0.5rem;
}

#title-status-document {
    max-height: 50rem !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar {
    width: 3rem !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar-track {
    background: #E4E4E4 !important;
    border-radius: 0.3125rem !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #3265B1 !important;
    border-radius: 0.3125rem !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #25508a !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar-thumb:active {
    background-color: #1e4a80 !important;
}

#title-status-document.custom-scroll::-webkit-scrollbar-button {
    display: none !important;
}

#title-status-document.custom-scroll {
    scrollbar-width: thin;
    scrollbar-color: #3265B1 #E4E4E4;
}

.delivery-calculator__cargo-type::-webkit-scrollbar {
    width: 3rem !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-track {
    background: #E4E4E4 !important;
    border-radius: 0.3125rem !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-thumb {
    background-color: #3265B1 !important;
    border-radius: 0.3125rem !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-thumb:hover {
    background-color: #25508a !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-thumb:active {
    background-color: #1e4a80 !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-button {
    display: none !important;
}

.delivery-calculator__cargo-type {
    scrollbar-width: thin;
    scrollbar-color: #3265B1 #E4E4E4;
}

#title-status-document.shipper {
    max-height: 22rem !important;
}

.delivery-calculator__cargo-type::-webkit-scrollbar {
    width: 0.375rem;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-track {
    background: var(--colorBorder);
    border-radius: 0.3125rem;
}

.delivery-calculator__cargo-type::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 0.3125rem;
}

@media (max-width: 48rem) {
    .delivery-calculator__cargo-type {
        grid-template-columns: 1fr;
    }
}

.delivery-calculator__radio-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.75rem;
    margin-bottom: 0.3125rem;
    cursor: pointer;
}

.delivery-calculator__radio-row_text {
    font-size: 0.875rem;
    font-weight: 500;
}

.pricep-box {
    margin: 0 -0.875rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pricep-box__title {
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    color: #2A2D34;
    padding: 0.5625rem;
}

.pricep-box__body {
    padding: 0.875rem;
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.pricep-box__body table {
    width: 100%;
}

.pricep-box__body table tr td {
    padding: 0.25rem 0;
}

.pricep-box__body table tr td:last-child {
    text-align: right;
}

.select-box {
    display: flex;
    flex-direction: column;
    row-gap: 0.3125rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
}

.select-box select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.select-box__label {
    font-weight: 500;
    font-size: 0.875rem;
    cursor: pointer;
}

.select-box select:not([multiple]) {
    height: 2.8125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #2A2D34;
    padding: 0.75rem 1rem;
    border-radius: 0.125rem;
    cursor: pointer;
    background: white;
    outline: none;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center right 0.8125rem;
    padding-right: 2.5rem;
    color: rgba(42, 45, 52, 0.55);
}

/* Hide native multiple selects - they are replaced by custom selects via JavaScript */
/* This MUST override Bootstrap and any other CSS - must be at the end of file to ensure highest priority */
select[multiple],
select[multiple].form-control,
.select-box select[multiple],
.select-box select[multiple].form-control,
.delivery-calculator__shipping select[multiple],
.delivery-calculator__shipping select[multiple].form-control,
.delivery-calculator__shipping .select-box select[multiple],
.delivery-calculator__shipping .select-box select[multiple].form-control,
#terminals[multiple],
#consolidated[multiple],
#subject[multiple] {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    z-index: -1 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    max-width: 0 !important;
    max-height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    left: -9999px !important;
    top: -9999px !important;
}

.select-box select option {
    color: #2A2D34;
}

.select-box select option:disabled {
    display: none;
}

.custom-select {
    position: relative;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1;
}

/* Hide any native select that comes after custom-select */
.select-box .custom-select ~ select[multiple],
.select-box .custom-select + select[multiple] {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

.custom-select-input {
    border: 0.0625rem solid #2A2D34;
    padding: 0 1rem;
    border-radius: 0.125rem;
    cursor: pointer;
    background: white;
    color: rgba(42, 45, 52, 0.55);
    position: relative;
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.custom-select-input-label {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.custom-select-input--search {
    padding: 0 0.5rem;
}

.custom-select-input--search .custom-select-input-label {
    visibility: hidden;
}

.dccShiping .select-box .custom-select .custom-select-input {
    border: 0.0625rem solid #2A2D34;
}

.dccShiping .select-box select[multiple] + .custom-select .custom-select-input,
.dccShiping .select-box .custom-select + select[multiple] {
    display: none !important;
}

.custom-select-input::after {
    content: "";
    position: absolute;
    right: 0.8125rem;
    top: 50%;
    translate: 0 -50%;
    width: 1.5rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
}

.custom-select-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 0.0625rem solid #2A2D34;
    border-top: none;
    z-index: 1000;
    max-height: 25rem;
    overflow-y: auto;
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.1);
}

.custom-select--open {
    z-index: 1002;
}

.custom-select-item {
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-select-item:hover {
    background: rgba(50, 101, 177, 0.5);
}
.custom-select-item--selected {
    background: rgba(50, 101, 177, 0.3);
    font-weight: 500;
}

.custom-select-item input {
    margin-right: 0.5rem;
}

.custom-select-item input[type="checkbox"] {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    cursor: pointer !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 0.0625rem solid #2A2D34 !important;
    background: white !important;
    border-radius: 0.125rem !important;
}

.custom-select-item input[type="checkbox"]:checked {
    background-color: #3265B1 !important;
    border-color: #3265B1 !important;
}

.custom-select-item input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* Remove any ::before pseudo-elements */
.custom-select-item input[type="checkbox"]::before {
    display: none !important;
    content: none !important;
}

.custom-select-search {
    padding: 0.5rem;
}

.custom-select-search--in-select {
    display: none;
    position: absolute;
    left: 0.5rem;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
}

.custom-select-input--search .custom-select-search--in-select {
    display: block;
}

.custom-select-search-input {
    width: 100%;
    box-sizing: border-box;
    height: 2rem;
    padding: 0 0.5rem;
    border: none;
    outline: none;
    font-size: inherit;
    background: white;
    margin-top: 14px;
}

.custom-select-search-input:hover {
    border: none;
}

.custom-select-search-input:focus {
    border: none;
}

.custom-select-input.has-value {
    color: #2A2D34;
}

.custom-select-item--single {
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.custom-select-item--single:hover {
    background: rgba(50, 101, 177, 0.5);
}

.custom-select-item--single.is-selected {
    background: rgba(50, 101, 177, 0.3);
}

.cargo-type {
    display: flex;
    align-items: center;
    padding: 1.0625rem 0.4375rem;
    gap: 0.625rem;
    color: #2A2D34;
    transition-duration: 0.2s;
}

.cargo-type__icon {
    flex: 0 0 2.5rem;
    height: 1.625rem;
}

.cargo-type__icon svg {
    width: 100%;
    height: 100%;
}

.cargo-type__label {
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.cargo-type__info {
    width: 1.125rem;
    height: 1.125rem;
    flex: 0 0 1.125rem;
    border-radius: 50%;
    border: 0.0625rem solid #A2A2A2;
    color: #A2A2A2;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    transition-duration: 0.2s;
    margin: 0 0 0 auto;
    cursor: pointer;
}

.cargo-type:hover {
    background-color: #3265B1;
    color: #fff;
}

.cargo-type:hover .cargo-type__info {
    background-color: #fff;
    color: #3265B1;
    border-color: #fff;
}

.superinput {
    cursor: pointer;
}

.superinput__input {
    display: none !important;
}

.superinput__input:checked ~ .superinput__body {
    background-color: #3265B1;
    border-color: #fff;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTEnIGhlaWdodD0nOCcgdmlld0JveD0nMCAwIDExIDgnIGZpbGw9J25vbmUnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTkuNzM1MTEgMS4wMTYzN0M5Ljg3ODc1IDAuODQ0MDA5IDkuODU1NDYgMC41ODc4NDIgOS42ODMxIDAuNDQ0MjA3QzkuNTEwNzQgMC4zMDA1NzEgOS4yNTQ1NyAwLjMyMzg1OSA5LjExMDkzIDAuNDk2MjIyTDYuMTkwOTggNC4wMDAxNkM1LjYwNDQ1IDQuNzA0MDEgNS4xOTE4NCA1LjE5NzYxIDQuODMzOTYgNS41MjA3N0M0LjQ4NDQzIDUuODM2NCA0LjI0MzIxIDUuOTM2NzIgNC4wMDYzNiA1LjkzNjcyQzMuNzY5NTEgNS45MzY3MiAzLjUyODI5IDUuODM2NCAzLjE3ODc1IDUuNTIwNzdDMi44MjA4NyA1LjE5NzYgMi40MDgyNyA0LjcwNCAxLjgyMTczIDQuMDAwMTZMMS4wNjg0NSAzLjA5NjIyQzAuOTI0ODEyIDIuOTIzODYgMC42Njg2NDUgMi45MDA1NyAwLjQ5NjI4MyAzLjA0NDIxQzAuMzIzOTIgMy4xODc4NCAwLjMwMDYzMyAzLjQ0NDAxIDAuNDQ0MjY4IDMuNjE2MzdMMS4yMTg0NiA0LjU0NTRDMS43NzkyMyA1LjIxODM0IDIuMjI4MzEgNS43NTcyNiAyLjYzNDIyIDYuMTIzOEMzLjA1MzUgNi41MDI0MSAzLjQ4MjEgNi43NDkyMiA0LjAwNjM2IDYuNzQ5MjJDNC41MzA2MiA2Ljc0OTIyIDQuOTU5MjIgNi41MDI0MSA1LjM3ODUgNi4xMjM4QzUuNzg0NCA1Ljc1NzI3IDYuMjMzNDggNS4yMTgzNSA2Ljc5NDI0IDQuNTQ1NDJMOS43MzUxMSAxLjAxNjM3WicgZmlsbD0nd2hpdGUnIHN0cm9rZT0nd2hpdGUnIHN0cm9rZS13aWR0aD0nMC43JyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center;
}

.superinput__body {
    display: block;
    width: 1.1875rem;
    height: 1.1875rem;
    flex: 0 0 1.1875rem;
    border-radius: 0.125rem;
    border: 0.0625rem solid currentColor;
    background-color: white;
}

.tooltip {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5rem;
    color: white;
    padding: 2rem 1rem;
    background-color: #3265B1;
    border-radius: 0.3125rem;
    z-index: 1000;
    width: 18.75rem;
    opacity: 0;
    transform: translateX(20px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.--is-open .tooltip {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

.tooltip__close-button {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    min-width: 1.5rem;
    min-height: 1.5rem;
    cursor: pointer;
    border: none;
    outline: none;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTggNkw2IDE4TTE4IDE4TDYgNicgc3Ryb2tlPSd3aGl0ZScgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnLz48L3N2Zz4=") !important;
    z-index: 10001 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: auto !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    transition: opacity 0.2s;
}

.tooltip__close-button:hover {
    opacity: 0.8 !important;
}

.tooltip__close-button:active {
    opacity: 0.6 !important;
}

.tooltip__body {
    max-width: 18.75rem;
    width: 100%;
}

.tooltip__title {
    font-weight: 500;
    font-size: 1.25rem;
    margin: 0 0 0.625rem 0;
}

.tooltip__content {
    padding: 0;
    margin: 0;
    -moz-columns: 2;
    columns: 2;
    gap: 0.625rem 1.25rem;
    font-size: 0.875rem;
}

.tooltip-open {
    position: relative;
}

.cargo-small-type {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #2A2D34;
    text-align: left;
    min-width: 8.75rem;
}

.cargo-small-type__icon {
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cargo-small-type__icon svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.cargo-small-type__body {
    text-align: left;
}

.cargo-small-type__price {
    font-weight: 500;
    color: #3265B1;
}

.cargo-small-type__price_cost {
    font-size: 0.75rem;
    color: #77878B;
}

.delivery-table {
    margin: 1.875rem 0;
    font-size: 0.875rem;
}

.delivery-table__header {
    margin: 0 0 0.625rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.delivery-table__title {
    background-color: #3265B1;
    border-radius: 1.875rem;
    color: #fff;
    padding: 0.625rem 1.5rem;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.5rem 1rem;
    width: auto;
    min-width: 20rem;
    max-width: 100%;
    box-sizing: border-box;
}

.delivery-table__title .from {
    padding-left: 1.875rem;
    background-repeat: no-repeat;
    background-position: center left;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOS45OTk5OSAxLjY2NjYzQzYuMzI0MTUgMS42NjY2MyAzLjMzMzMyIDQuNjU3NDYgMy4zMzMzMiA4LjMyOTEzQzMuMzA5MTUgMTMuNyA5Ljc0NjY1IDE4LjE1MzMgOS45OTk5OSAxOC4zMzMzQzkuOTk5OTkgMTguMzMzMyAxNi42OTA4IDEzLjcgMTYuNjY2NyA4LjMzMzI5QzE2LjY2NjcgNC42NTc0NiAxMy42NzU4IDEuNjY2NjMgOS45OTk5OSAxLjY2NjYzWk05Ljk5OTk5IDExLjY2NjZDOC4xNTgzMiAxMS42NjY2IDYuNjY2NjUgMTAuMTc1IDYuNjY2NjUgOC4zMzMyOUM2LjY2NjY1IDYuNDkxNjMgOC4 office8uMTU4MzIgNC45OTk5NkMxMS44NDE3IDQuOTk5OTYgMTMuMzMzMyA2LjQ5MTYzIDEzLjMzMzMgOC4zMzMyOUMxMy4zMzMzIDEwLjE3NSAxMS44NDE3IDExLjY2NjYgOS45OTk5OSAxMS42NjY2WicgZmlsbD0nd2hpdGUnLz48L3N2Zz4K");
}

.delivery-table__title .from,
.delivery-table__title .to,
.delivery-table__title span:not(.sep) {
    white-space: nowrap;
}

.delivery-table__title .sep {
    flex: 0 0 2rem;
    height: 0.0625rem;
    background-color: #fff;
}

.delivery-table__title .to {
    color: white !important;
    padding-right: 1.875rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMi41IDE2LjY2NjdWMy4zMzMzOUMyLjQ5OTk5IDMuMjAwMSAyLjUzMTk2IDMuMDY4NzQgMi41OTMyMiAyLjk1MDM2QzIuNjU0NDggMi44MzE5NyAyLjc0MzI0IDIuNzMgMi44NTIwNiAyLjY1MzAyQzIuOTYwODggMi41NzYwNCAzLjA4NjU4IDIuNTI2MjkgMy4yMTg2MSAyLjUwNzkzQzMuMzUwNjQgMi40ODk1OCAzLjQ4NTE0IDIuNTAzMTcgMy42MTA4MyAyLjU0NzU2TDE3Ljc3NzUgNy41NDc1NkMxNy45NDM2IDcuNjA2MjIgMTguMDg2OCA3LjcxNTk3IDE4LjE4NjYgNy44NjEwOEMxOC4yODY0IDguMDA2MTggMTguMzM3NiA4LjE3OTE2IDE4LjMzMyA4LjM1NTIxQzE4LjMyODQgOC41MzEyNiAxOC4yNjgxIDguNzAxMzIgMTguMTYwOCA4Ljg0MDk3QzE4LjA1MzUgOC45ODA2MyAxNy45MDQ3IDkuMDgyNzEgMTcuNzM1OCA5LjEzMjU2TDQuMTY2NjcgMTMuMTIyNlYxNi42NjY3QzQuMTY2NjcgMTYuODg3NyA0LjA3ODg3IDE3LjA5OTcgMy45MjI1OSAxNy4yNTZDMy43NjYzMSAxNy40MTIzIDMuNTU0MzUgMTcuNTAwMSAzLjMzMzMzIDE3LjUwMDFDMy4xMTIzMiAxNy41MDAxIDIuOTAwMzYgMTcuNDEyMyAyLjc0NDA4IDE3LjI1NkMyLjU4NzggMTcuMDk5NyAyLjUgMTYuODg3NyAyLjUgMTYuNjY2N1onIGZpbGw9J3doaXRlJy8+PC9zdmc+Cg==");
}

.delivery-table__body {
    overflow: auto;
    padding-bottom: 0.625rem;
}

.delivery-table__body::-webkit-scrollbar {
    width: 0.375rem;
    height: 0.375rem;
}

.delivery-table__body::-webkit-scrollbar-track {
    background: var(--colorBorder);
    border-radius: 0.3125rem;
}

.delivery-table__body::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 0.3125rem;
}

.delivery-table__table {
    width: 100%;
    border-collapse: separate;
}

.delivery-table__table thead th {
    background-color: #D0E3FF;
}

.delivery-table__table thead th:first-child {
    z-index: 2;
    position: sticky;
    left: 0;
    background: #D0E3FF;
}

.delivery-table__table tbody th {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 2;
}

.delivery-table__table th,
.delivery-table__table td {
    padding: 0.3125rem 0.625rem;
    text-align: center;
}

.delivery-table__table td:first-child {
    text-align: center;
}

.delivery-table__table td:first-child .cargo-small-type {
    width: 12rem;
    margin: 0 auto;
    justify-content: flex-start;
}

.delivery-table__table th {
    border: 0.0625rem solid rgba(100, 104, 113, 0.3);
    font-weight: 500;
}

.delivery-table__table td {
    border: 0.0625rem solid rgba(100, 104, 113, 0.3);
}

.delivery-table__cargotypes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.625rem 3.125rem;
    gap: 0.625rem 3.125rem;
}

.delivery-table__subjects {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.subject-to {
    color: #2A2D34;
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    text-align: left;
    width: max-content;
}

.subject-to__body_title {
    font-size: 0.875rem;
}

.subject-to__body_price {
    font-size: 0.625rem;
    color: #77878B;
}

.subject-to__price-value {
    color: #3265B1;
    font-size: 0.875rem;
    font-weight: 600;
}

.subject-to__result {
    color: #3265B1;
    font-weight: 600;
}

.delivery-tabs {
    margin: 3.125rem 0 1.875rem 0;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    overflow: auto;
    word-wrap: nowrap;
    padding-bottom: 0.625rem;
}

.delivery-tabs::-webkit-scrollbar {
    width: 0.375rem;
    height: 0.375rem;
}

.delivery-tabs::-webkit-scrollbar-track {
    background: var(--colorBorder);
    border-radius: 0.3125rem;
}

.delivery-tabs::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 0.3125rem;
}

.delivery-tabs__body {
    display: flex;
    gap: 0.625rem;
    flex-grow: 1;
}

.delivery-tabs__action {
    flex: 0 0 6.25rem;
}

.delivery-tab {
    color: #3265B1;
    border: 0.0625rem solid #3265B1;
    border-radius: 1.875rem;
    background-color: transparent;
    outline: none;
    padding: 0.25rem 1.25rem;
    padding-right: 2.1875rem;
    transition: 0.2s;
    cursor: pointer;
    min-width: 8.125rem;
}

.delivery-tab.--clear {
    -webkit-text-decoration: underline;
    text-decoration: underline;
    background-image: none;
    padding-right: 1.25rem;
}

.delivery-tab:hover {
    background-color: rgba(50, 101, 177, 0.3);
}

.delivery-section {
    padding-bottom: 3.75rem;
}

.delivery-section__title {
    margin: 0 0 1.5rem 0;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 1;
    color: var(--colo-black);
}

.delivery-section__actions {
    margin: 20px 3.125rem 3.125rem 0;
    display: flex;
    justify-content: center;
}

.button {
    display: inline-flex;
    align-items: center;
    -moz-column-gap: 0.3em;
    column-gap: 0.3em;
    padding: 0.5rem 0.75rem;
    color: var(--color-white);
    background-color: var(--color-accent) !important;
    border: none;
    cursor: pointer;
    max-width: 20rem;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    font-weight: 500;
    font-size: 1rem;
    transition-duration: 0.2s;
}

.button:disabled {
    background-color: silver !important;
    color: #2A2D34 !important;
    pointer-events: none;
    opacity: 0.7;
}

@media (any-hover: hover) {
    .button:hover {
        background-color: rgb(78.4678414097, 129.3330396476, 205.1321585903);
    }
}

@media (any-hover: none) {
    .button:active {
        background-color: rgb(78.4678414097, 129.3330396476, 205.1321585903);
    }
}

.dccFooter {
    margin: 3.125rem 0;
}

.dccFooter .delivery-table__title {
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem 40px 0.5rem 20px;
    flex-flow: nowrap;
}

.dccFooter .delivery-table__table {
    font-size: 0.875rem;
    font-weight: 500;
    border-collapse: collapse;
}

.dccFooter .delivery-table__table th {
    padding: 0.75rem;
    border: 0.0625rem solid #000;
}

.dccFooter .delivery-table__table th:first-child {
    position: static;
    position: initial;
}

.dccFooter .delivery-table__table th:last-child {
    font-weight: 700;
    color: #3265B1;
}

.dccFooter .delivery-table__table td {
    padding: 0.625rem;
    border: 0.0625rem solid #000;
    text-align: center;
}

.dccFooter .delivery-table__table td:first-child {
    text-align: center;
}

.dccFooter .delivery-table__table td:first-child .cargo-small-type {
    width: 12rem;
    margin: 0 auto;
    justify-content: flex-start;
}

.dccFooter .delivery-table__table td .cargo-small-type {
    display: inline-flex;
}

.dccFooter .delivery-table__table td:last-child {
    font-weight: 700;
    color: #3265B1;
}

.dccFooter .delivery-table__header {
    padding: 0.625rem 1.25rem;
}

.dccAuction {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

.dccAuction .--bold {
    font-weight: 700;
}

.dccAuction .dccBox__row {
    grid-template-columns: 2fr 1fr;
}

.dccSep {
    margin: 0.5rem 0 1rem 0;
    width: 100%;
    height: 0.0625rem;
    background-color: #D9D9D9;
}

.dccBox__body {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}

.dccBox__body-empty {
    padding: 1.25rem 0.25rem;
    text-align: center;
}

.dccBox__col {
    font-weight: 500;
}

.dccBox__col span {
    font-size: 0.875rem;
}

.dccBox__col:last-child {
    font-weight: 700;
}

.dccBox__header {
    color: #2A2D34;
    text-align: center;
    padding: 0 0 1rem 0;
    font-weight: 600;
    border-bottom: 0.0625rem solid #DDDDDD;
    margin: 0 0 1rem 0;
}

.dccBox__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.5rem;
    gap: 1.5rem;
}

.dccDocument {
    display: flex;
    flex-direction: column;
    row-gap: 2rem;
}

#title-status-document {
    overflow: visible;
}

.dccDocument__info .dccBox__col {
    font-weight: 400;
}

.dccDocument__info .dccStatusBadge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
}

.dccDocument__info .dccStatusBadge.--isBad {
    background: #FF0606 !important;
    color: #fff !important;
}

.dccDocument__info .dccStatusBadge.--isOk {
    background: #008204 !important;
    color: #fff !important;
}

.dccDocument__info .dccStatusBadge.--isWarn {
    background: #FFCC00 !important;
    color: #1a1a1a !important;
}

.dccDocument .dccStatusBadge {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 600;
}

.dccDocument .dccStatusBadge.--isBad {
    background: #FF0606 !important;
    color: #fff !important;
}

.dccDocument .dccStatusBadge.--isOk {
    background: #008204 !important;
    color: #fff !important;
}

.dccDocument .dccStatusBadge.--isWarn {
    background: #FFCC00 !important;
    color: #1a1a1a !important;
}

.dccDocument .custom-select-input {
    border: 0.0625rem solid #2A2D34;
    padding: 0 1rem;
    border-radius: 0.125rem;
    background: white;
    outline: none;
    display: flex;
    align-items: center;
    min-height: 2.5rem;
}

#title-status-select-box .custom-select {
    padding: 0 !important;
}

.dccDocument .custom-select-input:focus {
    border-color: #2A2D34;
    outline: none;
}

.dccDocument .select-box .custom-select {
    border: none !important;
    background: none !important;
    width: 100%;
    max-width: 100%;
}

.dccShiping {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
}

.dccShiping .select-box__label {
    display: none;
}

.dccShiping .select-box select[multiple] {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

.dccShiping .select-box select:not([multiple]) {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 2.8125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #2A2D34;
    padding: 0.75rem 1rem;
    border-radius: 0.125rem;
    background: white;
    outline: none;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center right 0.8125rem;
    padding-right: 2.5rem;
    color: rgba(42, 45, 52, 0.55);
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Comments section styles - using dccBox structure */
.dccShiping .dccBox__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dccBox__more-link {
    font-size: 0.875rem;
    color: #3265B1;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}

.dccBox__more-link:hover {
    text-decoration: underline;
}

.dccShiping .dccBox__body {
    max-height: 150px;
    overflow: hidden;
}

.dccDocument {
    max-height: 22rem;
    overflow-y: auto;
}

.dccDocument::-webkit-scrollbar {
    width: 0.375rem;
}

.dccDocument::-webkit-scrollbar-track {
    background: var(--colorBorder);
    border-radius: 0.3125rem;
}

.dccDocument::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border-radius: 0.3125rem;
}

.dccShiping .dccBox__col:first-child {
    color: #3265B1;
    font-weight: 600;
}

.dccShiping .dccBox__col:last-child {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* Comments Modal */
.comments-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.comments-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.comments-modal__dialog {
    position: relative;
    background: white;
    border-radius: 0.5rem;
    max-width: 1200px;
    width: 90%;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}

.comments-modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 0.0625rem solid #e0e0e0;
}

.comments-modal__title {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #2A2D34;
}

.comments-modal__close {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #2A2D34;
    cursor: pointer;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.comments-modal__close:hover {
    color: #3265B1;
}

.comments-modal__body {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.comments-modal__item {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #e0e0e0;
}

.comments-modal__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.comments-modal__label {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #3265B1;
    font-size: 0.875rem;
}

.comments-modal__text {
    color: #2A2D34;
    white-space: pre-wrap;
    font-size: 0.875rem;
    line-height: 1.6;
}

.dccDocument .select-box select:not([multiple]) {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 2.8125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #2A2D34;
    padding: 0.75rem 1rem;
    border-radius: 0.125rem;
    background: white;
    outline: none;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center right 0.8125rem;
    padding-right: 2.5rem;
    color: rgba(42, 45, 52, 0.55);
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.dccTypes {
    max-height: 37.5rem;
    overflow-y: auto;
    padding-right: 1.375rem;
    margin-right: -0.75rem;
}

.dccTypes::-webkit-scrollbar {
    width: 0.625rem;
}

.dccTypes::-webkit-scrollbar-track {
    background: #DADADA;
    border-radius: 0.25rem;
}

.dccTypes::-webkit-scrollbar-thumb {
    background: #3265B1;
    border-radius: 0.25rem;
    min-height: 6rem;
}

.dccTypes::-webkit-scrollbar-thumb:hover {
    background: #1e66ff;
}

.dccTable {
    color: #2A2A2A;
}

.dccTable__body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border: 0.0625rem solid #B1B1B1;
}

@media (max-width: 75rem) {
    .dccTable__body {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 48rem) {
    .dccTable__body {
        grid-template-columns: 1fr;
    }
}

.dccTable__header {
    margin: 0 0 1.25rem 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 75rem) {
    .dccTable__header {
        display: none;
    }
}

.dccTable__td {
    border-right: 0.0625rem solid #B1B1B1;
    padding: 1.5rem;
}

.dccTable__td .dccTable__th {
    margin: 0 0 1rem 0;
    display: none;
}

@media (max-width: 75rem) {
    .dccTable__td .dccTable__th {
        display: flex;
    }
}

@media (max-width: 75rem) {
    .dccTable__td {
        border-bottom: 0.0625rem solid #B1B1B1;
    }
}

.dccTable__td:last-child {
    border-right: 0;
}

.dccTable__th {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    border-top: 0.0625rem solid #000;
    border-bottom: 0.0625rem solid #000;
    border-right: 0.0625rem solid #000;
}

.dccTable__th:first-child {
    border-left: 0.0625rem solid #000;
}

.dccTable__th.--isComplete {
    border-color: #3265B1;
}

.dccTable__th.--isComplete span {
    color: #3265B1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgMTJMMTIgMTdMMjIgNyIgc3Ryb2tlPSIjMzI2NUIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0yIDEyTDcgMTdNMTIgMTJMMTcgNyIgc3Ryb2tlPSIjMzI2NUIxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 1.5rem;
    padding-left: 2rem;
}

.dccEnterNumbers {
    margin: 2rem 0 1.25rem 0;
}

.dccEnterNumbers__error {
    margin-top: 0.25rem;
    color: #FF0606;
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
}

.dccEnterNumbers__inner {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
}

@media (max-width: 48rem) {
    .dccEnterNumbers__inner {
        flex-direction: column;
    }
}

.dccEnterNumbers .button {
    height: 2.5rem;
    width: 6.25rem;
}

@media (max-width: 36.25rem) {
    .dccEnterNumbers .button {
        width: 100%;
        max-width: 100%;
    }
}

.dccInput {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.dccInput__textbox {
    height: 2.5rem;
    border: 0.0625rem solid #000;
    padding: 0.125rem 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: #000;
    border-radius: 0.125rem;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.dccInput__textbox:hover {
    border: 0.0625rem solid #000;
}

.dccInput__textbox:focus {
    border: 0.0625rem solid #000;
    outline: none;
    box-shadow: none;
}

.dccInput__textbox:active {
    border: 0.0625rem solid #000;
}

.dccInput__textbox::-moz-placeholder {
    color: #676464;
    font-weight: 400;
}

.dccInput__textbox::placeholder {
    color: #676464;
    font-weight: 400;
}

.dccInput__textbox.is-invalid {
    color: #FF0606;
    border-color: #FF0606;
}

.dccInput__textbox.is-invalid:hover,
.dccInput__textbox.is-invalid:focus,
.dccInput__textbox.is-invalid:active {
    border-color: #FF0606;
}

.dccAuction #car-price-input {
    height: 2.8125rem;
    padding: 0.75rem 1rem;
    border: 0.0625rem solid #2A2D34;
    border-radius: 0.125rem;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 0.875rem;
}

.dccAuction #car-price-input:focus {
    border-color: #2A2D34;
    outline: none;
}

#auction-fee-box {
    padding: 0;
}

.custom-multiselect {
    position: relative;
    width: 100%;
    font-family: inherit;
}

.custom-multiselect__selected {
    height: 2.8125rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #2A2D34;
    padding: 0.75rem 1rem;
    padding-right: 2.5rem;
    border-radius: 0.125rem;
    background: white;
    outline: none;
    position: relative;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNNiA5TDEyIDE1TDE4IDknIHN0cm9rZT0nIzJBMkQzNCcgc3Ryb2tlLXdpZHRoPScyJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-position: center right 0.8125rem;
    color: rgba(42, 45, 52, 0.55);
    font-size: 0.875rem;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
}

.custom-multiselect__selected--placeholder {
    color: rgba(42, 45, 52, 0.55);
}

.custom-multiselect__selected:hover {
    border-color: #3265B1;
}

.custom-multiselect--open .custom-multiselect__selected {
    border-color: #3265B1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.custom-multiselect__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 10000;
    background: white;
    border: 0.0625rem solid #2A2D34;
    border-top: none;
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    max-height: 12.5rem;
    overflow-y: auto;
    box-shadow: 0 0.125rem 0.3125rem rgba(0, 0, 0, 0.1);
    margin-top: -0.0625rem;
}

.custom-multiselect--open .custom-multiselect__dropdown {
    display: block;
}

.custom-multiselect__option {
    padding: 0.625rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s;
}

.custom-multiselect__option:hover {
    background-color: rgba(50, 101, 177, 0.1);
}

/* Custom styled checkboxes - override all global styles */
.custom-multiselect__option input[type="checkbox"],
.custom-multiselect .custom-multiselect__option input[type="checkbox"],
.select-box .custom-multiselect__option input[type="checkbox"],
.delivery-calculator__shipping .custom-multiselect__option input[type="checkbox"] {
    margin-right: 0.75rem !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    cursor: pointer !important;
    order: 1 !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    /* Hide native checkbox and create custom one */
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border: 0.0625rem solid #2A2D34 !important;
    background: white !important;
    border-radius: 0.125rem !important;
}

/* Custom checkbox checked state */
.custom-multiselect__option input[type="checkbox"]:checked,
.custom-multiselect .custom-multiselect__option input[type="checkbox"]:checked,
.select-box .custom-multiselect__option input[type="checkbox"]:checked,
.delivery-calculator__shipping .custom-multiselect__option input[type="checkbox"]:checked {
    background-color: #3265B1 !important;
    border-color: #3265B1 !important;
}

/* Custom checkmark */
.custom-multiselect__option input[type="checkbox"]:checked::after {
    content: '✓' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: white !important;
    font-size: 0.75rem !important;
    font-weight: bold !important;
    line-height: 1 !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 10 !important;
}

/* Remove any ::after pseudo-elements from account.css */
.custom-multiselect__option input[type="checkbox"]::before {
    display: none !important;
    content: none !important;
}

.custom-multiselect__option label {
    flex: 1;
    cursor: pointer;
    margin: 0;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #2A2D34;
    user-select: none;
    order: 2;
}

.custom-multiselect__option input[type="checkbox"]:checked + label {
    font-weight: 500;
}


/* Ensure it matches the regular select styling */
.select-box .custom-multiselect {
    width: 100%;
}

/* Hide any native select elements that might still be in the DOM */
.select-box select[multiple] {
    display: none !important;
}

/* CRITICAL: Override account.css checkbox styles that might hide checkboxes */
.custom-multiselect__option input[type="checkbox"].checkbox,
.custom-multiselect__option input.checkbox {
    visibility: visible !important;
    display: inline-block !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important;
    appearance: checkbox !important;
}

.custom-multiselect__option input[type="checkbox"].checkbox::after,
.custom-multiselect__option input.checkbox::after {
    display: none !important;
    content: none !important;
    visibility: hidden !important;
}

#destination-select-box .custom-select,
#country-select-box .custom-select {
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

#destination-select-box .custom-select-input,
#country-select-box .custom-select-input {
    height: 45px !important;
}