/* assets/css/style.css */

/* Подсветка строк по статусу */
tr[class^="status-"] {
    transition: background-color 0.3s;
}

tr.status-1 {
    background-color: #d4edda; /* Зеленый для статуса 1 */
}

tr.status-2 {
    background-color: #f8d7da; /* Красный для статуса 2 */
}

/* Инлайн-редактирование */
td.editable {
    cursor: pointer;
}

td.editable:hover {
    background-color: #f1f1f1;
}

/* Стили для пагинации */
.pagination .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.pagination .page-link {
    color: #007bff;
}

.pagination .page-link:hover {
    background-color: #e9ecef;
}
/* Пример стилей для фиксированных столбцов */
.tabulator-frozen {
    background-color: #f0f0f0;
}

/* Подсветка строк при наведении */
.tabulator-row:hover {
    background-color: #e0e0e0;
}



/* Чередование строк */
.even-row {
    background-color: #f9f9f9; /* Цвет для четных строк */
}

.odd-row {
    background-color: #ffffff; /* Цвет для нечетных строк */
}

/* Подсветка строки при наведении мыши */
.hover-highlight:hover {
    background-color: #e0f7fa !important;  /* Цвет подсветки строки при наведении */
}

.tabulator .tabulator-col .tabulator-col-title {
    white-space: normal; /* Позволяет перенос слов */
    overflow: hidden; /* Скрывает выходящий за пределы текст */
    text-overflow: ellipsis; /* Обрезает текст с многоточием, если не умещается */
}

.tabulator .tabulator-col {
    height: auto; /* Автоматическая высота для переноса заголовка */
}
/* Настройка меню в верхней части */
.navbar {
    border-bottom: 1px solid #ddd;
}

.navbar-nav .nav-link {
    padding: 10px 20px;
}

/* Центрирование заголовка проекта */
h1.text-center {
    margin-bottom: 20px;
}

/* Стили для подвала */
.footer_old {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f8f9fa;
    padding: 10px 0;
}

html, body {
    height: 100%;
}

.footer {
    background-color: #f8f9fa;
    position: relative;
    bottom: 0;
    width: 100%;
}

/* Контент растягивается, занимает всё доступное пространство */
.content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto; /* Растягивается */
    padding: 10px 20px;
    box-sizing: border-box;
    overflow: hidden; /* Предотвращает переполнение */
}

/* Таблица занимает всё доступное пространство внутри контента */
#vehicles-table {
    flex: 1 1 auto; /* Растягивается */
    overflow: hidden; /* Предотвращает появление внутренних полос прокрутки */
}

@keyframes blink {
    0% { background-color: #ffdddd; }
    50% { background-color: #ffffff; }
    100% { background-color: #ffdddd; }
}

.new-message {
    animation: blink 1s infinite;
}