/* #region Кастомизация DataGrid */

.dxc-data-grid .grid-header-template + .dxbs-grid-header-container {
    border-top: 0;
}

.dxc-data-grid_dynamic-vertical-scroll .dxgvCSD {
    max-height: 500px;
    height: auto !important;
}

.dxc-data-grid_vertical-overflow-visible .dxgvCSD {
    height: auto !important;
    overflow: visible !important;
}

.dxc-data-grid_vertical-overflow-visible .dxgvHSDC {
    border-bottom: 1px solid #ebeff6 !important;
}

.dxc-data-grid_dynamic-vertical-scroll_step_270px .dxgvCSD {
    max-height: calc(100vh - 270px);
}

.dxc-data-grid_dynamic-vertical-scroll_step_370px .dxgvCSD {
    max-height: calc(100vh - 370px);
}

.dxc-data-grid_dynamic-vertical-scroll_step_390px .dxgvCSD {
    max-height: calc(100vh - 390px);
}

.dxc-data-grid_dynamic-vertical-scroll_step_420px .dxgvCSD {
    max-height: calc(100vh - 420px);
}

.dxc-data-grid_dynamic-vertical-scroll_step_440px .dxgvCSD {
    max-height: calc(100vh - 440px);
}

.dxc-data-grid_dynamic-vertical-scroll_step_540px .dxgvCSD {
    max-height: calc(100vh - 540px);
}

/* Выделенная строка в таблице */
.dxc-data-grid .table-active {
    background-color: #e9f9e3 !important;
    color: var(--gls-black) !important;
    border-right-color: var(--gls-main-dark-gradient-4);
}

.dxc-data-grid_hoverable .dxgvCSD .dxbs-data-row:hover {
    cursor: pointer;
    background-color: #f8f9fc !important;
    color: var(--gls-black) !important;
    border-right-color: var(--gls-main-dark-gradient-4);
}

.dxc-data-grid_hoverable.dxc-data-grid_striped .dxgvCSD .dxbs-data-row.dxbs-data-row:nth-of-type(even):hover,
.dxc-data-grid_hoverable.dxc-data-grid_striped_important .dxgvCSD .dxbs-data-row.dxbs-data-row:nth-of-type(even):hover {
    background-color: #e8ecf2 !important;
    color: var(--gls-black) !important;
    border-right-color: var(--gls-main-dark-gradient-4);
}

/* Заголовки колонок */
.dxc-data-grid .dxbs-fixed-header-content > a,
.dxc-data-grid .dxbs-fixed-header-content > span {
    font-weight: 400;
    opacity: .5;
}

.dxc-data-grid .dxbs-group-panel .dxbs-th span,
.dxc-data-grid .dxbs-group-panel .dxbs-th a {
    font-weight: 400;
    opacity: .5;
}

.dxc-data-grid .dxbs-group-panel-empty {
    border: none !important;
}

/* Ячейка Summary */
/*! purgecss start ignore */
.dxc-data-grid > .card .dxbs-table > tbody > tr > td.dx-grid-summary-cell {
    opacity: 1 !important;
    color: var(--gls-main-dark-gradient-3) !important;
    font-weight: 400 !important;
    bottom: -1px !important;
}

.dxc-data-grid .dx-grid-summary-cell {
    opacity: 1 !important;
    color: var(--gls-main-dark-gradient-3) !important;
    font-weight: 400 !important;
    bottom: -1px !important;
}
/*! purgecss end ignore */

/* Убирает каретку в выпадающих элементов тулбара */
.dxc-data-grid .dxbs-toolbar-btn > .dropdown-toggle::after {
    display: none;
}

/* Заголовки колонок по центру */
.dxc-data-grid th {
    text-align: center;
}

/* Добавляет полосатость рядам таблицы */
.dxc-data-grid_striped table .dxbs-data-row:nth-of-type(even) {
    background-color: var(--gls-even-tr-bg-color);
}

.dxc-data-grid_striped_important table .dxbs-data-row:nth-of-type(even) {
    background-color: var(--gls-even-tr-bg-color) !important;
}

.dxc-data-grid .grid-header-template {
    border-color: var(--gls-main-dark-gradient-5);
}

.dxc-data-grid__reserved-car-row td {
    background-color: #f1f4f9 !important;
    border-color: var(--gls-main-dark-gradient-5) !important;
}

/* #endregion */

/* Отступы выпадающих фильтров */

.dxc-orders-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, -412, 42) !important
}

.dxc-reclamations-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, -211, 42) !important;
}

.dxc-worksheets-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, -856, 28) !important;
}

.dxc-cars-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, -476, 28) !important;
}

.dxc-doc-item-list-grid__column-chooser > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, -61, 31) !important;
}

.dxc-item-accessory-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1, 0, 0, 1, 0, 28) !important;
}

.dxc-car-accessory-grid .dxc-data-grid__filters > .dxbs-dm {
    transform: matrix(1,0,0,1,-856,29) !important;
}

/* Журнал рекламаций по деталям */

.revert-number-cell a,
.revert-number-cell a:hover {
    color: inherit;
}

/* Рекламации в заказе деталей */

.dxc-revert-row-list-grid th[data-dxdg-column-id="4"],
.dxc-new-revert-row-list-grid th[data-dxdg-column-id="4"] {
    border-right-color: var(--gls-main-dark-gradient-4);
    border-right-width: 2px;
}

/* #region Кастомный скроллбар */

/*! purgecss start ignore */

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track-piece {
    background-color: var(--gls-bg-gray);
}

::-webkit-scrollbar-thumb {
    background-color: var(--gls-main-dark-gradient-4);
    outline: 2px solid var(--gls-bg-gray);
    outline-offset: -2px;
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: var(--gls-main-dark-gradient-3);
    }

/*! purgecss end ignore */

/* #endregion */

/*! purgecss start ignore */

.nav-tabs {
    border-bottom: 1px solid transparent !important;
}

    .nav-tabs .nav-link {
        color: #27324d !important;
        border-bottom-width: 1px !important;
    }

        .nav-tabs .nav-link.active {
            color: #024f94 !important;
        }

/*! purgecss end ignore */

/* #region Костыль для dropdown кнопок в контролах */

/*! purgecss start ignore */

.dxbs-dropdown-edit .dxbs-dropdown-toggle {
    border-color: #DDE2E8 !important;
    background-color: transparent !important;
}

    .dxbs-dropdown-edit .dxbs-dropdown-toggle:hover {
        color: #0C132F !important;
        background-color: #DDE2E8 !important;
        border-color: #DDE2E8 !important;
    }

    .dxbs-dropdown-edit .dxbs-dropdown-toggle:focus,
    .dxbs-dropdown-edit .dxbs-dropdown-toggle.focus {
        box-shadow: 0 0 0 0.2rem rgba(221, 226, 232, 0.5) !important;
    }

    .dxbs-dropdown-edit .dxbs-dropdown-toggle.disabled,
    .dxbs-dropdown-edit .dxbs-dropdown-toggle:disabled {
        color: #DDE2E8 !important;
        background-color: transparent !important;
    }

    .dxbs-dropdown-edit .dxbs-dropdown-toggle:not(:disabled):not(.disabled):active,
    .dxbs-dropdown-edit .dxbs-dropdown-toggle:not(:disabled):not(.disabled).active,
    .dxbs-dropdown-edit .show > .dxbs-dropdown-toggle.dropdown-toggle {
        color: #0C132F !important;
        background-color: #DDE2E8 !important;
        border-color: #DDE2E8 !important;
    }

        .dxbs-dropdown-edit .dxbs-dropdown-toggle:not(:disabled):not(.disabled):active:focus,
        .dxbs-dropdown-edit .dxbs-dropdown-toggle:not(:disabled):not(.disabled).active:focus,
        .dxbs-dropdown-edit .show > .dxbs-dropdown-toggle.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(221, 226, 232, 0.5) !important;
        }

/*! purgecss end ignore */

/* #endregion */

/*! purgecss start ignore */

.modal-title {
    font-size: 80%;
}

.modal-body {
    font-size: 1rem;
}

/*! purgecss end ignore */

.card {
    border: 1px solid rgba(34, 34, 34, 7%) !important;
}

@media screen and (max-width: 1365px) {
    .worksheet-informer {
        flex-direction: row !important;
    }

    .worksheet-informer img {
        margin: 0 !important;
        height: 25px;
    }

    .worksheet-informer .mt-3 {
        margin-top: .25rem !important;
        margin-left: 1rem;
    }

    .worksheet-informer ul {
        list-style: none;
        display: flex;
        margin-top: .25rem !important;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }

    .worksheet-informer ul li {
        margin-left: 1rem;
    }
}

@media screen and (min-width: 1058px) and (max-width: 1365px) {
    .worksheet-informer__closed-banner {
        min-height: 120px;
    }
}

.dxc-form-control_text-center input.dxbs-form-control {
    text-align: center;
}

.dxc-form-control_transparent input.dxbs-form-control {
    border: none !important;
    background-color: transparent !important;
}

/*! purgecss start ignore */

/* Окраска иконочных кнопок "Применить", "Отменить" в выпадающем окне выбора даты */

.dxbs-date-edit .roller-apply-btn,
.dxbs-time-edit .roller-apply-btn {
    color: var(--gls-green) !important;
}

.dxbs-date-edit .roller-cancel-btn,
.dxbs-time-edit .roller-cancel-btn {
    color: var(--gls-red) !important;
}

/*! purgecss end ignore */