:root {
    --btnoneclr: #2E7DB6;
    --btntwoclr: #005794;
    --btnhover: #499edb;
    --plainclr: #fff;
    --darkclr: #000;
    --bglight: #F3F3F3;
}

body {
    background-color: var(--bglight);
}

.bglight {
    background-color: var(--bglight) !important;
}

a {
    text-decoration: none;
    color: var(--darkclr);
}

.btn-theme-one {
    background-color: var(--btnoneclr) !important;
    color: var(--plainclr) !important;
}

.btn-theme-one:hover,
.btn-theme-one:focus,
.btn-theme-one:active {
    background-color: var(--btnhover) !important;
    color: var(--plainclr) !important;
}

.btn-theme-two {
    background-color: var(--btntwoclr) !important;
    color: var(--plainclr) !important;
}

.btn-theme-two:hover,
.btn-theme-two:focus,
.btn-theme-two:active {
    background-color: var(--btnhover) !important;
    color: var(--plainclr) !important;
}


.bg-white-theme {
    background-color: var(--plainclr);
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}



/* left search */
.search-box {
    position: relative;
}

.search-bar {
    position: absolute;
    right: 8px;
    top: 8px
}


/* multiple cards */
.info-box {
    display: flex;
    align-items: center;
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.info-box-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    border-radius: 0.5rem;
    color: #fff;
    margin-right: 1rem;
}

.bg-blue {
    background-color: #2E7DB6 !important;
}

.bg-red {
    background-color: #FF0000 !important;
}

.bg-green {
    background-color: #249D58 !important;
}

.bg-orange {
    background-color: #E16B16 !important;
}

.light-blue {
    background-color: #E9F8FF !important;
}

.light-red {
    background-color: #FFD5D5 !important;
}

.light-green {
    background-color: #E4FEEF !important;
}

.light-orange {
    background-color: #FFF5D9 !important;
}