/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://themesbrand.com/
Contact: support@themesbrand.com
File: Custom Css File
*/

.eaglebase-auth-side {
    background: #60357e;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

/* Appointments Table Styles */
#appointmentsTable {
    font-size: 0.875rem;
}

#appointmentsTable thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    padding: 0.75rem 0.5rem;
    white-space: nowrap;
}

#appointmentsTable tbody td {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
}

#appointmentsTable .badge {
    padding: 0.35rem 0.65rem;
    font-weight: 500;
    font-size: 0.75rem;
}

#appointmentsTable .dropdown-toggle {
    padding: 0.25rem 0.5rem;
}

#appointmentsTable .badge.bg-soft-primary {
    margin: 0.15rem;
    display: inline-block;
}

/* DataTables custom styling */
.dataTables_wrapper .dataTables_length select {
    padding: 0.25rem 2rem 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.dataTables_wrapper .dataTables_filter input {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.dataTables_wrapper .dataTables_info {
    font-size: 0.875rem;
    padding-top: 0.75rem;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 0.75rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* Responsive table adjustments */
@media (max-width: 768px) {
    #appointmentsTable {
        font-size: 0.75rem;
    }

    #appointmentsTable thead th,
    #appointmentsTable tbody td {
        padding: 0.5rem 0.25rem;
    }
}