.flex-user { display: flex; justify-content: space-between; flex-flow: wrap; }
.flex-user1 { justify-content: center; }
.flex-user1 .cot1-user { margin: 0px; }
.cot1-user { width: 100%; margin-right: 15px; }
.btn-account { background-color: #fff; border: 1px solid var(--color-main); color: var(--color-main); }
.btn-account:hover { background-color: var(--color-main); color: #fff; }
.title-user { text-align: center; margin-bottom: 18px; }
.title-user span { color: #000; font-size: 22px; font-weight: 700; }
.form-user label { color: #444; font-size: 15px; font-weight: 600; margin-bottom: 0; }
.form-user label span { color: #f00; }
.form-user .input-user { margin-bottom: 10px; }
.form-user .input-user input { height: 44px !important; border-radius: 0; border: 1px solid #d1d1d1; }
.form-user .input-user input[type="radio"] { height: 1.25rem !important; }
.form-user .input-user .custom-control-label::before { top: 5px; }
.form-user .input-user-doimatkhau { display: flex; align-items: center; }
.form-user .input-user-doimatkhau input { height: 20px !important; width: 20px; border-radius: 0; }
.form-user .input-user-doimatkhau label { margin-left: 10px; }
.form-user .radio-user { margin-right: 10px; }
.form-user .button-user { max-width: 25%; margin: 36px auto 0px; }
.form-user .button-user input { width:100%; border-radius: 0; height: 42px !important; font-weight: 700; text-transform: uppercase; padding: 0.375rem 1.75rem; }
.form-user p { text-align: center; color: #444; font-weight: 500; font-size: 15px; margin-top: 20px; }
.form-user p a { color: #444; font-weight: 600; }
.form-user p a:hover { color: #f00; }
.cot2-user { width: 440px; margin-top: 21px; }
.flex-user-login .cot2-user { margin-top: 0; }
.title-cot2-user { text-align: center; }
.title-cot2-user h3 { color: #444; font-size: 22px; font-weight: 600; }
.fb-gg-user { text-align: center; margin-top: 23px; }
.fb-gg-user a { display: inline-block; margin: 0 4px; }
p.title-dacquyen-user { text-align: center; font-size: 16px; color: #444; font-weight: 700; margin: 38px 0 14px; }
p.support-user { color: #444; }
p.support-user a { color: #444; }
p.support-user a:hover { color: #f00; }
.button-user-edit a { color: #444; }
.button-user-edit a:hover { color: #f00; }
.button-user-edit label { cursor: pointer; }
.text-user { text-align: center; color: #444; font-size: 14px; margin: 23px 0 0 0; }
.center-1030 { position: relative; max-width: 1060px; margin: 0 auto; padding: 0 15px; }
.dangky-user { display: block; width: 156px; margin: 0 auto; border: 2px solid #010101; font-size: 15px; text-transform: uppercase; padding: 10px 20px; text-align: center; font-weight: 700; background-color: #fff; color: #010101; cursor: pointer; margin-top: 24px; white-space: nowrap; text-decoration: none; }
.dangky-user:hover { border: 2px solid #f00; }
/*Thông tin tài khoản*/
.flex-user-information { display: flex; justify-content: space-between; flex-flow: wrap; }
.cot1-user-information { width: 240px; }
.avatar-user-information { display: flex; align-items: center; }
.img-avatar { width: 40px; position: relative; margin-right: 10px; }
.img-avatar span { display: block; width: 100%; height: 40px; border-radius: 50%; overflow: hidden; }
.img-box { background-color: var(--color-main); color: #fff; text-align: center; text-transform: uppercase; line-height: 40px; font-family: RB; font-size: 25px; }
#container .avatar-user-information img { width: 40px; height: 40px !important; border-radius: 50%; margin: 0 auto; }
.img-avatar label { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #4a4a4a; cursor: pointer; position: absolute; bottom: 0; right: 0; opacity: 0; }
.img-avatar label input { display: none; }
.img-avatar label i { color: #fff; font-size: 24px; }
.text-avatar { }
.text-avatar span { font-weight: 600; font-size: 16px; }
.list-item-information { margin-top: 25px; }
.list-item-information ul { margin: 0 auto; }
.list-item-information ul li { list-style: none; }
.list-item-information ul li a { display: flex; align-items: center; color: #000; padding: 10px 0; font-weight: 600; }
.list-item-information ul li.active a, .list-item-information ul li a:hover { color: #f00; }
.list-item-information ul li a i { width: 30px; font-size: 20px; margin-right: 10px; margin-bottom: 3px; text-align: center; }
.cot2-user-information { width: calc(100% - 270px); }
.cot2-user-information .title-user { text-align: left; }
.cot2-user-information .title-user span { text-transform: uppercase; font-size: 18px; }
.cot2-user-information .box-user { border: 1px solid #d1d1d1; padding: 15px; border-radius: 5px; }
.cot2-user-information .mw-user { max-width: 590px; margin: 0 auto; }
.open-input-group { display: none; }
.open-input-group.active { display: block; }
.flex-input-group { display: flex; align-items: center; justify-content: space-between; flex-flow: wrap; margin-bottom: 10px; }
.flex-input-group > label { width: 175px; text-align: right; }
.flex-input-group .input-group { width: calc(100% - 195px); margin-bottom: 0; }
.cot2-user-information .box-user .button-user { margin: 20px auto 0 20px; }
.mw-form-user-qmk { max-width: 400px; margin: 0 auto; }
/*Mã giảm giá*/
.div-magiamgia { display: flex; flex-flow: wrap; margin: -8px; }
.wrap-magiamgia { width: calc(100% / 2); padding: 8px; }
.box-magiamgia { padding: 12px 16px; box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%); display: flex; justify-content: space-between; height: 100%; }
.img-magiamgia { width: 140px; display: flex; align-items: center; height: 140px; }
.text-magiamgia { width: calc(100% - 156px); padding-left: 16px; }
.text-magiamgia p.p-magiamgia { color: #000; font-size: 15px; margin-bottom: 5px; }
.text-magiamgia .lay-magiamgia { display: flex; align-items: center; justify-content: space-between; position: relative; margin: 15px 0 5px; }
.text-magiamgia span:nth-child(1) { background: #fff; border: 1px solid #000; color: #000; outline: 0; padding: 7px 33px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; font-size: 14px; font-weight: 500; }
.text-magiamgia span:nth-child(1):hover { color: #fff; border: 1px solid #f00; background: #f00; }
.text-magiamgia span:nth-child(2) { background: 0 0; border: none; outline: 0; text-align: right; color: #08f; cursor: pointer; }
.text-magiamgia span:nth-child(2):hover { color: #f00; }
.noidung-magiamgia { display: none; }
/*Lịch sử mua hàng*/
.box-lichsumuahang { padding: 10px 0 0; }
.flex-lichsumuahang { display: flex; justify-content: space-between; color: #000; font-size: 14px; margin-bottom: 15px; gap: 30px; }
.lichsumuahang-item { flex: 1; }
.flex-lichsumuahang div { margin-right: 10px; }
.flex-lichsumuahang div:last-child { margin-right: 0; }
.xemchitiet-lichsumuahang a { color: #000; }
.xemchitiet-lichsumuahang a:hover { color: #f00; }
.item-box-lichsumuahang { font-weight: 500; font-family: inherit; }
.item-box-lichsumuahang .xemchitiet-lichsumuahang { cursor: pointer; }
.item-box-lichsumuahang .xemchitiet-lichsumuahang:hover { color: #f00; }
.box-user .quantity-procart { text-align: center; }
@media (max-width:767px) {
.cot1-user-information, .cot2-user-information { width: 100%; }
.flex-input-group > label { text-align: left; width: 110px; }
.flex-input-group .input-group { width: unset; flex: 1; margin-left: 5px; }
}
.user-col { display: flex; margin-bottom: 30px; }
.user-col input { width: 100% !important; padding: 0 15px !important; }
.user-col label { width: 20%; line-height: 44px; }
.user-col input { width: 80%; }
.input-gioitinh { display: flex; align-items: center; gap: 10px; margin-right: 20px; }
.input-gioitinh input { border: none !important; user-select: none !important; box-sizing: none !important; outline: none !important; }
.checkbox-user { margin-top: 10px; }