/* common-house-style - общий внешний вид таблицы*/

.common-house-style {
    border-collapse: collapse;
    width: 585px;
    height:442px;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
    table-layout: fixed;
    font-family: 'Gilroy';
}

/* Общие стили для ячеек таблицы */
.common-house-style th,
.common-house-style td {
    font-size: 18px;
    white-space: pre-wrap;
    vertical-align: middle;
    padding-left: 10px;
}

.common-house-style th:first-child, td:first-child {
    width: 80px; /* Фиксированная ширина для первого столбца */
}

/* Стили для заголовков таблицы */
.common-house-style th {
    font-weight: bold;
    color: #ffffff;
    background-color: #005B31;
    height: 61px;
    line-height: 1;
}

/* Стили для ячеек таблицы */
.common-house-style td {
    color: #383838;
    line-height: 1.5;
}

/* Чередующиеся цвета строк */
.common-house-style tr:nth-child(odd) {
    background: #F2F7F5;
}

.common-house-style tr:nth-child(even) {
    background: #D9E6E0;
}


/* Медиа-запросы для экранов шириной до 480px */
@media screen and (max-width: 480px) {
    .common-house-style {
        width: 480px;
    }

    .common-house-style th {
        font-size: 12px;
        height: 45px;
    }

    .common-house-style td {
        font-size: 14px;
        line-height: 1.2;
        height: 45px;
    }

    .common-house-style th:first-child, td:first-child {
        width: 60px; /* Уменьшенная ширина первого столбца для мобильных устройств */
    }

/*mobile_table_style стиль для сролла на мобильной версии */
.mobile_table_style {
    width: 100%;
    max-width: 585px;
    height: auto;
    overflow-x: auto; /* Включает горизонтальную прокрутку */
}

.mobile_table_style th:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
}

.mobile_table_style th:last-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 10px;
}

.mobile_table_style tr:first-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 10px;
}

.mobile_table_style tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.mobile_table_style tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}