:root {
    --light-primrary: #2F88FB;
    --dark-primrary: #0552A4;
}

html {
    --scrollbarBG: #fff;
    --thumbBG: #4e73df;
}

.select2-container {
    width: 100% !important;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

.pointer {
    cursor: pointer !important;
}

/* #dataTable {
    white-space: nowrap !important;
} */

#dataTable tfoot {
    display: table-header-group !important;
}

.dashed-border {
    border: 1px dashed black;
}

.hide {
    display: none !important;
}

.note-toolbar {
    background-color: lightgray !important;
}

.primary-dark-color {
    color: var(--dark-primrary) !important;
}

.primary-light-color {
    color: var(--light-primrary) !important;
}

.primary-dark-bg {
    background-color: var(--dark-primrary) !important;
}

.primary-light-bg {
    background-color: var(--light-primrary) !important;
}

.font-900{
    font-weight: 900 !important;
}

.text-white-sub a{
    color: #FFF !important;
}

.fonts-28{
    font-size: 28px;
}
.fonts-26{
    font-size: 26px;
}
.fonts-22{
    font-size: 22px;
}
.fonts-18{
    font-size: 18px;
}

#dataTable > thead > tr > th{
    background-color: var(--light-primrary) !important;
    color: #FFF !important;
}

.page-item.active .page-link{
    background-color: var(--light-primrary) !important;
    color: #FFF !important;
}

.page-link{
    color: var(--dark-primrary) !important;
}

div.dataTables_info{
    color: var(--dark-primrary) !important;
}



.cust-footer {
    position: fixed;
    bottom: 0;
    width: auto;
    width: 100%;
    max-width: 100%;
}

.cust-footer_text {
    padding-right: 250px;
    padding-top: 7px;
    width: 100%;
    height: 3rem;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    font-weight: 600;
    font-size: 18px;
}
.cust-footer_logo {
    height: 20px;
    width: 20px;
}