body {
    min-height: 100vh;
}

/* Sidebar styling */
.sidebar {
    height: 100vh;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.sidebar .nav-link {
    color: #333;
    font-weight: 500;
}

.sidebar .nav-link.active {
    background-color: #f8f9fa;
    color: #007bff;
}

.sidebar .nav-link:hover {
    background-color: #e9ecef;
    color: #0056b3;
}

/* Custom styles for the main content */
.bg-white {
    background-color: #fff !important;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

#search {
    max-width: 600px;
}

/* Pagination */
.pagination {
    margin: 0;
}

.perPage {
    max-width: 60px;
}

#country_code {
    max-width: 200px;
}

/* Appointment Status Icon */
.icon-container {
    width: 60px;
    height: 60px;
}

.icon-container i {
    font-size: 2rem;
}
/*
.project-box hr {
    color: white;
    border-top-color: white;
}*/

/* Responsive adjustments */
@media (max-width: 768px) {
    .sidebar {
        height: auto;
        box-shadow: none;
    }
}

@media (min-width: 769px) {
    .pagination {
        transform: scale(0.8);  /* Scale down the pagination */
        transform-origin: left;
        /* Ensure the scaling happens from the left side */
        /* font-size: 0.875rem; /* Adjust font size for better readability on smaller buttons */
        /* margin-left: 0; /* Ensure there's no additional margin on the left */
    }
}