*,
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Poppins", sans-serif;
    margin: 0;
    padding: 0;
}

/* Sidebar */
a.brand-link img {
    width: 100%;
}

.nav-sidebar li.nav-item a {
    color: white;
}

.sidebar-custom-blue {
    background-color: #3E97FF;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #ffffff2a !important;
    color: #fff;
    box-shadow: none !important;
}

.nav-pills .nav-link:not(.active):hover {
    color: #ffffff !important;
    background-color: #ffffff2e;
}

/* Template for forms */
label.form-label,
label.col-form-label,
label {
    font-weight: 400 !important;
    font-size: 14px;
}

.profile-information label.form-label,
label.col-form-label {
    font-weight: 700 !important;
    font-size: 14px;
}

.invalid-feedback,
.valid-feedback {
    font-size: 12px !important;
}

.invalid-password {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bs-form-invalid-color);
}

/* Custom Input Group */
.cus-group i {
    position: absolute;
    top: 11px;
    left: 27px;
}

.eye i {
    position: absolute;
    top: 11px;
    right: 25px;
    cursor: pointer;
}

.cus-group input {
    padding-left: 40px;
}

.cus-group p.fs-mod {
    position: absolute;
    font-size: 16px !important;
    top: 28px;
}

.cus-group p.fs {
    position: absolute;
    font-size: 16px !important;
    top: 27px;
}

.pass {
    padding-right: 40px !important;
}

/* PROFILE PICTURE */
.rounded-profile-picture {
    height: 200px;
    width: 200px;
    border: 2px solid #0d6efd;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.profile-img{
    background-size: cover !important;
    object-fit: cover;
}

/* DATATABLES */
table td,
table th {
    font-size: 14px;
}

/* DATA TABLES CUSTOM PAGINATION */
.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    color: #333 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none !important;
}

a.dt-button.dropdown-item.buttons-columnVisibility {
    margin-top: 2px;
    transition: 0.1s linear;
    border-radius: 5px !important;
}

.dt-button-collection a.active,
a.dt-button.dropdown-item.buttons-columnVisibility:active {
    background: #28811a !important;
}

.dt-button-collection a:hover {
    background: #19560d !important;
    color: #fff;
}

div.dataTables_wrapper div.dataTables_length select {
    min-width: 45px !important;
}

select.form-select.form-select-sm {
    background-position: 90% !important;
}

div#dtb_buttons_wrapper .dt-buttons.btn-group.flex-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.dataTables_info, .pagination{
    text-align: left !important;
    float: left !important;
}

/* ANNOUNCEMENTS */
#announcement {
    /* max-height: 550px; */
    overflow-y: scroll;
}

.announcement-content {
    cursor: pointer;
}

.announcement-content:hover {
    background-color: #f5f5f5;
}

/* CLEARANCE APPLY CUSTOM STYLE */
.largeFontIcon2 {
    font-size: max(10vw, 10px);
}

.no-selecthe {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#conditionAgree::placeholder {
    color: #78787886 !important;
    opacity: 1;
    /* Firefox */
}

#conditionAgree:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #78787886 !important;
}

#conditionAgree::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #78787886 !important;
}

/* Sidebar Hover */
.sidebar-nav li a:hover {
    background: #0d6efd !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 8px;
}

/* CUSTOM SCROLLBAR */

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #cbcacad0;
    border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #cbcacad0;
}

/* Announcement Custom Scrollbar */
.announcement::-webkit-scrollbar,
.modal-scrollable::-webkit-scrollbar {
    width: 0.4em;
}

.announcement::-webkit-scrollbar-track,
.modal-scrollable::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(57, 56, 56, 0.3);
}

.announcement::-webkit-scrollbar-thumb {
    background-color: #d5d5d5;
}

.notice-ol li {
    padding-left: 1.8rem;
    text-indent: -15px;
}

/* File/Image Input */
.file-image-input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Temporary Dashboard Styles */
@media (max-width: 1446px) {
    .below-cards {
        flex: 0 0 auto;
        width: 50%;
    }
}
@media (max-width: 991px) {
    .below-cards {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 1080px) {
    .dashboard-cards-col, .notice-card {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .small-box>.small-box-footer {
        margin-top: 0 !important;
        padding: 3px 0 !important;
    }
}
.small-box>.small-box-footer {
    margin-top: 11px;
    padding: 6px 0;
}

/* preloader */
.preloader {
   background-image: linear-gradient(
        to right top,
        #2b6cbf,  /* darker blue */
        #3e84e0,  /* medium-dark */
        #3e97ff,  /* base */
        #5aaaff,  /* lighter */
        #80bbff   /* lightest */
    );

}

/* SweetAlert 2 Custom  */
button.swal2-confirm.swal2-styled {
    background-color: #3E97FF;
}