

.loginGreen {
    background-color: #a3ad4a;
    float: left;
    margin: 0px !important;
    padding: 31px 22px 0px 20px;
    height: 358px;
    width: 200px !important;
}

    .loginGreen h5 {
        font-size: 20px;
        color: #fff;
        font-weight: 100;
    }

    .loginGreen label {
        color: #fff;
    }

    .loginGreen input[type='submit'] {
        background: url(../img/gradient-bckgrnd.jpg);
        color: #575d24 !important;
        height: 26px;
        padding: 0 8px !important;
    }

.safari .loginGreen {
    height: 357px;
}

.contentMinHeight {
    min-height: 272px;
}

.mozilla .contentMinHeight {
    min-height: 281px;
}

div.middle .div-image {
    float: left;
}

    div.middle .div-image .img-size {
        width: 679px;
    }


div.group label.text {
    width: 20%;
    float: left;
    color: #004185;
    margin-bottom: 0px;
}

div.group select.selectItem {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 14px;
}

div.group input.password {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 14px;
    width: 200px;
}

div.group input.submit {
    font-family: 'Lato', sans-serif;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    padding: 8px;
    border: 0;
    background-color: #e9a02e;
    cursor: pointer;
}

/* Custom classes for security questions */
div.group.security label.text {
    color: #004185;
    float: left;
}

div.group.security span {
    display: block;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 10px;
}

div.group.security select.selectItem {
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 14px;
    width: 100%;
    height: 25px;
}

div.group.security input.text {
    width: 100%;
}

div.group.security .security-answer {
    overflow-y: auto;
    overflow-x: auto;
    word-break: break-all;
    width: 100%;
}

    div.group.security .security-answer span {
        padding: 0px !important;
    }
/* Custom classes for security questions */

body.home #circle_caption {
    width: 782px;
    float: left;
    margin-left:;
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
}

@media only screen and (max-width: 768px) {
 

    .smallDevice {
        float: left !important;
        margin-left: 20px;
    }

    .contentMinHeight {
        min-height: 190px;
    }

    .noDisplay {
        display: none;
    }

    .greenMiddle {
        padding: 1.5% 1.5% 0;
        width: 97%;
    }

    .loginGreen {
        padding: 3% 2.5% 0px 2.5%;
        width: 94.5% !important;
    }

    /* Custom classes for security questions */
    div.group.security label.text {
        color: #004185;
        float: left;
        font-size: 14px;
        white-space: nowrap;
        min-width: 120px;
    }
    /* Custom classes for security questions */

}
