@media print {

    nav,
    footer
     {
        display: none !important;
    }
    .fulfilment-obligations-customers-report button {
        display: none !important;
    }
}

.navbar-nav .dropdown-menu {
    z-index: 9999!important;
}

textarea {
    height: 200px;
}

thead.sticky-top th {
    border: 1px solid var(--bs-border-color); /* Используем переменную Bootstrap для цвета границы */
    background-color: var(--bs-body-bg); /* Используем переменную Bootstrap для цвета фона */
    color: var(--bs-body-color); /* Используем переменную Bootstrap для цвета текста */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Добавляем тень для отделения от содержимого таблицы */
    z-index: 1020; /* Устанавливаем z-index для предотвращения перекрытия другими элементами */
    position: sticky; /* Устанавливаем позиционирование sticky */
    top: 0; /* Закрепляем заголовок в верхней части окна просмотра */
}

.ts-dropdown,
.ts-control,
.ts-control input {
    color: var(--bs-body-color)!important;
}

.datepicker-cell.next:not(.disabled), .datepicker-cell.prev:not(.disabled) {
    color: var(--bs-body-color)!important;
}

.datepicker-picker {
    background-color: var(--bs-body-bg) !important;
    border-radius: .375rem;
    display: flex;
    flex-direction: column;
}


.list-group-item {
    word-wrap: anywhere;
    line-break: anywhere;
    overflow: hidden;
}

.btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px; /* Опционально, для отступа между текстом и кнопками */
}

.no-file-area {
    border: var(--bs-list-group-border-width, 1px) solid var(--bs-list-group-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-list-group-bg, var(--bs-body-bg, #fff));
    color: var(--bs-body-color, #212529);
    min-height: 60px;
    transition: background 0.2s, color 0.2s;
}