.lh-40 {
    line-height: 40px;
}

.title {
    color: #000000;
    font-size: 3rem;
    line-height: 56px;
}

.black-text {
    color: #000000;
    font-size: 1rem;
    line-height: 24px;
}

.link {
    color: #00529E;
    font-size: 1rem;
    line-height: 24px;
}



.login-bg {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 864px;
}

.dvleft-white {
    padding-top: 192px;
    width: 516px;
    height: 864px;
    background: #fff;
}

.minH700 {
    min-height: 700px;
}

.signin-createaccount-box-width {
    width: 338px;
}

.warning-bg {
    background: url(//res2.grays.com/handlers/imagehandler.ashx?t=cr&id=62125&s=d&index=0&ct=svg) no-repeat 97% 50%;
}

.valid-bg {
    background: url(//res0.grays.com/handlers/imagehandler.ashx?t=cr&id=62911&s=d&index=0&ct=svg) no-repeat 97% 23%;
}

.transparent-bg{
    background-color:transparent !important;
}


.validation-error {
    line-height: 26px;
    border-radius: 2px;
    background-color: #F8E7EB;
    margin: 2px 0;
    color: #B71234;
    font-size: 0.875rem;
    font-weight: bold;
    padding: 0 4px;
}

    .validation-error h3{
        background: url(//res2.grays.com/handlers/imagehandler.ashx?t=cr&id=62125&s=d&index=0&ct=svg) no-repeat 4% 12px;
        font-weight: bold;
        color: #B71234;
        font-size: 0.875rem;
        text-indent: 2rem;
        padding: 15px 15px 5px 15px;
        margin: 0;
    }

    .validation-error p {
        font-weight: normal;
        color: #000;
        font-size: 0.875rem;
        padding: 0 15px 15px 15px;
    }

        .validation-error a, .validation-error a:hover, .validation-error a:focus {
            font-size: 0.875rem;
            color: #00529E;
            text-decoration: none;
        }




.signin-createaccount-modal-width {
    width: 330px;
}

#signinmodal .modal-header, #createaccountmodal .modal-header, #emailverification .modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

#signinmodal .modal-body, #createaccountmodal .modal-body, #emailverification .modal-body {
    padding-top: 0;
}

    #signinmodal .modal-body h1, #createaccountmodal .modal-body h1, #emailverification .modal-body h1{
        font-size:2rem;
    }


    .smallgray-note, .smallgray-note a {
        opacity: 0.6;
        color: #000000;
        font-size: 0.75rem;
        line-height: 15px;
        display: inline-block;
    }

    .smallgray-note a {
        opacity: 1;
        text-decoration: underline;
    }

.default-modal-container {
    width: 426px;
}


.dvleft-white .form-group.dv-username:after {
    top: 14px;
    left: 142px;
}

.dvleft-white .form-group.dv-password::after {
    top: 11px;
    left: 102px;
}

.dvleft-white .form-group.focus:after {
    content: "";
}

.welcomemsg {
    color: #000000;
    font-size: 1rem;
    line-height: 24px;
    text-align: center;
    display:block;
}



/* chrome autofill style removal */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}


@media screen and (max-width:1024px) and (min-width: 700px) {
    .title {
        font-size: 2rem;
    }

    .login-bg {
        background-position: 30% 50%;
        justify-content: center;
        display: flex;
        align-items: center;
        min-height: 1024px;
    }

    .dvleft-white {
        padding-top: 0px;
        width: 424px;
        height: 490px;
        align-items: center;
    }
}

@media screen and (max-width: 699px) {
    .login-bg {
        background: none !important;
        height: auto;
    }

    .dvleft-white {
        width: 80%;
        padding-top: 90px;
        margin:0 auto;
    }

    .signin-box-width {
        width: 80%;
    }

    .default-modal-container {
        width: 100%;
        margin: 0;
    }

        .default-modal-container .modal-content {
            position: fixed;
            bottom: 0;
        }
}