@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap');

html,
body {
    background-color: #EDEDED !important;
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.navbar-custom {
    background-color: #EDEDED !important;
}

#pre-loader {
    background-color: #EDEDED !important;
}

#user-dropdown {
    color: #0D2752 !important;
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.sidebar-scroll,
.sidebar-brand,
.sidebar-off {
    background-color: #0D2752 !important;
}

.sidebar-scroll span,
.sidebar-scroll svg,
.sidebar-menu a {
    color: #fff !important;
}

.sidebar-menu a {
    margin: 0 14px 0 0 !important;
    position: relative !important;
}

.sidebar-toggled .sidebar-menu a {
    margin-right: 0 !important;
}

.sidebar-menu li.active a,
.sidebar-menu li.expand ul,
.sidebar-toggled .sidebar-menu li:hover {
    background-color: #03183B !important;
}

.sidebar-menu>li.active>a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background-color: #5BA3FF !important;
}

.sidebar-menu li a:active,
.sidebar-menu li a:hover,
.sidebar-menu li a:focus {
    background-color: #03183B !important;
}

.sidebar-menu>li>a:hover::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background-color: #5BA3FF !important;
}

.ps .ps__rail-y:hover {
    background-color: transparent !important;
}

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap');

th {
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #B5B7C0 !important;
}

td {
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #0D2752 !important;
}

#table-title {
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #0D2752 !important;
    font-size: 40px !important;
}

/* Ensure common UI controls also inherit Quicksand across the app where this CSS is loaded */
button,
input,
select,
textarea,
.form-control,
.form-select,
.btn {
    font-family: inherit !important;
}

/* Force Quicksand on Select2 widgets */
.select2,
.select2-container,
.select2-container .select2-selection,
.select2-container .select2-selection__rendered,
.select2-container .select2-selection__placeholder,
.select2-container .select2-search__field,
.select2-dropdown,
.select2-results__option {
    font-family: inherit !important;
}

/* Force Quicksand on Select2 v3 single/multiple selection (selected chip/box) */
.select2-container .select2-choice,
.select2-container .select2-choices,
.select2-container .select2-choice .select2-chosen,
.select2-container .select2-choices .select2-search-field input {
    font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #F5F5F5 !important;
    border-radius: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a {
    background-color: #0D2752 !important;
    color: #fff !important;
    border-radius: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.active a:hover {
    background-color: #0D2752 !important;
    color: #fff !important;
    border-radius: 0px;
}

ul.pagination {
    display: flex;
    gap: 12px;

}

.search-box,
[type="search"] {
    background-color: #F8F8F8 !important;
    border: none !important;
}