.wrap-user{width:100%;max-width:550px;margin:auto;padding:20px;box-shadow:0px 0px 10px #d6d6d6;}
.title-user{padding:12px 0px;border-radius:5px 5px 0px 0px;}
.title-user span{color:var(--color-main);font-size:20px;font-weight:700;}
.title-user a{color:#0056b3;font-size:12px;}
.input-user{margin-bottom:15px;}
.input-user input{font-size:14px;height:42px;}
.button-user{margin-bottom:1rem;}
.input-group-prepend .input-group-text{height:100%;border-radius:5px 0px 0px 5px!important;background:var(--color-main);color:#000;border-color:var(--color-main);width:46px;text-align:center;display:flex;justify-content:center;align-items:center;}
.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;}
.card-primary.card-outline{border-top:3px solid #007bff;}
.card{box-shadow:0 0 1px rgb(0 0 0 / 13%),0 1px 3px rgb(0 0 0 / 20%);margin-bottom:1rem;}
.text-sm .card-title{font-size:1rem;}
.card-title{float:left;font-size:1.1rem;font-weight:400;margin:0;}
.table td,.table th{padding:0.75rem;vertical-align:top;border-top:1px solid #dee2e6;}
.img-preview{max-width:70px;max-height:55px;}
.rounded{border-radius:0.25rem!important;}
.price-cart-detail span{display:block;}
.price-new-cart-detail{color:red;}
.price-old-cart-detail{text-decoration:line-through;}
.title-money-cart-detail{text-align:right!important;padding-right:10px!important;text-transform:capitalize;font-weight:700;font-size:13px;}
.cast-money-cart-detail{color:red;font-weight:700;font-size:15px;text-align:right!important;padding-right:15px!important;}
/* login header */
.user-header{position:relative;}
.dropdown-user{background:var(--color-main);position:absolute;right:0;top:100%;width:200px;z-index:100;padding:8px;border-radius:4px;box-shadow:0 3px 11px 0 rgba(0,0,0,0.1);-webkit-transform:perspective(600px) rotateX(-90deg);transform:perspective(600px) rotateX(-90deg);-webkit-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;visibility:hidden;transition:all .2s;}
.dropdown-user a{display:block;padding:5px;color:#000;font-weight: bold; text-transform:uppercase;font-size:13px;transition:0.3s}
.dropdown-user a i{margin-right:10px;color:var(--color);}
.dropdown-user a:hover{color:var(--color-red)}
.user-header:hover .dropdown-user{-webkit-transform:perspective(600px) rotateX(0);transform:perspective(600px) rotateX(0);-webkit-transform-origin:0 0 0;opacity:1;visibility:visible;transition:all .7s;}

/* thông tin đơn hàng */
.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-main);text-transform:uppercase;color:#000;font-size:14px;font-weight: 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;font-weight: 600}
.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}