/*
    LIST OF VARIABLES
    'https://edcportalcdn.azureedge.net/edcpublicfiles/ClinicFiles/Clinic150/bg-egg-donor.jpg'
    #57c0d3
    #57c0d3
    57px
    -125px
    0px
    21.5px
    rgba(87, 192, 211, 0.9);
    175px
    375px
    315px
    0
     transparent
    [BGImgUrlMobile]
*/

.activeTabStep {
    background-color: #57c0d3 !important;
}

h3 {
    color: #57c0d3 !important;
}



.sk-chasing-dots .sk-child {
    background-color: #57c0d3 !important;
}


.sk-chasing-dots .sk-dot2 {
    background-color: #57c0d3 !important;
}

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

.clinicBGColor {
    background-color: #57c0d3 !important;
}

.clincFontColor {
    color: #57c0d3 !important;
}


.altclincFontColor {
    color: #57c0d3 !important;
}

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


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

button.forward, button.submit {
    background-color: #57c0d3 !important;
}

.backward:hover, .forward:hover {
    background-color: #57c0d3 !important
}

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


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

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

#prescreenHeader {
    color: #57c0d3;
}


h3#desktopPrescreenHeader {
    background-color: rgba(87, 192, 211, 0.9);;
    top: 315px;
}

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


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

    #divMainStage {
        background-position-y: 0px;
        height: 150px;
        height: 175px;
    }
}


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