body {
    background-color: #f0f4f8;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* Предотвращаем горизонтальный скролл */
}

button {
    cursor: pointer;
}

.sidebar {
    overflow-y: hidden; /* Скрываем вертикальную прокрутку */
    height: 100vh; /* Устанавливаем высоту на 100% от высоты экрана */
    width: 165px; /* Уменьшаем ширину меню */
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0; /* Меняем на 0, чтобы меню было открыто по умолчанию */
    transition: left 0.5s ease;
    background-color: #2E5894; /* Изменяем цвет фона меню */
    overflow-x: hidden;
    padding-top: 60px;
}

#debtors-table-body td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vertical-center-table {
    vertical-align: middle;
}


.centered-form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.login-card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 30px;
    width: 100%;
    max-width: 400px;
}

.login-card h3 {
    color: #2E5894; /* Изменяем цвет заголовка */
    text-align: center;
    margin-bottom: 20px;
}

.login-card .form-group {
    margin-bottom: 20px;
}

.login-card .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #2E5894; /* Изменяем цвет текста лейбла */
    font-weight: bold;
}

.login-card .form-group input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    outline: none;
}

.login-card .form-group input:focus {
    border-color: #2E5894; /* Изменяем цвет границы при фокусе */
}

.login-card .btn-login {
    width: 100%;
    padding: 10px;
    background: #2E5894; /* Изменяем цвет фона кнопки */
    border: none;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}

.login-card .btn-login:hover {
    background: #0854c4; /* Изменяем цвет фона кнопки при наведении */
}

.login-card .card-footer {
    background: #f9f9f9;
    padding: 20px;
    text-align: center;
}

.login-card .card-footer a {
    color: #2E5894; /* Изменяем цвет ссылки */
    text-decoration: none;
}

.login-card .card-footer a:hover {
    text-decoration: underline;
}


.active-groups-cell i {
    margin-left: 50px;
}

.card-header.bg-primary {
    background-color: #2E5894 !important; /* Цвет навигационного меню */
}

#assistants-table-body td {
    vertical-align: middle;
}

#debtors-table-body td {
    white-space: normal; /* Позволяем тексту переноситься на новую строку */
    overflow: visible; /* Позволяем тексту выходить за пределы ячейки */
    word-break: break-word; /* Разрешаем перенос слов */
}

.fixed-width-table {
    table-layout: auto;
    width: 100%;
}

.fixed-width-table th,
.fixed-width-table td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px;
    box-sizing: border-box;
}

.fixed-width-table th.actions-cell,
.fixed-width-table td.actions-cell {
    width: 150px; /* Фиксированная ширина для последней колонки */
}


.fixed-width-table th.name-cell,
.fixed-width-table td.name-cell {
    width: 150px; /* Фиксированная ширина для второй колонки */
}

.voice-column {
    max-height: 120px;
    overflow-y: auto;
    padding: 5px;
    border: 1px solid #ddd;
}

/* Стили для таблицы */
.custom-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.custom-table thead tr {
    background-color: #2E5894;
    color: #ffffff;
    text-align: left;
}

.custom-table th,
.custom-table td {
    padding: 12px 15px;
}

.custom-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.custom-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.custom-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}

.custom-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

.table-tab {
    padding: 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: border-bottom 0.3s ease, opacity 0.3s ease;
    font-weight: bold;
    opacity: 0.3; /* Приглушенный цвет для неактивных кнопок */
    background: inherit;
}

.table-tab.active {
    border-bottom: 2px solid blue;
    opacity: 1; /* Полная яркость для активной кнопки */
    background: inherit;

}

tr.auto-dial-disabled {
    background-color: #f0f0f0; /* Светло-серый цвет */
}