.cabinet-container {
    display: flex;
    height: 85vh;
    width: calc(100% + 10px); /* Занимает всю ширину экрана минус 10 пикселей */
    margin: -20px -5px 0; /* Центрирование контейнера */
    overflow: hidden; /* Убираем прокрутку для всего контейнера */
}

.cabinet-menu {
    width: 200px; /* Фиксированная ширина для меню */
    background-color: #1e1e1e; /* Цвет фона меню */
    color: #E0E0E0; /* Цвет текста меню */
    overflow-y: auto; /* Добавляем вертикальную полосу прокрутки, если контент переполняет меню */
    font-size: 2.5rem;
    scrollbar-width: thin;
    scrollbar-color: #f7f7f7 #aaa;
}

.cabinet-menu ul {
    list-style-type: none;
    padding: 0;
}

.cabinet-menu ul li a {
    color: inherit; /* Наследуем цвет текста меню */
    text-decoration: none;
    display: block;
    padding: 10px;
}

.cabinet-menu-selected {
    background-color: #555;
    color: #fff;
    font-weight: bold;
}

.cabinet-menu ul li a:hover {
    background-color: #333; /* Цвет фона при наведении */
}

.cabinet-content {
    flex: 1; /* Занимает оставшееся пространство */
    padding: 20px; /* Отступы от краев блока контента */
    margin-top: 1rem;
    overflow-y: auto; /* Добавляем вертикальную полосу прокрутки для блока контента */
    scrollbar-width: thin;
    scrollbar-color: #f7f7f7 #aaa;
}

.cabinet-card {
    background-color: #e3e4e6;
    border-radius: 10px; /* Закругленные края */
    padding: 20px;
    width: 100%;
    overflow: auto; /* Добавляем прокрутку для карт */
    scrollbar-width: thin;
    scrollbar-color: #f7f7f7 #aaa;
}

.cabinet-card table {
    width: 100%;
    border-collapse: collapse; /* Убираем промежутки между ячейками таблицы */
}

.cabinet-card table td {
    padding: 10px;
    border: 1px solid #ccc; /* Добавляем границу ячеек */
}

/* Убираем ненужные стили */
.cabinet-card-1, .cabinet-card-2, .cabinet-card-3, .cabinet-card-auto {
    display: none;
}

/* Скрываем меню в мобильной версии */
@media only screen and (max-width: 600px) {
    .cabinet-menu {
        display: none;
    }
}

.cabinet-toggleMenu {
    display: none; /* Скрываем по умолчанию */
}

@media only screen and (max-width: 600px) {
    .cabinet-toggleMenu {
        display: block;
        margin-bottom: 10px;
    }
}

.cabinet-price-none {
    display: none;
}
.cabinet-price1 {
    background-color: #eee;
    text-align: left;
}

.cabinet-price2 {
    background-color: #ddd;
    text-align: left;
}

.cabinet-price-day {
    background-color: #aaa;
    text-align: left;
    margin-bottom: 5px;
}

/* Для показа cabinet-menu поверх всего */
.cabinet-menu.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 104vw;
    height: 100vh;
    z-index: 1000;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #f7f7f7 #aaa;
    display: block;
    padding: 20px 10px;
    font-size: 3rem;
}
.pagination .cabinet-pag-sel{
    padding:.5rem 2rem .5rem 1rem;
    font-size:1rem;
}
.cabinet-pag .page-item .page-link
{
    color: #7c5d00;
}
.cabinet-pag .page-item.active .page-link
{
    color: #fff;
    background-color: #7c5d00;
    border-color: #7c5d00;
}
.ui-slider-button:hover{
    color:lightgoldenrodyellow;
}
/* Для скрытия cabinet-menu */
.cabinet-menu.hidden {
    display: none;
}
@media (pointer: coarse) {
    .cabinet-content {
        margin-top: 2rem;
    }
    .pagination .cabinet-pag-sel{
        padding:1rem 3rem 1rem 1.5rem;
        font-size: 2rem;
    }
}