.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: 420px;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: 132px;margin: 36px auto 0px; } 
.form-user .button-user input {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 img {margin-right: 10px;margin-bottom: 3px; } 
.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 .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;font-family: DVNPoppinsExtraBold; } 
.flex-lichsumuahang div {margin-right: 10px; } 
.flex-lichsumuahang div:last-child {margin-right: 0; } 
.madonhang-lichsumuahang {width: 100px; } 
.tongtien-lichsumuahang {width: 155px; } 
.tinhtrang-lichsumuahang {width: 100px; } 
.xemchitiet-lichsumuahang {width: 120px; } 
.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;}
}