/*
    LIST OF VARIABLES
    'https://edcportalcdn.azureedge.net/edcpublicfiles/ClinicFiles/Clinic233/bg-egg-donor.jpg'
    #409fd0
    #409fd0
    100px
    -50px
    -50px
    0px
    rgba(64, 159, 208, 0.9);
    100px
    315px
    255px
    0
     transparent
    [BGImgUrlMobile]
*/

.activeTabStep {
    background-color: #409fd0 !important;
}

h3 {
    color: #409fd0 !important;
}



.sk-chasing-dots .sk-child {
    background-color: #409fd0 !important;
}


.sk-chasing-dots .sk-dot2 {
    background-color: #409fd0 !important;
}

#divMainStage {
    background-image: url('https://edcportalcdn.azureedge.net/edcpublicfiles/ClinicFiles/Clinic233/bg-egg-donor.jpg');
    background-position-y: -50px;
    height: 315px;
}

.clinicBGColor {
    background-color: #409fd0 !important;
}

.clincFontColor {
    color: #409fd0 !important;
}


.altclincFontColor {
    color: #409fd0 !important;
}

.outer {
    background-color: #409fd0 !important;
    background: linear-gradient(to bottom right, #409fd0, #409fd0);
}


@media (max-width: 768px) {
    #divMobilePageMenu, #divTabs {
        background: linear-gradient(to bottom, #409fd0, #409fd0);
    }
}

button.forward, button.submit {
    background-color: #409fd0 !important;
}

.backward:hover, .forward:hover {
    background-color: #409fd0 !important
}

.nav-tabs > li.active > a {
    background-color: #409fd0 !important;
}


.nav-tabs > li > a:hover {
    background-color: #409fd0 !important;
}

.logoimage {
    height: 100px !important;
    margin-top: 0px !important;
    padding: 0 !important;
    background-color: transparent;
}

#prescreenHeader {
    color: #409fd0;
}


h3#desktopPrescreenHeader {
    background-color: rgba(64, 159, 208, 0.9);;
    top: 255px;
}

.edc-save-btn {
    border: 1px solid #409fd0 !important;
    background-color: #409fd0 !important;
    color: #ffffff !important;
}



/* START: FINISH INCOMPLETE PAGE */

#divIncompletePageSection {
    background-color: #409fd0 !important;
    color: white !important;
}

    #divIncompletePageSection .notstarted {
        color: white !important;
    }

    #divIncompletePageSection h3 {
        color: white !important;
        margin-top: -10px;
        font-weight: bold !important;
    }


@media (max-width: 991px) {
    #divIncompletePageSection {
        padding: 15px 25px 5px 25px;
    }
}

/* END: FINISH INCOMPLETE PAGE */


@media (max-width: 991px) {
    .logoimage {
        height: auto !important;
        padding:0 !important;
        background-color:transparent;
    }

    #divMainStage {
        background-position-y: -50px;
        height: 150px;
        height: 100px;
    }
}


@media (max-width: 776px) {
    #divMainStage {
        background-image: url('https://edcportalcdn.azureedge.net/edcpublicfiles/ClinicFiles/Clinic233/bg-egg-donorx776.jpg');
    }
}