@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;
}

 .files-list-group {
     max-width: 500px;
     width: 100%;
 }

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

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