:root {
    --BlueOriginal : #2A65EF; 
    --BlueDark : #22477F;
    --darkGray: #212121;       
    --midGray: #4d4d4d;
    --lightGray: #777b84;
}
#global-loader {
    background: var(--darkGray);
    opacity: 90%;
    z-index: 9999999;
}
.uppercase {
    text-transform: uppercase !important;
}
.lowercase {
    text-transform: lowercase !important;
}
.border-radius-12 {
    border-radius: 12px !important;
}
.tx-dark-blue {
    color: var(--BlueDark);
}
.tx-ori-blue {
    color: var(--BlueOriginal);   
}
.table thead th {
    background: var(--BlueDark);
    color: white;
     text-align: center; 
    vertical-align: middle;
    font-size: .8rem;
}
.table tbody td {
    vertical-align: middle;
}
.btn-icon {
    display: inline-flex !important;
}
.wd-160 {
    width: 160px;
}
#back-to-top {
    background: linear-gradient(45deg, var(--BlueOriginal), var(--BlueDark)) !important;
} 
/* scrollbar */
.scroll{
    /* overflow:scroll; */
    overflow:auto;
}
.scroll::-webkit-scrollbar,
::-webkit-scrollbar {
    /* width */
    width: 6px;
    height: 6px;
}
.scroll::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
    /* Track */
    background: var(--lightGray);
}
.scroll::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb {
    /* Handle */
    background: var(--midGray);
}
.scroll::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
    /* Handle on hover */
    background: var(--darkGray);
}