#formAddInfoBuy .modal-dialog {
    max-width: 678px;
}

.form-buy-no-login {
    width: 678px;
    height: 467px;
    display: flex;
    flex-direction: row;
}

.form-buy-no-login .left-form {
    width: calc(100% - 278px);
    height: 100%;
    padding: 28px 22px;
    position: relative;
}

.left-form .header-form {
    color: #4D4D4D;
    font-size: 20px;
    font-weight: 500;
}

.left-form input {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    color: #9B9B9B;
    height: 40px;
    width: 350px;
}

.left-form .has-account {
    text-align: center;
    margin-top: 8px;
}

.left-form .form-submit {
    position: absolute;
    bottom: 28px;
    right: 22px;
    left: 22px;
}

.left-form .btn-full-width {
    border-radius: 5px;
    background: #E6E6E6;
    color: #999;
    font-weight: 500;
    height: 50px;
    width: 350px;
}

.left-form .btn-full-width:hover, .left-form .btn-full-width:focus {
    background: #F4281A;
    color: #fff;
    border-color: #F4281A;
}

.form-buy-no-login .right-form {
    width: 278px;
    height: 100%;
    background: url(https://scck.vn/images/background-form-right.png) #004499;
    position: relative;
    background-size: cover;
}

.right-form .btn-close-form {
    position: absolute;
    right: 15px;
    top: 17px;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    border-radius: 100px;
}

.btn-login-fb-gg {
    display: flex;
}

#gg-gmail, #lk-fb {
    font-size: 13px;
    padding: 7px 0px;
    width: 168.5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#lk-fb {
    margin-left: 12px;
    color: #049;
}
#lk-fb:hover {
    color: #fff;
}

#tb-login {
    overflow-x: clip;
}

.servicePolicy {
    color: #808080;
    font-size: 12px;
}

.left-form .error {
    color: red;
    font-size: 13px;
    margin-bottom: -12px;
    margin-top: 12px;
    text-align: center;
}

.left-form .header {
    display: flex;
    align-items: center;
}

.header-max {
    margin-top: -6px;
    margin-bottom: 6px;
}

.check-address:hover, .create-password:hover, .check-address:focus, .create-password:focus {
    background: #21AE02 !important;
    color: #FFF !important;
    border-color: #21AE02 !important;
}

.select2-container.select2-container--bootstrap4 {
    width: 100% !important;
}

.btn-full-width.check-register[disabled]:hover, .btn-full-width.go-to-step-2[disabled]:hover {
    background: #E6E6E6 !important;
    color: #999 !important;
    border-color: #E6E6E6 !important;
}

.btn-full-width.check-register:hover, .btn-full-width.go-to-step-2:hover, .btn-full-width.check-register:focus, .btn-full-width.go-to-step-2:focus {
    background: #F4281A !important;
    color: #fff !important;
    border-color: #F4281A !important;
}

.code-verified-input {
    display: flex;
    flex-direction: row;
}

.code-verified-input input {
    width: 48px;
    height: 48px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    background: #FFF;
    margin-right: 8px;
    padding: 0px;
    text-align: center;
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.countdown, .presend-code {
    color: #4D4D4D;
    margin-bottom: 11px;
    text-align: center;
}

.pre-send {
    padding-left: 0px !important;
    font-size: 14px;
}

.form-success {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 88px;
}

.form-success .success-logo {
    width: 68px;
    height: 68px;
}

.success-title {
    color: #4D4D4D;
    font-size: 20px;
    font-weight: 500;
}

.success-content {
    color: #4D4D4D;
    font-size: 14px;
}

.add-password-success .login-form {
    background: #F4281A !important;
    color: #fff !important;
    border-color: #F4281A !important;
}

.form-forget-password .form-check .form-check-input {
    margin-top: 2px;
    height: auto;
    width: auto;
}

.left-form label {
    color: #4D4D4D;
    margin-bottom: 3px;
}

.forget-password-form {
    color: #049;
}

.height-48 {
    height: 48px !important;
    width: 350px;
}

.height-32 {
    height: 32px !important;
    width: 350px;
}

.select-height-32 .select2-container--bootstrap4 .select2-selection--single, .select-height-32 .select2-selection__rendered {
    height: 32px !important;
    width: 350px;
}

.icon-show-pw,
.icon-hide-pw {
    top: 17px;
}