.wrap-user{width:100%;max-width:550px;margin:auto;border:1px solid var(--color);border-radius:5px;}
.title-user{background-color:var(--color);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{}
.button-user input{font-size:14px;background:var(--color);border-color:var(--color);}
.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;}
.block-content ul{list-style:none;padding-left:0px;margin-bottom:0px;padding: 0px 20px;}
.block-content li a{line-height:inherit;padding:0 0 20px 0;margin-bottom:0;border:0;font-size: 13px;background-color:transparent;color:grey;text-align:left;display:block;text-transform:uppercase;font-weight:300;}
.block-content li a i{margin:-3px 5px 0 0;font-size:18px;width:20px;text-align:center;}
.block-content li a.active{color: var(--color);}
.block-content li a:hover{color:var(--color)}
.title-account{padding: 10px;text-align:center;background:var(--color);text-transform:uppercase;color:#fff;font-size:14px;font-family:var(--font-bold);margin-bottom:30px;}
.group-info{background: #f7f7f7;padding: 15px;}
.title-user-name{
    color: var(--color);
    padding-bottom: 10px;
    font-size: 15px;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #ccc;
    font-family: var(--font-bold);
    }
.point{background: #ddd;font-family: var(--font-bold);padding: 10px;color: red;margin-bottom: 20px}
.permistion{padding: 11px;font-family: var(--font-bold);color: #fff;font-size: 15px;background-image: linear-gradient(to right, #A67226 , #ECBC6B);}
.permistion i{color: #ECBC6B;font-size: 20px;margin-right: 10px}
.block-left{background: #F7F7F7;position: sticky;top: 80px;box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);}
.table-order{
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
}
.table-order table thead tr{border-top: 3px solid var(--color)}
.table-order table thead tr th{font-size: 14px;font-family: var(--font-bold)}
.table-order table tbody tr td a{color: black !important;cursor: pointer;}
.table-order table tbody tr td .price-order{font-family: var(--font-bold);color: red !important}