.m-r-l {
    margin-right: -28px;
    margin-left: -28px;
}

.login_bg {
    background: #F7F8F9;
    padding: 40px 0px;
}

.login_d {
    padding: 24px 20% 5% 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.login-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 436px;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: -1px 0px 13px 4px rgba(217,217,217,0.39);
    -moz-box-shadow: -1px 0px 13px 4px rgba(217,217,217,0.39);
    box-shadow: -1px 0px 13px 4px rgba(217,217,217,0.39);
    border-radius: 5px;
    outline: 0;
}

.border_n {
    border: none !important;
}

.login_hd {
    padding: 25px 16px 15px 52px;
    border-bottom: none !important;
}

    .login_hd h1 {
        font-weight: 700 !important;
        font-size: 32px !important;
        color: #313A41 !important;
    }

.no-padding {
    padding: 0px;
}

.login_content {
    padding: 10px 40px 29px 46px;
}

.checkout-input-area_f {
    width: 100%;
    display: inline-block;
    padding: 0px 13px 0px 7px;
    padding-bottom: 0px;
}

.p-b-12 {
    padding-bottom: 12px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.height34 {
    height: 34px !important;
}

.p-b-16 {
    padding-bottom: 16px !important;
}

.incorrect {
    background: #C64D4D;
    /*width: 245px;*/
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    padding: 8px 10px;
    border-radius: 5px;
    margin-top: -10px;
}

.incorrect1 {
    background: #C64D4D;
    width: 315px;
    font-size: 12px;
    color: #FFF;
    font-weight: 400;
    padding: 8px 10px;
    border-radius: 5px;
    margin-top: -10px;
    display: flex;
}

.caution_icon-login_error {
    cursor: pointer;
    position: absolute;
    margin-top: 0px;
}

.p-l-33 {
    padding-left: 33px;
}

.red_btn {
    background-color: #D02239 !important;
}

.w-110 {
    width: 110px !important;
}

.login_content .btn-checkout {
    color: #FFF;
    background-color: #313A41;
    border: none;
    font-size: 15px !important;
    font-weight: 700;
    padding: 7px 0px !important;
    border: 0px solid #6E7677;
    width: 164px;
    text-align: center;
    margin-left: 0px;
    margin-top: -32px;
}

.btn-checkout:hover {
    color: #FFF;
}

.frgt {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 9px;
    font-size: 12px;
    /*text-decoration: underline;*/
}

    .frgt a {
        margin-left: 9px;
        font-size: 12px;
        text-decoration: underline;
        color: #313A41;
    }

        .frgt a:hover, .frgt a:focus {
            color: #000000;
            font-size: 12px;
            text-decoration: underline;
        }

.ajaxloadingicon {
    width: 30px;
    height: 30px;
}

.dont_have {
    font-size: 20px;
    font-weight: 700;
    color: #313A41;
}

.already {
    font-size: 15px;
    font-weight: 400;
    color: #313A41;
}

.m-t-2 {
    margin-top: 2px;
}

.btn-sign-up {
    color: #6E7677;
    background-color: #FFFFFF;
    border: none;
    font-size: 12px !important;
    font-weight: 600;
    padding: 5px 0px !important;
    border: 1px solid #888F92;
    width: 78px;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 12px;
}

    .btn-sign-up:hover, .btn-sign-up:focus {
        border: 1px solid #212529 !important;
        color: #212529;
    }

@media (max-width: 439px) {
    .login_d {
        padding: 24px 10% 5% 10%;
        padding-top: 24px;
        padding-right: 8%;
        padding-bottom: 5%;
        padding-left: 8%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .login_hd {
        padding: 25px 10px 15px 10px;
        border-bottom: none !important;
    }
}

@media (max-width: 600px) {
    .login_content {
        padding: 10px 0px 29px 5px;
    }
}

@media (max-width: 600px) {

    .incorrect {
        background: #C64D4D;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 400;
        padding: 8px 10px;
        border-radius: 5px;
        margin-top: -10px;
    }

    .incorrect1 {
        background: #C64D4D;
        width: 100%;
        font-size: 12px;
        color: #FFF;
        font-weight: 400;
        padding: 8px 10px;
        border-radius: 5px;
        margin-top: -10px;
        display: flex;
    }
}

.bg-color {
    background: #f7f8f9;
}

.m-t-24{
    margin-top:24px;
}
.eye_icon {
    cursor: pointer;
    right: 60px;
    position: absolute;
    margin-top: -24px;
    color: #807474;
}
@media (max-width: 600px) {
    .eye_icon {
        right: 20px;
    }
}