
/****************Background Colors*****************/
.white-background {
    background-color: #fff;
}
.disable-background {
    background-color: #D4D4EA !important;
}
.no-background {
    background-color: transparent !important;
}

.offwhite-background {
    background-color: #FAFAFA !important;
}

.semigray-background {
    background-color: #FAF8FA
}

.offred-background {
    background-color: #FCE8CC;
}

.gray-background {
    background-color: #7C79A6;
}

.offgray-background {
    background-color: #F0F2EF;
}

.blue-background {
    background-color: #64AAE5;
}


.green-background {
    background-color: #7BC4B1;
}

.brown-background {
    background-color: #D9CBB7;
}

.violet-background {
    background-color: #A3869D;
}

.bluishwhite-background {
    background-color: #F5F8FF;
}

.offred-background {
    background-color: #F5F1ED;
}

.offgreen-background {
    background-color: #F0F2EF;
}

.offmoov-background {
    background-color: #F4EFF3;
}

.offbrown-background {
    background-color: #F5F1ED;
}

.whitegreen-background {
    background-color: #c3f1cd66 !important;
}
.dark-background {
    background-color: #2D4379 !important;
}

/******************Buttons Colors************/

.main-button {
    background-color: #2374E2 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.white-button {
    background-color: #fff !important;
    color: #279EFF !important;
    box-shadow: none !important;
/*    border: 1px solid #279EFF !important;
*/    line-height: 2.2 !important;
    border-radius: 8px !important;
}
.add-form-button {
    min-width: 50px;
    height: 40px;
    color: white !important;
    background-color: #279EFF !important;
    box-shadow: none !important;
    border: 1px solid #279EFF !important;
    border-radius: 8px !important;
}
.white-button-dark {
    background-color: #fff !important;
    color: #083B80 !important;
    box-shadow: none !important;
    border: 1px solid #2374E2 !important;
}

.white-borderd-button {
    background-color: #fff !important;
    color: #083B80 !important;
    box-shadow: none !important;
    border: 1px solid #279EFF !important;
}

.babyblue-background {
    background-color: #279EFF !important
}
.hover-bg:hover {
    background: rgba(39,158,255, 0.2) !important
}
div.mx-2 > button{
    border: 0 !important;
}
/****************Pages**********************/
.login-box input, .register-box input {
    border: 1px solid #FAFAFA;
}

nav ul li a span {
    position: relative;
    top: 0px
}

nav ul li a:hover {
    color: #279EFF !important;
}

nav ul li .active1 {
    position: relative;
}

nav ul li a:hover, nav ul li .active1 {
    color: #279EFF !important;
}

    nav ul li .active1:after {
        position: absolute;
        content: ' ';
        width: 100%;
        height: 5px;
        background: #279EFF;
        top: 62px;
        right: -3px;
    }

.header {
    background-color: #FAFAFA;
}

.share a {
    color: #7C79A6;
}

    .share a:hover {
        color: #2374E2;
    }

.contact-us {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.bm-li-img {
    background-color: #fff;
}

.white-border-15 {
    border: 15px solid #fff;
}

input {
    border: 1px solid #eee;
    color: #808080;
}

    input::placeholder {
        color: #000;
    }

textarea {
    border: 1px solid #D2D7E0;
    color: #000;
}

    textarea::placeholder {
        color: #D2D7E0;
    }

.fa-google {
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.circule-number {
    background-color: rgba(214,235,251,0.4);
    color: #279EFF;
}

.secondery-header-ovarlay {
    background-color: rgba(45,67,121,0.6);
}

.footer {
    background-color: #2D4379;
}

    .footer ul li, .footer ul li a, .footer ul li a i {
        color: white;
        text-decoration: none;
    }

.nav-sidebar li .active {
    color: #fff !important;
}

.register-page, .login-page {
    background-color: #F4F6F9 !important;
}

.new-btn {
    width: 130px;
    color: #28C76F !important;
    background: rgba(40, 199, 111, 0.2) !important;
}

.babyblue2-color {
    color: #279EFF !important
}
/***********General Colors******************/
/*****************Text Colors**************/
.dark-color {
    color: #2D4379;
}

.gray-color {
    color: #7C79A6 !important;
}

.blue-color {
    color: #4682B4;
}

.purple-color {
    color: #A2A0C0;
}

.brown-color {
    color: #76725E;
}

.c-color {
    color: #6e6d6c;
}

.gray-dark-color {
    color: #6e6d6c;
}

.gradient-gold-color {
    color: #89704D;
}

.babyblue-color {
    color: #279EFF !important
}

.blue-color1 {
    color: #ffffff !important;
    background: #234771;
}

.green-color {
    color: #7B9571;
}

.violet-color {
    color: #7B6376;
}

.gold-color {
    color: #8B714D;
}

.red-color {
    color: #EA5455 !important;
}

.disable-color {
    color: #D4D4EA !important;
}

.white-color {
    color: #fff;
    font-size: 52px;
}

.semi-black {
    color: #54575A;
}

.whitegreen-color {
    color: #28C76F;
}

.whitefont-color {
    color: #fff;
}