﻿body {
    background-color: #0058A9;
    color: #0058A9;
    margin: 0px !important;
}

form {
    margin-bottom: 0px;
}

h2, h5 {
    font-weight: bold;
}

h5 {
    color: #206ec8;
}

    h5 span {
        color: #f72a2b;
    }

p a, label a {
    font-weight: bold;
    color: #0058a9;
}

    p a:hover, label a:hover {
        color: #f72a2b;
        text-decoration: none;
        cursor: pointer;
    }

.body-content {
    background-color: #FFF;
    margin: 0 auto;
    padding: 0 45px;
}

div.header img, div.footer img {
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .container {
        max-width: 970px;
    }
}

div.prelim-application h2 {
    margin-bottom: 0px;
}

div.prelim-application p {
    margin-top: 0px;
    margin-bottom: 30px;
}

div.verify-status {
    padding-top: 34px;
    padding-left: 0px;
    width: 20px;
}

div.appl-form {
    background-color: #deebf7;
    /*color: #3292dd;*/
    margin: 15px;
    padding: 15px;
}

    div.appl-form .form-group {
        margin-bottom: 0px;
    }

    div.appl-form label {
        font-weight: bold;
        font-size: 12px;
    }

        div.appl-form label span {
            color: #f72a2b;
        }

    div.appl-form .division {
        margin-top: 0px;
    }
/*https://stackoverflow.com/questions/22743457/how-can-i-change-the-size-of-a-bootstrap-checkbox*/
div.appl-form-checkbox input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
    margin-right: 10px;
}

div.appl-form-checkbox {
    padding-top: 32px;
}

p.text-messaging-optin {
    font-size: 11px;
    color: #5c8fdb;
}
/* Auto-generated class*/
div.dd_chk_select {
    height: 31px !important;
    padding: 5px 10px !important;
    width: 35% !important;
    font-size: 14px;
    color: #555 !important;
}

#ContentPlaceHolder1_chkCollege_sl {
    font-size: 14px;
}

div.dd_chk_drop {
    margin-top: 10px !important;
}

    div.dd_chk_drop label {
        font-size: 14px;
        color: #555;
        font-weight: normal !important;
    }

    div.dd_chk_drop input {
        margin-right: 5px;
    }

@media screen and (min-width: 992px) {
    input.input-width-25, select.select-width-25 {
        width: 25%;
    }
}

@media screen and (min-width: 992px) {
    input.input-width-35, select.select-width-35 {
        width: 35%;
    }
}

@media screen and (min-width: 992px) {
    input.input-width-50, select.select-width-50 {
        width: 50%;
    }
}

/*@media screen and (min-width: 992px) {
    input.input-width-75, select.select-width-75 {
        width: 75%;
    }
}
*//*@media screen and (max-width: 992px) {
            input.input-width-50, select.select-width-50 {
                width: 100%;
            }
        }*/
/*@media screen and (min-width: 992px) {
    input.input-width-75 {
        width: 75%;
    }
}
*/
@media screen and (max-width: 992px) {
    input.input-width-75 {
        width: 100%;
    }
}

.btn-color {
    /*background-color: #9aca3c;*/
    background-color: #a9ce62 !important;
    width: 300px;
    height: 45px;
    text-align: center;
    color: #fff;
}

div.footer p {
    margin: 0px !important;
}

.btn-color1 {
    background-color: purple;
    width: 300px;
    height: 45px;
    text-align: center;
}

.margin-top-one {
    margin-top: 20px;
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
}
