.column-first_name {
    width: 5px;
    max-width: 6px;
}
.column-seat {
    max-width: 50px;
}
.column-nationality {
    max-width: 90px;
}
.column-last_name {
    width: 5px;
    max-width: 5px;
}
table thead th.sorted .sortoptions {
  display: none;
}

.column-room {
    width: 5px;
    max-width: 70px;
}
#nav-sidebar {
    max-width: 210px;
}
#changelist-filter {
    max-width: 150px;
}


.column-formatted_check_in_date,
.column-formatted_check_out_date,
.column-number_phone,
.column-display_photo,
.column-formatted_update_date {
    width: auto !important;       /* Автоматическая ширина */
    max-width: 150px !important;   /* Ограничиваем максимальную ширину */
    word-wrap: break-word !important;  /* Разрешаем перенос слов */
    white-space: normal !important;    /* Разрешаем перенос текста */
    height: 2.4em !important;       /* Задаем высоту в 2 line-height */
    line-height: 1.2em !important;   /* Задаем высоту строки */
    overflow: hidden !important;    /* Скрываем переполнение */
}

/* Стилизуем контейнер details */
#changelist-filter details {
    width: 100% !important; /* Занимает всю доступную ширину */
    margin-bottom: 5px; /* Добавляем отступ снизу */
}

/* Стилизуем summary (заголовок фильтра) */
#changelist-filter summary {
    padding: 3px; /* Уменьшаем отступы */
    background-color: #f0f0f0; /* Цвет фона */
    cursor: pointer; /* Меняем курсор на руку */
    font-weight: bold; /* Делаем шрифт жирным */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Стилизуем список фильтров (ul) */
#changelist-filter ul {
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 0;
}

/* Стилизуем элементы списка (li) */
#changelist-filter ul li {
    margin-bottom: 1px; /* Уменьшаем отступ */
}

/* Стилизуем ссылки (a) */
#changelist-filter ul li a {
    display: block; /* Занимает всю ширину li */
    padding: 3px; /* Уменьшаем отступы */
    text-decoration: none; /* Убираем подчеркивание */
    color: #333; /* Цвет текста */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* При наведении курсора */
#changelist-filter ul li a:hover {
    background-color: #e0e0e0; /* Цвет фона при наведении */
}


.module table {
    border-collapse: collapse; /* Объединяем границы ячеек */
    width: 100%; /* Занимаем всю доступную ширину */
    margin-bottom: 10px; /* Добавляем отступ снизу */
}

/* Стили для заголовков таблицы (th) */
.module th {
    background-color: #f0f0f0; /* Цвет фона заголовков */
    border: 1px solid #ddd; /* Граница */
    padding: 8px; /* Отступы */
    text-align: left; /* Выравнивание текста по левому краю */
}

/* Стили для ячеек таблицы (td) */
.module td {
    border: 1px solid #ddd; /* Граница */
    padding: 8px; /* Отступы */
    vertical-align: top; /* Выравнивание содержимого по верхнему краю */
}

/* Альтернативный цвет фона для строк */
.module tr:nth-child(even) {
    background-color: #f9f9f9;
}

/* Стили для ссылок в ячейках */
.module td a {
    color: #007bff; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание */
}

.module td a:hover {
    text-decoration: underline; /* Подчеркиваем при наведении */
}

tr.created-by-admin {
    background-color: #f0f8ff; /* Голубой цвет */
}

tr.updated-by-admin {
    background-color: #fff0f0; /* Красный цвет */
}
#.field-summ, .field-nationality, .field-organization, .field-formatted_check_in_date, .field-formatted_check_out_date,
#.field-payment_method, .field-formatted_update_date, .field-number_phone{
#    text-align: center;
#    vertical-align: middle;
#}

.column-name_button{
    text-align: center;
    vertical-align: middle;
}
#changelist table thead th {
    font-size: 11px !important;
}

#changelist table thead th {
    text-align: center !important;
    vertical-align: middle !important;
}

/* Уменьшение отступов в ячейках таблицы */
#changelist table th,
#changelist table td {
    padding: 8px !important; /* Настройте отступы по вашему усмотрению */
}

/* Уменьшение отступов в заголовках таблиц */
#changelist table thead th {
    padding: 1px !important; /* Настройте отступы по вашему усмотрению */
}


/* Выравнивание содержимого ячеек таблицы по центру */
#changelist table tbody td {
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 12px !important;
    padding: 7px !important;
    white-space: nowrap;
}

/* Исключение для field-name_with_button */
#changelist table tbody td.field-name_with_button {
    text-align: left !important; /* Выравнивание по левому краю */
    vertical-align: middle !important;
}

/* Убедимся, что field-room выравнивается по центру */
#changelist table tbody th.field-room{
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important; /* Запрет переноса текста */
}

/* Убедимся, что field-room выравнивается по центру */
#changelist table tbody th.field-number_room{
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important; /* Запрет переноса текста */
}

/* Разрешить перенос текста для указанных полей */
#changelist table thead th.column-formatted_check_in_date,
#changelist table thead th.column-formatted_check_out_date,
#changelist table thead th.column-number_phone,
#changelist table thead th.column-migration,
#changelist table thead th.column-formatted_update_date,
#changelist table thead th.column-name_with_button,
#changelist table thead th.column-number_room
{
    white-space: normal !important; /* Разрешить перенос текста */
    width: 1px !important;
}

#changelist table {
    width: 1% !important;
}

#changelist table thead th.sorted.text{
    padding-right: 1px !important;
}
.calendarbox {
    width: 300px !important;
}