/*.ratio-1x1 {*/
/*    --bs-aspect-ratio: 100%;*/
/*}*/
/*.user-avatar .user-avatar__img {*/
/*    overflow: hidden;*/
/*    border-radius: 100%;*/
/*}*/
/*.account-wrap .account-left {*/
/*    width: 35.5%;*/
/*}*/
/*.account-wrap .account-right {*/
/*    width: 64.5%;*/
/*    padding-left: 3.125rem;*/
/*    letter-spacing: 0.02em;*/
/*}*/
/*.m-sticky-top {*/
/*    position: -webkit-sticky;*/
/*    position: sticky;*/
/*    top: 90px;*/
/*    left: 0;*/
/*    z-index: 996;*/
/*}*/
/*.account-left .m-sticky-top {*/
/*    position: static;*/
/*}*/
/*.user-avatar {*/
/*    margin: 0 auto;*/
/*    width: 115px;*/
/*    background-color: #f2f2f2;*/
/*    padding: 6px;*/
/*    border-radius: 100%;*/
/*    margin-bottom: 1.125rem;*/
/*    position: relative;*/
/*}*/

/*@media (min-width: 1200px) {*/
/*    .account-wrap .account-right {*/
/*        padding-left: 6.25rem;*/
/*    }*/
/*}*/
.account-wrap {
    padding: 30px 0 100px;
}

.user-avt {
    margin: 0 auto;
    width: 115px;
    background-color: #f2f2f2;
    padding: 6px;
    position: relative;
    border-radius: 100%;
    margin-bottom: 18px;
}

.user-avatar .user-avatar__img {
    overflow: hidden;
    border-radius: 100%;
    position: relative;
}

.hearaldic {
    position: absolute;
    left: unset !important;
    top: unset !important;
    bottom: 0;
    right: 0;
    width: 28px !important;
    height: 32px !important;
    z-index: 50;
}

.user-name-box {
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px;
    margin-bottom: 24px;
    background-color: #f6f6f6;
}

.user-name h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.oders-history {
    background-color: #f6f6f6;
    border: 1px solid #092239;
    padding: 12px;
    margin-bottom: 24px;
    font-size: 12px;
    font-weight: 600;
}

.oders-history i {
    margin-right: 8px;
    font-size: 16px;
}
.user-bow-wrap{
    margin-bottom: 24px;
}
.user-box-title {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    font-size: 16px;
}
.userbox-content{
    margin-top: 24px;
}
.userbox-content li{
    margin-top: 24px;
}
.userbox-content li:first-child{
 margin-top: 0;
}
.userbox-content a{
    font-size: 12px;
    display: inline-block;
    width: 100%;
}
.userbox-content a i{
    font-size: 16px;
    margin-right: 8px;
    position: relative;
    top: 1px;
}
.user-bow-wrap>.userbox:first-child{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 5px solid #f6f6f6;

}
.logout-button a{
    background-color: #f6f6f6;
    border: 1px solid #092239;
    padding: 12px;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
    text-align: center;
}
.logout-button a i{
    font-size: 16px;
    margin-right: 6px;
}
.acc-right-header{
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #dfe0e5;
}
.acc-right-header h2{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}
.info-menu-nav li{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(229,229,229,.5);
    padding: 12px 0;
}
.info-menu-nav li span{
    color: #8e9095;
    font-size: 12px;
}
.info-menu-nav li span:last-child{
    color: #212121;
}
.info-menu-nav li:last-child{
    border-bottom: 0;
    justify-content: end;
}
.info-menu-nav li a{
    padding: 4px 20px;
    font-size: 12px;
    border: 1px solid #092239;
    font-weight: 600;
}
#modalEditUser .modal-content{
    height: fit-content;
    border-radius: 5px;
    overflow: hidden;
}
#modalEditUser .modal-head{
    padding: 22px 24px;
    display: flex;
    justify-content: space-between;
}
#modalEditUser .modal-head>i{
    font-size: 18px;
}
#modalEditUser .modal-head h3{
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
}
#modalEditUser .modal-head h3 i{
    margin-right: 8px;
}
#modalEditUser .modal-body{
    padding: 22px 24px;
    max-height: 330px;
    overflow-y: scroll;
}
.itemEu{
    padding: 0 8px;
    margin-top: 25px;
}
#modalEditUser .modal-body .itemEu:first-child{
    margin-top: 0;
}

.modal-body .itemEu input{
    height: 30px;
    padding: 6px 0;
    font-size: 14px;
    color: #212121;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid rgba(192,194,203,.5);
    font-weight: 500;
}
.modal-body .itemEu p,
.modal-body .itemEu select{
    border-bottom: 1px solid rgba(192,194,203,.5);
    height: 30px;
    padding: 6px 0;
}
.modal-body .itemEu select{
    height: 37px;
    padding: 6px 32px 6px 12px;
    font-size: 14px;
    font-weight: 500;
}

.modal-body .itemEu select:focus {
    box-shadow: none;
    border-color: inherit;
}
#modalEditUser .modal-footer{
    padding: 22px 24px;
}
#modalEditUser .modal-footer button{
    width: 100%;
    padding: 6px 32px;
    border: 1px solid transparent;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: #212121;
    margin: 0;
    line-height: 21px;
}
@media (max-width: 768px) {
    #modalEditUser .close-modal {
       padding: 0;
    }
}

/*order*/

.ord-right-header{
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.order-item-channel{
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
}
.order-item-channel img{
    margin-right: 6px;
}
.order-item-body{
    margin-top: 20px;
}
.order-item-body a{
    font-size: 12px;
}
.order-item-body a>span{
    font-weight: 600;
}
.order-item-status{
    background-color: #fff5e2;
    color: #ff9914;
    padding: 4px 10px;
    border-radius: 3px;
    font-size: 12px;
    display:block;
    width: fit-content;
    margin-top: 6px;
}
.order-item-prds{
    margin-top: 10px !important;
    padding: 0 7.5px;
}
.order-item-prd{
    margin-top: 25px !important;
    padding: 0 7.5px !important;
}
.oip-img{
    margin-bottom: 12px;
    border-radius: 4px;
    overflow: hidden;
}
.oip-img img{
    width: 100%;
}
.oip-name{
    font-size: 10px;
    margin-bottom: 3px;
}
.oip-price{
    margin-bottom: 0;
    margin-top: 8px;
    font-size: 12px;
    font-weight: 600;
}
.oip-price span{
    margin: 0 6px;
}
.order-item-footer{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.order-item-other p{
    margin-bottom: 4px;
    font-size: 12px;
}
.order-item-other p>span{
    font-weight: 600;
}
.order-item-action a{
    display: inline-block;
    min-width: 180px;
    padding: 8px;
    border-radius: 3px;
    border: 1px solid #212121;
    color: #212121;
    background-color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
}
@media (max-width: 768px) {
    .order-item-footer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .order-item-action a{
        margin-top: 10px;
    }
}
.ord-headding{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(192,194,203,.5);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.ord-headding h1{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
}
.account-order-detail{
    display: flex;
    justify-content: space-between;
}
.aod-left h3,
.payment-method h3{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px;
}
.aod-right{
    font-size: 12px;
}
.aod-right span{
    font-weight: 600;
}
.customer-name,
.customer-tel,
.ord-address{
    margin-bottom: 4px;
}
.customer-name span{
    font-size: 14px;
    font-weight: 600;
}
.customer-name span:first-child{
    margin-right: 6px;
}
.customer-name .badge{
    color: #004377;
    background-color: #dcf0ff;
    padding: 4px 10px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
}
.customer-tel,
.ord-address{
   font-size: 12px;
    color: #636363;
}
.account-order-detail{
    margin-bottom: 35px;
}
.payment-method p{
    margin-bottom: 4px;
    font-weight: 600;
}
.order-detail-footer{
    padding: 20px 0;
    margin: 24px 0;
    border-bottom: 1px solid rgba(192,194,203,.5);
}
.order-detail-footer p{
    font-size: 14px;
    padding-bottom: 4px;
}
.wishlist-header{
    margin-bottom: 30px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
@media (max-width: 768px) {
    .ord-headding{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}
.empty-cart{
    padding:200px 0;
    text-align: center;
}
.empty-cart-item{
    margin-bottom: 12px;
    text-align: center;
}
.empty-cart p{
    font-size: 12px;
    color: #c0c2cb;
    text-align: center;
    margin-bottom: 0;
}
.empty-cart a{
    margin: 32px auto 0;
    background-color: #092239;
    color: #fff;
    font-weight: 600;
    padding: 6px 40px;
    display: inline-block;
    font-size: 12px;
}
.empty-cart a:hover{
    color: #fff;
}
@media (max-width: 768px) {
    .empty-cart{
        padding:100px 0;
    }
    .wrapbox-heading-page .header-page h1 {
        font-size: 34px;
    }
    .wrapbox-heading-page .header-page:after {
        margin: 50px auto 0;
    }
    .wrapbox-content-page {
        padding: 60px 15px;
    }
}
/* signin */
@media (min-width: 1200px) {
    .layout-account .wrapbox-content-page {
        padding-top: 100px;
        padding-left: 100px;
        padding-bottom: 100px;
        padding-right: 100px;
    }
    .wrapbox-heading-page .header-page {
        width: 60%;
    }
}
@media (min-width: 992px) {
    .wrapbox-heading-page, .box-heading-contact {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        border-right: 1px solid #ededed;
        height: 100vh;
        padding: 0;
    }
    .wrapbox-heading-page .header-page {
        padding-bottom: 70px;
    }
}

.wrapbox-heading-page {
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
}
.wrapbox-content-page {
    padding-bottom: 30px;
}
.wrapbox-heading-page .header-page {
    position: relative;
}
.wrapbox-heading-page .header-page h1 {
    font-size: 54px;
    font-weight: 700;
    margin: 0;
    line-height: initial;
}
.header-page h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    display: block;
    white-space: normal;
    vertical-align: middle;
}
.wrapbox-heading-page .header-page:after {
    content: "";
    background: #000;
    display: block;
    width: 60px;
    height: 4px;
    margin-top: 70px;
}
#customer_login ul li {
    margin-bottom: 30px;
}
.userbox input[type=email], .userbox input[type=password], .userbox input[type=text] {
    width: 100%;
    height: 55px;
    border: 1px solid transparent;
    background: #ededed;
    color: #252a2b;
    padding: 0 20px;
    font-weight: 500;
    -webkit-appearance: none;
}
#customer_login ul li.btns {
    margin-bottom: 0;
}
#customer_login ul li.btns input {
    width: 100%;
}
#customer_login ul li.btns input, #create_customer ul li.btns input {
    border: none;
    display: inline-block;
    border-radius: 0;
    background: #252a2b;
    padding: 0 30px;
    height: 55px;
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.action_account_custommer .action_bottom, .action_account_custommer .req_pass {
    display: inline-block;
    vertical-align: middle;
}
.action_account_custommer a {
    text-decoration: underline;
    color: #626262;
}
.action_account_custommer{
    margin-top: 10px;
}
.come-back {
    margin-top: 35px;
    display: block;
    font-weight: 500;
}
.come-back i {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .wrapbox-heading-page .header-page h1 {
        font-size: 34px;
    }
    .wrapbox-heading-page .header-page:after {
        margin: 50px auto 0;
    }
    .wrapbox-content-page {
        padding: 60px 15px;
    }
    .wrapbox-heading-page {
        padding: 100px 15px;
        border-bottom: 1px solid #ededed;
    }
}