.wrap-user{width:100%;margin:auto;padding: 30px;border-radius: 20px;background: #fff;box-shadow: 0 0 5px #ccc;}
.left-form-dangky {width: calc(50% - 10px);}
.right-form-dangky {width: calc(50% - 10px);padding-left: 15px;border-left: 3px solid #ccc;}
.title-motangan {font-size: 28px;font-weight: 700;color: var(--color-yellow);}
.title-user{}
.title-user p {font-size: 28px;font-weight: 700;text-transform: capitalize;margin-bottom: 0;color: var(--color-yellow);}
.title-user span{font-weight: 600;color: #ccc;}
.title-user a{color:#0056b3;font-size:12px;}
.title-user-detail{border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.title-user-detail p {font-size: 24px;font-weight: 700;text-transform: capitalize;margin-bottom: 10px;color: var(--color-yellow);}
.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;}
.wrap-user-2{}
.col-user {padding-left: 0;}
.div_user_detail {position: sticky;top: 112px;background: #fff;padding: 20px;border-radius: 5px;box-shadow: 0 0 5px #ccc;}
.name-user {font-size: 20px;font-weight: 700;padding-bottom: 5px;border-bottom: 1px dashed #ccc;}
.name-user span { display: block;}

.col-info-user{background: #fff;border-radius: 5px;box-shadow: 0 0 5px #ccc;}
.list-user-detail {}
.list-user-detail a{width: 100%;display: block;padding: 5px;padding-bottom: 10px;margin-bottom: 5px;border-bottom: 1px dashed #ccc;color: #000;text-decoration: none;font-weight: 600;}
.list-user-detail a.active{color:var(--color-yellow);font-weight: 700;}
.list-user-detail a i{}
.account__login--signup__text {text-align: center;font-size: 1rem;font-weight: 600;color: #898686;}
.account__login--forgot {font-weight: 600;color: #007dc3;font-size: 1rem;border: 0;padding: 0;background: inherit;}
.account__login--forgot:hover{text-decoration: none;color: #007dc3;}
.col-form {background: #fff;border-radius: 10px;padding: 20px 0;box-shadow: 0 0 5px #ccc;}
.flex-cus-col{margin-left:0;margin-right:0;}
.mg-cus-col{padding-left:0;padding-right:0;}
.box-col{
    text-transform: capitalize;
    font-weight: 600;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
.box-1 {}
.box-2 {}
.box-3 {}
.box-4 {}
.box-5 {}
.box-6 {}
.box-order {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}
.box-order-1 {}
.box-order-2 {}
.box-order-3 {}
.box-order-4 {}
.box-order-5 {}
.box-order-6 {}
.col-hoadon {
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
}
.txt_hoadon{
    font-size:24px;
    font-weight:600;
}