.user-header{}
.user-header a{display:inline-block;margin:0 4px}
.user-header i{}
.user-header span{}
.wrap-user{width:100%;max-width:550px;margin:auto;border-radius: 10px;box-shadow:0 0 14px #e3e3e3}
.title-user-center{justify-content:center!important}
.title-user{padding: 20px 10px 7px 10px;border-radius:5px 5px 0px 0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.title-user span{font-size: 18px;font-weight:700;color: var(--maincolor);text-transform: uppercase;}
.title-user a{color:#606164;font-size:14px;font-weight:600}
.form-user{padding: 16px 10px;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

form.form-user.validation-member label {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0.25rem;
    font-size: 14px;
    color: #333;
}
.input-user{margin-bottom:0.75rem}
.input-user input[type=radio]:focus,.input-user input[type=password]:focus,.input-user input[type=text]:focus,.input-user input:-internal-autofill-selected,.form-control:disabled,.form-control[readonly]{box-shadow:none!important;background:#ffffff!important;outline:none!important;border-color:#e5e5e5!important;-webkit-box-shadow:0 0 0 30px white inset!important}
.input-user input{font-size:14px;border-color:#e5e5e5;height:46px;border-radius:0!important;border-top-right-radius:5px!important;border-bottom-right-radius:5px!important}
.button-user{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:center}
.input-user input[type=radio],.checkbox-user input[type=checkbox]{height:16px;width:16px;border-radius:50%!important}
.checkbox-user input[type=checkbox]:focus{outline:none!important;box-shadow:none!important}
.center-botton-user{justify-content:space-between!important}
.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}
.flex_info{display:flex;justify-content:space-between;flex-wrap:wrap}
.left_info{width:270px;box-shadow:0 0 10px #dedede;height:fit-content;border-radius: 5px;overflow: hidden;}
.right_info{width:calc(100% - 290px)}
.list_mananger{padding:0;margin:0;list-style:none;border-top:none;border-bottom-left-radius:7px;border-bottom-right-radius:7px}
.sty_list1,.sty_list{padding:10px 0;margin-left:10px;color: #555;cursor:pointer}
.list_mananger li{}

.list_mananger li+li {
    border-top: 1px solid #efefef;
}
.list_mananger li:last-child{}
.list_mananger li .act{text-decoration: none;color: var(--m1);font-weight: bold;}
.left_info .title-user{padding:10px;background: var(--m1);display:block;overflow: hidden;}
.left_info .title-user span{font-weight:600;font-size:15px;text-align:center;display:block;color: var(--maincolor);}
.btn-login{background:#979797;color:#fff;border:1px solid #979797;padding:5px 20px}
.btn-login:hover{background:none;color: #FFF;border-color: var(--maincolor);background-color: var(--maincolor);}
.wrap-user .input-group-text,.right_info .input-group-text{padding:10px}
.right_info .input-group-text{height:46px;border-color:#e5e5e5;border-top-right-radius:0;border-bottom-right-radius:0;background-color:transparent;color:#898989}
.wrap-user .input-group-text{background:none;color:#b5b5b5;height:46px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;border:1px solid #e5e5e5}
.thongbao-form{background:#fff2d9;margin-bottom:10px;padding:8px 10px;border-radius:6px}
.flatpickr-calendar.animate.open{background:#ebebeb;box-shadow:0 0 10px #b1b1b1}
.flatpickr-day{transition:0.3s}
.flatpickr-day:hover{background:#7e7e7e;color:#fff;border-radius:5px}
.flatpickr-prev-month.flatpickr-prev-month{right:2rem!important;top:1rem}
.flatpickr-next-month.flatpickr-next-month{right:0.5rem!important;top:1rem}
.show-pass{position:absolute;right:0;width:41px;height:100%;top:0;background:none;z-index:9999;text-align:center}
.show-pass i{font-size:16px;margin-top:16px}
.loginCursor{
    background: #fff;
    border: 1px solid var(--maincolor);
    padding: 13px 10px;
    border-radius: 50vw;
    width: 17%;
    text-align: center;
}
.loginCursor a{
    font-size: 15px;
    color: var(--color-2);
    letter-spacing: 0.75px;
}
.loginCursor i{
    color: var(--maincolor);
    font-size: 18px;
    margin-right: 5px;
}
.tracking-orders .user-info {
    background: white;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1.2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.tracking-orders .order-card {
    background: white;
    border-radius: 16px;
    padding: 1rem;
    margin-bottom: 1.2rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}
.tracking-orders .order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
    margin-bottom: 1rem;
}
.wrap-show-content {
    position: relative;
}
.tracking-orders .product-item {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
}
.tracking-orders .product-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.tracking-orders .product-info {
    flex: 1;
}
.product-info {
    padding: 1rem 8px 8px;
}
.fw-bold {
    font-weight: 700 !important;
}
.tracking-orders .product-price {
    color: #2d3436;
    font-weight: 600;
}
.tracking-orders .order-total {
    font-size: 1rem;
    font-weight: 600;
    color: #2d3436;
    text-align: right;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #eee;
}



@media(max-width:993px){
    .wrap-user{width:calc(100% - 20px)}
    .left_info{width:100%}
    .right_info{width:100%}
    .right_info table th:nth-child(1),  .right_info table td:nth-child(1){
        min-width: auto;
    }
    .right_info table tbody,  .right_info table td,  .right_info table tfoot,  .right_info table th,  .right_info table thead, tr{min-width: 90px;}
    .loginCursor{width: 60px;margin-left: 10px;}
}