.logo {
    background-image: url(/assets/envision2015/images/logohpsworldstrides.svg) !important;
    background-repeat: no-repeat !important;
}

h1, h2, h3, h4, h5, h6, h7 {
    text-decoration: none;
    color: #555;
}

center h1 {
    color: #555;
}

a:hover {
    color: #f1c400;
}

th {
    color: #000 !important;
}

.tblHeader {
    color: #000 !important;
}

ul {
    line-height: 2em;
}

    ul li.notCompleted:before, ul li.completed:before {
        margin-right: 15px !important;
    }

.completed img, .notCompleted img {
    margin-right: 10px;
}

.completed a {
    color: #555 !important;
}

@media (max-width: 840px) {
    .logo {
        /*bottom: 0px;
        width:90px !important;
    height: 90px !important;
    top:-14px !important;*/
        max-width: 100%;
        height: auto;
        display: block;
    }
}

@media (min-width: 1000px) {
    .logo {
        /*width:124px !important;*/
        /*height: 124px !important;*/
        border-radius: 0px !important;
        /*margin-bottom : -8px !important;*/
    }
}

header {
    background-color: #1d2022;
    border-bottom: 15px solid #f1c400;
}

.lightblue {
    color: #33383c;
}


.main-container-oe {
    color: #3c4044;
}

.btn.orange, button.orange, input[type=button].orange, input[type=submit].orange, .btn-continue, .btnOrangeGlow {
    background: #f1c400 !important;
    color: #33383c;
    font-weight: 600;
}

#btn-login {
    color: #381d0a;
    font-weight: 600;
}

a.btn.orange, button.orange, input[type=button].orange, input[type=submit].orange, .btn-continue, .btnOrangeGlow {
    background: #f1c400;
}

    a.btn.orange:hover, button.orange:hover, input[type=button].orange:hover, input[type=submit].orange:hover .btn-continue:hover, .btnOrangeGlow:hover {
        background: #fff;
        color: #381d0a;
        border-color: #f1c400;
    }

a.btn.blue, button.blue, input[type=button].blue, input[type=submit].blue, .btn.btn-primary {
    background: #524c4a;
    color: #fff;
}

.white {
    color: #292c2e;
}

a.btn.blue:hover, button.blue:hover, input[type=button].blue:hover, input[type=submit].blue:hover, .btn.btn-primary:hover {
    background: #fff;
    color: #0a203a;
    border-color: #4a5868;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: none;
    outline: -webkit-focus-ring-color auto 0px;
    outline-offset: 0px;
}

#mobileMenu {
    background: #2e3236;
}

footer {
    background: rgb(48 48 48);
}

.mobile-header {
    background-color: #1d2022;
    border-bottom: 15px solid #f1c400;
    min-height: 75px
}


.flagger {
    background-color: #f1c31961 !important;
}

    .flagger div {
        color: #000 !important;
    }

#missingFormsButton.redButton, #latePaymentButton.redButton {
    background-color: #cc0000 !important;
    font-weight: 600 !important;
    color: white;
}

#auditionFormsButton.redButton {
    background-color: #cc0000 !important;
    font-weight: 600 !important;
    color: white;
}



.red-box#amount-owed {
    background-color: #f1c31961 !important;
}

.activeOrder { /* removed .scholarOrder for 1311*/
    background-color: #f1c31961 !important;
}

.legendHeader {
    background-color: transparent !important;
    border-bottom: 1px solid gray;
    border-radius: 0px !important;
    width: 100% !important;
    margin-bottom: 10px;
}

.activeOrder div {
    color: #000 !important;
}

.category {
    background-color: #f1c319 !important;
    margin-bottom: 15px;
}

label.program-details-link:hover {
    color: #f1c400 !important;
}

.program-details-learn-more-link a {
    color: #7e7d7c !important
}

label .program-details-learn-more-link:hover {
    color: #f1c400 !important;
}

#enrollment-header h1, .menu-bar-links, .current-enrollments, .available-enrollments, label.program-details-link {
    color: #45443d !important;
}

    .menu-bar-links:hover {
        color: #f1c400 !important;
    }

.contact-form {
    border-top: 3px solid #f1c400;
}

div.roundedbox div {
    color: #555 !important;
}

.btnOrangeGlow {
    animation: glowing 1300ms infinite;
}

    .btnOrangeGlow:hover {
        background-color: #fff !important;
    }

@-webkit-keyframes glowing {
    0% {
        background-color: #f1c400;
        -webkit-box-shadow: 0 0 3px #f1c400;
    }

    50% {
        background-color: #f1c400;
        -webkit-box-shadow: 0 0 15px #f1c400;
    }

    100% {
        background-color: #f1c400;
        -webkit-box-shadow: 0 0 3px #f1c400;
    }
}

@keyframes glowing {
    0% {
        background-color: #f1c400;
        box-shadow: 0 0 3px #f1c400;
    }

    50% {
        background-color: #f1c400;
        box-shadow: 0 0 15px #f1c400;
    }

    100% {
        background-color: #f1c400;
        box-shadow: 0 0 3px #f1c400;
    }
}