.slider-arrow {
    position: absolute;
    top: 50%;
    font-size: 38px;
    color: white;
    cursor: pointer;
    opacity: .5;
}

.slider-arrow-left {
    margin-left: 5%;
}

.slider-arrow-right {
    margin-left: 95%;
}

.slider-btn-close {
    background-image: none;
    font-size: 23px;
}

/* order statuses */
.bg-completed {
    background: #93B522;
}

.bg-waiting-call-cs {
    background: #C4D29A;
}

.bg-waiting-cs {
    background: #B3C86F;
}

.bg-transferred-cs {
    background: #A1BE45;
}

.bg-waiting-stock-confirm {
    background: #9FD2D7;
}

.bg-stock-confirmed {
    background: #3AA9B3;
}

.bg-waiting-send-to-va {
    background: #3979B2;
}

.bg-transferred-to-va {
    background: #50ACFF;
}

.bg-delivered-to-va {
    background: #1644A5;
}

.bg-canceled-by-im {
    background: #BD412B;
}

.bg-return-by-client {
    background: #BD0ECD;
}

.bg-return-to-va {
    background: #821C09FF;
}

.bg-canceled-by-client {
    background: #FF654A;
}

.bg-error {
    background: #BE0707;
}

.bg-problem {
    background: #FF9D00;
}

.bg-cancel {
    background: #FF2800;
}

.bg-ready-to-transfer {
    background: #9FAC75;
}

.bg-transferred-to-cdek-by-merchant {
    background: #7C9800;
}

.bg-given-to-courier {
    background: #B2D347;
}

.bg-waiting-return-cs {
    background: #CD1B65;
}

.bg-transferred-return-to-merchant {
    background: #FF2800;
}

.bg-return-accepted {
    background: #771300;
}

.bg-canceled-by-merchant {
    background: #D85B00;
}

.bg-with-problem {
    background: #E34747;
}

.bg-pause {
    background: #BABBC1;
}

.bg-fully-bought-out {
    background: #09B900;
}

.bg-packaging {
    background: #306CEA;
}

.bg-ready-to-packaging {
    background: #5A8BF0;
}

.bg-delivered-to-im {
    background: #6BA84E;
}

.bg-refused-by-client {
    background: #FF0000;
}

.bg-qc-passed {
    background: #7DA7FF;
}

.bg-transferred-to-expertise {
    background: #AC7000;
}

.bg-expertise-passed {
    background: #7C5100;
}

.bg-expertise-failed {
    background: #D99517;
}

.bg-return-not-approved {
    background: #891600;
}

.bg-return-executed {
    background: #C51F00;
}

.bg-waiting-confirm-with-problem {
    background: #FF0000;
}

.bg-bid-to-return {
    background: #B81D00;
}

.alert-purple {
    background-color: #d9d2e9;
    color: #332a4d;
    border: 1px #b5acc7;
}

.alert-return-accepted
{
    background-color: #d5a6bd;
    color: #3e1f2e;
    border: 1px #b08298;
}

.bg-white-status {
    background: white;
    border: 1px solid;
    color: black;
}

#screen-modal-changeStatusModal {
    --bs-backdrop-bg: transparent !important;
    --bs-backdrop-opacity: 0 !important;
}

body:has(#screen-modal-changeStatusModal.show) .modal-backdrop {
    opacity: 0 !important;
    background: transparent !important;
    /* pointer-events оставляем (auto), чтобы клик по нему закрывал модалку */
}

/* Убираем анимацию только у черного фона, делая его сразу полупрозрачным */
.modal-backdrop.fade {
    opacity: 0 !important;
    transition: none !important;
}

/* Скрываем модалку, пока она в процессе позиционирования */
[data-modal-slug="changeStatusModal"] .modal.show {
    opacity: 0;
    transition: opacity 0.1s ease-in;
}

/* Этот класс мы добавим скриптом в самом конце */
[data-modal-slug="changeStatusModal"] .modal.show.is-positioned {
    opacity: 1;
}

.items-overflow .table-responsive
{
    overflow: auto !important;
}