.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid #bce8f1;border-radius:5px;}
.wrap-user2{background: #fff;width: calc(100% - 260px);padding: 0 0px 10px;-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}

.title-user{background-color: var(--color-main);padding:12px 15px;border-radius:5px 5px 0px 0px;}
.title-user span{color: #fff;}
.title-user a{color: #fff;font-size:12px;}
.form-user{padding:20px 15px;}
.input-user{margin-bottom:0.75rem;}
.input-user input{font-size:14px;}
.button-user{margin-bottom:1rem;}
.button-user input{font-size:14px;}
.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;}


.box__member{position: sticky;top: 10px;left: 0;height: 100%;overflow: overlay;width: 250px;background: #fff;-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);}
.box__member::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
.box__member::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
.box__member::-webkit-scrollbar-thumb { background-color: #ccc; }
.nav_member {background: #fff;padding: 0;border-radius: 0 0 5px 5px;margin-bottom: 0;}
.nav_member h2 {color: #fff;border-bottom: 1px solid #ddd;line-height: 40px;text-transform: capitalize;font-weight: 700;font-size: 17px;padding: 0 10px;margin-bottom: 5px;background: var(--color-main)}
.nav_member li {list-style: none;padding: 6px 15px;border-bottom: 1px solid #ddd;}
.nav_member li:last-child{border-bottom: none}
.nav_member li a {color: #666;display: block;font-weight: 500;}
.nav_member li a:hover,.nav_member li a.active{color: red}
.nav_member li a i{margin-right: 5px;}
.main_account{margin-top: 20px;}

p.error{color: red}
.edit_order{color: #000;font-size: 18px;}

.title_account{font-size: 22px;font-weight: 700;text-align: center;text-transform: uppercase;}
.account_right{padding: 0;list-style: none;border-right: 1px solid #eeeeee;padding-right: 30px;position: sticky;top: 130px}
.account_right li{margin-bottom: 10px;}
.account_right li a{color: #000;font-weight: 700;line-height: 35px;border-radius: 5px;display: block;padding: 0 10px;text-transform: capitalize}
.account_right li a:hover,.account_right li a.active{background: #eeeeee;}