.login-section {
    background: url('../img/login-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.login-wrapper {
    background-color: rgba(0,0,0,0.8);
}

.register-section {
    background: url('../img/register-background.avif') no-repeat 50% 50%/cover;
    background-attachment: fixed;
}
.register-wrapper {
    background-color: rgba(0,0,0,0.8);
}
.fs-7 {
    font-size: 0.7rem !important;
}
/* Restore Bootstrap borders for DataTables */
table.dataTable.table-bordered > thead > tr > th,
table.dataTable.table-bordered > tbody > tr > td {
    border: 1px solid #dee2e6 !important; /* Bootstrap border color */
}
table.dataTable.table-bordered {
    border: 1px solid #dee2e6 !important;
}
.nav-pills .nav-link{
    color: #222222;
}
.drag-drop {
    height: 200px;
    border: 1px dashed #3b6e8a;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #fefefe;
    transition: border-color 0.3s;
}
  
.drag-drop:hover {
    border-color: rgb(117, 183, 211);
}

.drag-drop.drag-over {
    border-color: #3b6e8a;
    background-color: #e9ffe9;
}

.drag-drop input[type="file"] {
    display: none;
}

.drag-drop label {
    font-size: 16px;
    color: #666;
    cursor: pointer;
}