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

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

.black-text {
    color: #000000;
    font-size: 0.9rem;
}

.link,
.link:focus {
    color: #00529E !important;
    font-size: 0.9rem;
}

    .link:focus {
        text-decoration: underline;
    }

.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;
}



.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;
    padding-top: 5px;
    padding-bottom: 3px;
}

    .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.dv-country::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;
}

#emailsentsuccessmodal .modal-header {
    border-bottom: none;
    padding-top: 6px;
    padding-bottom: 0;
}

#emailsentsuccessmodal .modal-body {
    padding-top: 0;
    padding-bottom: 48px;
}


/* 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;
        }
}