/* Выбор аккаунта*/
.account-alert {
    background-color: rgba(215, 234, 251, 0.33); /* Светло-голубой фон */
    border: 1px solid rgba(187, 223, 255, 0.47); /* Голубая рамка */
    color: #104f86; /* Цвет текста (Bootstrap primary) */
}

/* Цвет для STAFF */
.is_staff_color {
    background-color: rgba(235, 169, 90, 0.33);
}

/* Ссылка в блоке выбора аккаунта */
.custom-link a {
    text-decoration: none;
    border-bottom: 1px dashed;
    font-size: 12px;
    float: right;
    line-height: 15px;
    color: #6c757d;
}

.custom-link a:hover {
    color: #ff9d00;
    border-bottom: 1px dashed #ff9d00;
}

/* Плитки на главное странице */
.card-orange-border {
    border-color: #ff9d00;
}

/*  Информационный блок об аккаунте (account_info) */
.alert-account-info {
    color: #333333;
    background-color: rgba(215, 234, 251, 0.16);
    border-color: rgba(187, 223, 255, 0.29);

}

/* Баланс по лицевому счету */

.period-row {
    display: none;
}

.period-row td {
    min-width: 100px;
}

.info-table {
    table-layout: fixed; /* фиксированная ширина колонок */
    width: 100%; /* таблица на всю ширину контейнера */
    border-collapse: collapse; /* чтобы границы были аккуратнее */
}

.info-table .col-fixed-width {
    width: 100px; /* фиксированная ширина колонок */
}

.info-table .col-fixed-service {
    width: 126px; /* фиксированная ширина колонок */
}

/* Тарифы */
.tarifs th {
    color: #777777;
    background: rgba(215, 234, 251, 0.33);
}

/*Меню*/
#sidebarMenu, #offcanvasMenu .list-group-item {
    color: #104f86;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#sidebarMenu .list-group-item-action:hover:not(.active), #offcanvasMenu .list-group-item-action:hover:not(.active) {
    background-color: #fbb450;
    color: #104f86;
!important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#sidebarMenu .list-group-item.active, #offcanvasMenu .list-group-item.active {
    background-color: #104f86; /* выбранный пункт */
    color: #ffffff;
}

#fines-text-value {
    color: #0075ff;
    font-size: 16px;
}

.fines-text-debt {
    color: #777777;
    font-size: 13px;
}

.card-bonus {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 5px;
    padding: 5px 0;
}

.my-input-group {
    display: inline-block;
    line-height: 0;
}

.give-input-bonus {
    width: 160px;
    margin: 0;
    text-align: center;
}

#account_to_address, #bonus_input {
    display: none;
}

/* Кастомный чекбокс */
.custom-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 14px;
}

.custom-checkbox input {
    display: none;
}

/* Контейнер для чекбокса */
.custom-checkbox .checkmark {
    width: 20px;
    height: 20px;
    border: 2px solid #f7931e;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Активный (checked) */
.custom-checkbox input:checked + .checkmark {
    background-color: #f7931e;
}

/* Галочка */
.custom-checkbox input:checked + .checkmark::after {
    content: "✔";
    color: white;
    font-size: 14px;
    line-height: 1;
}

/* Пагинация bonus history */
.pagination {
    --bs-pagination-color: #000;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-hover-bg: #6c757d;

    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #6c757d;
    --bs-pagination-active-border-color: #6c757d;
}