:root {       
    --darkGray: #4d4d4d;
    --lightGray: #777b84;
    --bjbBlue : #15527c;
    --darkBlue : #0f4367;
    --white : #FFFFFF;
    --lighYellow : #FFEFBA;
}
body {
    /* background-image: linear-gradient(to bottom right, #FDFCFB, #E2D1C3); */
    background: var(--lightGray);
}
.w-20 {
    width: 20% !important;
}
.w-33 {
    width: 33.3333333% !important;
}
.w-60 {
    width: 60% !important;
}
.w-95 {
    width: 95% !important;
}
.w-98 {
    width: 98% !important;
}
.h-60 {
    height: 60% !important;
}
.h-80 {
    height: 80% !important;
}
.mt-30 {
    margin-top: 8rem !important;
}
.bg-dark-blue {
    background: var(--darkBlue) !important;
}
.bg-dark-gray {
    background: var(--darkGray) !important;
}
.bg-light-yellow {
    background: var(--lighYellow) !important;
}
.btn {
    text-transform: uppercase !important;
}
.btn-dark-blue, .btn-dark-blue:hover,  .btn-dark-blue.show {
    background: var(--darkBlue);
    color: #FFFFFF;
}
.btn-light-gray, .btn-light-gray:hover,  .btn-light-gray.show {
    background: var(--lightGray);
    color: #FFFFFF;
}
.btn-light-blue {
    background: var(--bjbBlue);
    color: #FFFFFF;
}
.btn-light-blue:hover,  .btn-light-blue.show{
    background: var(--darkGray);    
}
.shadow-gray {
    -webkit-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 17px 0px rgba(0,0,0,0.75);
}
.font-inter {
    font-family: "Inter", serif;
}
.font-titillium {
    font-family: "Titillium Web", sans-serif;
}
.text-right {
    text-align: right !important;
}
table thead th {
    background: var(--bjbBlue) !important;
    color: #FFFFFF !important;
}

/* scrollbar */
.scroll{
    overflow:scroll;
}
.scroll::-webkit-scrollbar,
::-webkit-scrollbar {
    /* width */
    width: 6px;
    height: 6px;
}
.scroll::-webkit-scrollbar-track,
::-webkit-scrollbar-track {
    /* Track */
    background: var(--darkGray);
}
.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(--lightGray);
}