/*Browser Upgrade CSS*/
:active,
:focus {
  input:focus (outline: 2px dashed #000000);
}

.buorg {
    position: absolute;
    width: 100%;
    left: 0px;
    border-bottom: 1px solid #A29330;
    background: #FDF2AB none !important;
    text-align: left;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    color: #323232;
    font-size: 16px !important;
    height: 100%;
}

a.skip-main {
    left:-999px;
    position:absolute;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
    z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
    color: #fff;
    background-color:#000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow:auto;
    margin: 10px 35%;
    padding:5px;
    border-radius: 15px;
    border:4px solid yellow;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}

    .buorg div {
        padding: 75px 36px 75px 40px !important;
    }

    .buorg a {
        color: #245D00;
    }

#buorgclose {
    position: absolute;
    right: .5em;
    top: .2em;
    height: 20px;
    width: 12px;
    font-weight: bold;
    font-size: 14px;
    padding: 0;
}
/*Base*/
.styled-select {
    overflow: hidden;
    background: url('/images/select-down-arrow-gray.png') no-repeat right #fff;
    background-position: right 18px;
}

    .styled-select select {
        background: transparent;
        width: 100%;
    }

        .styled-select select::-ms-expand {
            display: none;
        }

        .styled-select select:hover {
            background: rgba(245,245,245,0.43);
        }

        .styled-select select:focus {
            background: rgba(245,251,254,0.43);
        }

span.money-field {
    position: relative;
    top: -5px;
    color: darkgray;
}

#sketchpad {
    float: left;
    min-height: 100px;
    min-width: 480px;
    border: 2px solid #888;
    border-radius: 4px;
    position: relative; /* Necessary for correct mouse co-ords in Firefox */
}

#clearbutton {
    font-size: 15px;
    padding: 10px;
    -webkit-appearance: none;
    background: #eee;
    border: 1px solid #888;
}

i.uk-icon-dollar.form-icon-large {
    top: 38% !important;
}

i.uk-icon-dollar.xform-icon-large {
    top: 37% !important;
}

.uk-icon-tiny {
    font-size: 68%;
}

.section-number {
    width: 60px;
    height: 60px;
    background: #909090;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin-left: auto;
    margin-right: auto;
}

div.section-number:hover {
    background: #034C02;
    -webkit-box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    -moz-box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.section-number p {
    text-align: center;
    font-size: 22px;
    padding-top: 10px;
    color: white;
}

.section-current {
    background: #478151;
    -webkit-box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    -moz-box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    box-shadow: inset 5px 5px 14px 0px rgba(50, 50, 98, 0.75);
    cursor: progress;
}

.section-complete {
    background: #2F6081;
    cursor: pointer;
}

.uk-overlay-background {
    background: rgba(0, 0, 0, 0.78);
}

.sdo-shadow {
    -webkit-box-shadow: -1px 6px 20px -1px rgba(0,0,0,0.56);
    -moz-box-shadow: -1px 6px 20px -1px rgba(0,0,0,0.56);
    box-shadow: -1px 6px 20px -1px rgba(0,0,0,0.56);
}

.sdo-padd-10 {
    padding: 10px;
}

.sdo-padd-20 {
    padding: 20px;
}

em {
    color: inherit;
}

#home-top-bg1 {
    background: url('https://savethedream.ohiohome.org/images/svdr-home-dark.jpg') no-repeat top;
    padding: 10px 0;
}

#home-top-bg2 {
    background: url('https://savethedream.ohiohome.org/images/svdr-uap-dark.jpg') no-repeat top;
    padding: 10px 0;
}

#additional-resources {
    background-image: url('https://savethedream.ohiohome.org/images/sdo-resources.jpg') no-repeat middle !important;
    padding: 25px 0;
}

#section-top-bg {
    background: url('../images/home-top-bg.jpg') no-repeat top;
    padding: 10px 0;
}

#prequal-list {
    background-image: url('../images/home-top-bg-mobile.jpg');
}

#pre-qual-questions, #pre-qualify-box, #document-list-box {
    /*overflow: scroll;*/
}

#home-top-bg, #document-list-box {
    height: auto;
}

/*XLarge*/
@media screen and (max-width:1220px) {
}
/*Large*/
@media screen and (max-width:960px) {
}
/*Medium*/

@media (min-width: 768px) {
    .uk-width-medium-1-1 {
        width: 100%;
    }

    .uk-width-medium-1-2,
    .uk-width-medium-2-4,
    .uk-width-medium-3-6,
    .uk-width-medium-5-10 {
        width: 50%;
    }

    .uk-width-medium-1-3,
    .uk-width-medium-2-6 {
        width: 33.333%;
    }

    .uk-width-medium-2-3,
    .uk-width-medium-4-6 {
        width: 66.666%;
    }

    .uk-width-medium-1-4 {
        width: 25%;
    }

    .uk-width-medium-3-4 {
        width: 75%;
    }

    .uk-width-medium-1-5,
    .uk-width-medium-2-10 {
        width: 20%;
    }

    .uk-width-medium-2-5,
    .uk-width-medium-4-10 {
        width: 40%;
    }

    .uk-width-medium-3-5,
    .uk-width-medium-6-10 {
        width: 60%;
    }

    .uk-width-medium-4-5,
    .uk-width-medium-8-10 {
        width: 80%;
    }

    .uk-width-medium-1-6 {
        width: 16.666%;
    }

    .uk-width-medium-5-6 {
        width: 83.333%;
    }

    .uk-width-medium-1-10 {
        width: 10%;
    }

    .uk-width-medium-3-10 {
        width: 30%;
    }

    .uk-width-medium-7-10 {
        width: 70%;
    }

    .uk-width-medium-9-10 {
        width: 90%;
    }
}

@media screen and (max-width:768px) {

    #section-nav {
        display: none;
    }
}
/*Small*/

@media (min-width: 480px) {
    .uk-width-small-1-1 {
        width: 100%;
    }

    .uk-width-small-1-2,
    .uk-width-small-2-4,
    .uk-width-small-3-6,
    .uk-width-small-5-10 {
        width: 50%;
    }

    .uk-width-small-1-3,
    .uk-width-small-2-6 {
        width: 33.333%;
    }

    .uk-width-small-2-3,
    .uk-width-small-4-6 {
        width: 66.666%;
    }

    .uk-width-small-1-4 {
        width: 25%;
    }

    .uk-width-small-3-4 {
        width: 75%;
    }

    .uk-width-small-1-5,
    .uk-width-small-2-10 {
        width: 20%;
    }

    .uk-width-small-2-5,
    .uk-width-small-4-10 {
        width: 40%;
    }

    .uk-width-small-3-5,
    .uk-width-small-6-10 {
        width: 60%;
    }

    .uk-width-small-4-5,
    .uk-width-small-8-10 {
        width: 80%;
    }

    .uk-width-small-1-6 {
        width: 16.666%;
    }

    .uk-width-small-5-6 {
        width: 83.333%;
    }

    .uk-width-small-1-10 {
        width: 10%;
    }

    .uk-width-small-3-10 {
        width: 30%;
    }

    .uk-width-small-7-10 {
        width: 70%;
    }

    .uk-width-small-9-10 {
        width: 90%;
    }
}


@media screen and (max-width:480px) {

    #section-top-bg {
        padding: 0;
        padding-bottom: 25px;
    }

    #home-top-bg {
        background: url('../images/home-top-bg-mobile.jpg') no-repeat top;
        background-color: #F6F5E8;
        padding: 0 0 25px;
    }

    #pre-qualify-form {
        min-height: 568px !important;
    }
}

@media screen and (max-height:773px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 773px !important;
    }
}

@media screen and (max-height:736px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 736px !important;
    }
}

@media screen and (max-height:731px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 731px !important;
    }
}

@media screen and (max-height:667px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 667px !important;
    }
}

@media screen and (max-height:640px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 640px !important;
    }
}

@media screen and (max-height:568px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 568px !important;
    }
}

@media screen and (max-height:414px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 414px !important;
    }
}

@media screen and (max-height:411px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 411px !important;
    }
}

@media screen and (max-height:375px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 375px !important;
    }
}

@media screen and (max-height:360px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 360px !important;
    }
}

@media screen and (max-height:320px) {
    #pre-qual-questions, #pre-qualify-box, #document-list-box {
        height: 320px !important;
        overflow: scroll;
    }
}

body.modal-open {
    position: fixed;
    overflow: hidden;
    left: 0;
    right: 0;
}

.uk-modal {
    -webkit-overflow-scrolling: auto;
}

/* This is our style for the invalid fields */
input:invalid {
    border-color: #900 !important;
    background-color: #FDD !important;
}

input:focus:invalid {
    outline: none !important;
}