.nav-link:hover {
    color: #d2041e
}

.nav-link.active {
    color: #d2041e !important;
}

.btn-success {
    background-color: black;
}

.btn-success:hover{
    background-color: #d2041e !important;
}

.btn-info {
    background-color: #062361 !important;
    color: white !important;
}

.btn-danger {
    background-color: #d2041e !important;
    color: white !important;
}

.pagination .page-item .page-link {
    border: none;
    padding: 12px 18px;
    margin: 0 5px;
    border-radius: 50%;
    color: #6c757d;
    transition: all 0.3s ease;
}

.pagination .page-item.active .page-link {
    background: linear-gradient(45deg, #062361, #d2041e);
    color: white;
    box-shadow: 0 2px 10px rgba(107, 92, 231, 0.4);
}

.pagination .page-link:hover {
    background: linear-gradient(45deg, #d2041e, #062361);
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(107, 92, 231, 0.4);
}

.pagination .page-item.disabled .page-link {
    background: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}




.search-bar:focus {
    border-color: #707070;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

.ui-autocomplete .ui-menu-item:hover,
.ui-autocomplete .ui-state-active {
    background-color: #d2041e ;
    border: none;
}




.table-responsive {
    max-height: 70vh;
    overflow-y: auto;
}
    
thead th {
    position: sticky;
    top: 0px;
    z-index: 1;
}


body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

footer {
    background-color: #d3d3d3;
    padding: 1rem 0;
    margin-top: auto;
}