.wrap-user{width:100%;max-width:550px;margin:50px auto;border:1px solid var(--color-secondary);border-radius:5px;padding: 30px;}
.title-user{background-color:#d9edf7;padding:12px 15px;border-radius:5px 5px 0px 0px;}
.title-user span{color:#31708f;}
.title-user a{color:#0056b3;font-size:12px;}
.wrap-user .title{margin-bottom: 30px;}
.note_login{color: #ff0000;text-align: center;margin-bottom: 20px;}
.form-user{}
.form-user .form-control:focus {border-color: rgb(0 153 51 / 32%);box-shadow: 0 0 0 0.2rem rgb(0 153 51 / 25%); }
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;}
.button-user input{font-size:14px;background: var(--color-secondary);border-color: var(--color-secondary) !important;}
.btn-primary:hover{color: var(--color-secondary);background: transparent;}
.checkbox-user,.radio-user{cursor:pointer;}
.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;}
.or__login{position: relative;margin: 20px 0px;display: flex;justify-content: center;align-items: center;}
.or__login:after{position: absolute;content: "";width: 100%;height: 1px;top: 0;left: 0;bottom: 0;margin: auto;background: #ededed;}
.or__login span{padding: 0 10px;background: #fff;position: relative;z-index: 12;}
.google a {padding: 7px 12px;border: 1px solid #dadce0; color: #3c4043;letter-spacing: 0.25px;border-radius: 4px;max-width: 65%;margin: auto;}
.google a svg{width: 22px;margin-left: 5px;}