.wrap-user {width: 100%;max-width: 550px;margin: auto;border: 1px solid #cee9c9;border-radius: 5px;margin-top: 3em;}
.title-user {background-color: #e4dfcb;padding: 10px 15px;border-radius: 5px 5px 0px 0px;text-align: center;margin-bottom: 20px;}
.title-user span {font-size: 15px;text-align: center;display: block;text-transform: uppercase;}
.title-user a {font-size: 12px;}
.form-user{padding: 1em 15px;width: 100%;}
.form-user label{margin-bottom:5px}
.input-group-text{
    padding: 0.67rem 0.75rem;
    border-radius: 0.25rem 0 0 0.25rem;
}
.form-control, .form-control-plaintext:not(textarea), .custom-select {height: calc(1em + 1.25rem + 5px);}
.input-user { margin-bottom: 0.75rem; }
.input-country{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 10px;
}
.input-user input { font-size: 14px; }
.button-user {margin-bottom: 0.5rem;text-align: center;}
.button-user input {font-size: 14px;background: var(--main-color);border-color: var(--main-color);padding: 0.375rem 1.5rem;}
.button-user input:hover { background: none; color: #000; border-color: var(--main-color); }
.checkbox-user, .radio-user {cursor: pointer;margin: 0;margin-top: 10px;}
.checkbox-user input { top: calc(50% - 1.25rem/2); height: auto; }
.checkbox-user label { font-size: 14px; cursor: pointer; }
.checkbox-user label::before, .checkbox-user label::after { top: calc(50% - 1rem/2); }
.radio-user { margin-right: 1rem; }
.radio-user:last-child { margin-right: 0px; }
.radio-user label::before, .radio-user label::after { top: calc(50% - 1rem/2); }
.note-user { font-size: 14px; border-top: 1px solid #ddd; padding-top: 0.5rem; text-align: center; }
.login-social { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 10px; margin-bottom: 10px; }
.login-social a { padding: 5px 10px; font-size: 13px; color: #000; border-radius: 3px; cursor: pointer; }
.login-social a i { margin-right: 5px; }
.login-social a.login-facebook { color: #055698; border: 1px solid #055698; margin-right: 10px; }
.login-social a.login-facebook:hover { background: #055698; color: #fff; }
.login-social a.login-google { color: #EB4F38; border: 1px solid #EB4F38; }
.login-social a.login-google:hover { background: #EB4F38; color: #fff; }
.title-login{
    text-align: center;
    margin-bottom: 15px;
}

.check-register{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}
.check-register a{
    margin: 0 10px;
    display:flex;
    align-items:center
}
.check-register a:before{content:'';width:15px;height:15px;border:1px solid;border-radius:50%;margin-right: 5px;}
.check-register a.active:before,.check-register a:hover:before{background: #333;border-color: #333;}
.show-password{width:45px}
.show_codephone{
    height: 39px;
    font-size: 14px;
}
.text-xt{font-size: 17px}

/* quen mat khau */
.select-btn{
    gap: 20px;
    margin-bottom: 20px;
}
.select-btn span:before{content: '';width:15px;height:15px;border:1px solid;border-radius:50%;margin-right: 5px;}
.select-btn span.active:before{background:var(--main-color);border-color: var(--main-color);}
.select-btn span:hover,.select-btn span.active{cursor:pointer}


@media(max-width:576px) {
    .login-social { display: grid; grid-gap: 10px; }
    .login-social a.login-facebook { margin-right: 0; }
}