body {
    background-color: #f8f9fa;
}
.container {
    margin-top: 20px;
}
.navbar-brand {
    font-weight: bold;
}
.no-sort,
.no-sort:hover,
.no-sort:active,
.no-sort:focus {
    background: none !important;
    cursor: default !important;
    user-select: none !important;
}

table.dataTable thead th {
    background-color: #f1f1f1 !important;
    color: #333;
}

.dataTables_filter {
    display: flex;
    align-items: center;
    justify-content: end;
}

.dataTables_filter .btn-filter {
    margin-left: 5px;
}

.action-buttons {
    display: flex;
}

.action-buttons .btn {
    margin-right: 5px;
}

.action-buttons .btn i {
    margin: 0;
}

.navbar-dark .navbar-nav .nav-link.active {
    font-weight: bold;
}

/* Стиль для ячеек управления в основной таблице, чтобы курсор был pointer */
#clientsTable td.sub-table-arr {
    cursor: pointer;
}

.sub-table-arr .btn-sm {
    padding: 0.1rem 0.6rem !important;
}

table.dataTable > tbody > tr.dt-hasChild + tr > td{
    background-color: #F0F8FFFF;
}

table.dataTable table.table > thead > tr > th{
    background-color: #c6d8ed !important;
}


/* Если стрелка находится внутри dt-control, можно добавить ей небольшой отступ */
#clientsTable td.sub-table-arr i.toggle-details {
    margin-left: 5px;
    transition: transform 0.2s ease-in-out; /* Плавный поворот стрелки */
}

.custom-spin {
    animation: custom_spin 1s linear infinite;
}

@keyframes custom_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}