.wrap-user {width: 100%;max-width: 657px;margin: auto;/* border-radius: 5px; */box-shadow: 0 0.2rem 1rem rgb(0 0 0 / 30%);}
/*.form-user {padding: 20px 15px;}*/
.input-user {margin-bottom: 0.75rem;}
.input-user span {width: 45px;display: flex;align-items: center;justify-content: center;}
.input-user input {font-size: 15px !important;}
.input-user input[type='text']{height:40px;} 
.button-user {background: var(--color-main);border: 2px solid var(--color-main);color: #fff !important;outline: none;margin: auto;font-size: 14px;text-transform: uppercase;transition: all 0.5s;margin: 10px 0px;}
.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;}
.left-acc {background: rgba(200, 200, 200, 0.2);padding: 20px 15px;height: 100%;}
h2.title-acc i {margin-right: 7px;}
h2.title-acc {display: flex;align-items: center;font-size: 20px;color: var(--color-main);font-weight: 600;margin-bottom: 15px;}
.right-acc{padding:20px 15px}
.wrap-login .right-acc{padding:50px 15px}

.left_member {width: 280px;float: left;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);background: #fff;border-radius: 0 0 .25rem .25rem;/* max-height: 255px; */}
.left_member #photoUpload-preview {width: 150px;height: 150px;border-radius: 50%;margin: auto;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.right_member {width: calc(100% - 300px);float: right;overflow: hidden;background: #fff;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);}
.right_member .box_member {background: #fff;padding: 20px;}
.left_member .img_member {background: #fff;text-align: center;padding: 10px 15px;display: flex;align-items: center;border-bottom: 1px solid #ccc;}
.left_member .img_member span {width: 34px;height: 34px;border: 2px solid #000;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-weight: bold;font-size: 14px;color: #000;margin-right: 10px;}
.left_member .img_member b {font-weight: bold;font-size: 16px;color: #000;}
.right_member .form-group-zone {visibility: hidden;height: 0;}
.list-group li a {color: #333;}
.list-group li a i {font-size: 17px;width: 15px;text-align: center;margin-right: 5px;position: relative;top: 1px;}
.list-group li span,
.text-color-red {color: red;}

label.control-label {margin-bottom: 10px;display: block;}
.left_member .box_member{}
.left_member .box_member ul{
    padding: 0px;
    border: none;
    margin: 0px;
    padding: 5px 0px;
}
.left_member .box_member ul li{
    border: none;
}
.left_member .box_member ul li a{color:#000;}
.left_member .box_member ul li a.active{color:var(--color-main);font-weight:bold;}
.title_info {border-bottom: 1px solid #d2d2d2;padding: 10px 20px;background: #fff;}
.title_info h2 {font-weight: bold;color: #000000;font-size: 15px;text-transform: uppercase;margin: 0px;}
.title_info h2 span {text-transform: none;color: red}
.right_member .box_member{
    background: #fff;
    padding: 20px;
}
.item-input-user{
    display: flex;
}
.item-input-user label{
    width: 120px;
}
.item-input-user > div{}


.table_order {width: 100%;border-collapse: collapse;background: #fff;}
.table_order thead tr td {font-weight: bold;font-size: 13px;}
.table_order tr td {border: 1px solid #ccc;padding: 10px;text-align: center;word-break: break-word;}
.table_order tr td i {font-size: 20px;color: #3e3e3e;}
@media only screen and (max-width: 767px) {
	.left_member{width: 100%;float:none;margin-bottom: 1rem;}
	.right_member{width: 100%;float:none;}
	.item-input-user label{
        width: 100%;
    }
    .item-input-user{flex-wrap:wrap}
    .table_order{white-space: nowrap;}
}