/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* BANNYCHAN Table Styles */

/* Основная таблица */
.table.table-hover {
    border-color: #c2c8c1;
}

/* Шапка таблицы (thead) */
.table thead {
    background-color: #c2c8c1;
    color: #fefaf2;
}

.table thead th {
    background-color: #c2c8c1;
    color: #fefaf2;
    border-color: #c2c8c1;
}

/* Первый столбец (th) в шапке */
.table thead th:first-child {
    padding-left: 20px;
}

/* Тело таблицы (tbody) */
.table tbody {
    background-color: #ECE9DE;
    color: #626c7c;
}

/* Строки в теле таблицы */
.table tbody tr {
    background-color: #ECE9DE;
    color: #626c7c;
}

.table tbody tr td {
    background-color: #ECE9DE;
    color: #626c7c;
    border-color: #c2c8c1;
}

/* Первый столбец (td) в теле таблицы */
.table tbody tr td:first-child {
    padding-left: 20px;
}

/* Последняя строка (Вес сухой) - акцентная */
.table tbody tr:last-child {
    background-color: #c2c8c1;
    color: #fefaf2;
}

.table tbody tr:last-child td {
    background-color: #c2c8c1;
    color: #fefaf2;
    border-color: #c2c8c1;
}

/* Первый столбец в последней строке */
.table tbody tr:last-child td:first-child {
    padding-left: 20px;
}

/* Эффект hover для строк (опционально) */
.table tbody tr:hover {
    background-color: #ECE9DE;
}

.table tbody tr:last-child:hover {
    background-color: #c2c8c1;
}

/* Вспомогательные классы */
.border-bottom-2 {
    border-bottom: 2px solid #c2c8c1;
}

    /* Активная вкладка на мобильном — более тёмный/выделенный цвет */

@media (max-width: 991.98px) {

	    .mobile-colored-tab.active {
        background-color: #c2c8c1 !important; /* Тёмно-синий фон */
        color: white !important;
    }
}

@media (max-width: 991.98px) {
    .mobile-colored-tab {
        background-color: #ece9de !important; 

    }
}