a,a:focus,a:hover {
    text-decoration: none
}

.container,.hisella-messages-outer,.input_name,.relative,.relative-2,.relative-3,.relative-4,.relative-5,.render_detail_order,.slider_images_thumbs .carousel_thumbs,.wrap-range-slider,.xdsoft_scroller_box,body {
    position: relative
}

.close,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: .2
}

.vsb-menu .multi li.grouped-option:hover,.wrap-balance .price span,.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline
}

.btn,.btn-add-cart,.high_light_btn_order,input[type=checkbox].ace:checked,input[type=checkbox].ace:focus,input[type=radio].ace:checked,input[type=radio].ace:focus {
    outline: 0!important
}

body {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    top: 0!important;
    background: #f1f1f1
}

body.hidden-body {
    overflow-y: hidden
}

h2 {
    line-height: 1.2
}

.error-body h1,h3,h4,h5 {
    line-height: 1.4
}

.clear,.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both
}

:root {
    --main-color: #2B95E7;
    --main-color-hover: #2886cf
}

a:focus,a:hover {
    color: var(--main-color);
    outline: 0
}

.form-control {
    box-shadow: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 7px 8px;
    font-size: 13px;
    height: 36px
}

textarea.form-control {
    min-height: 140px;
    max-width: 100%
}

.vsb-main ul,span.copyed {
    max-width: inherit!important
}

.size13 {
    font-size: 13px!important
}

.size12 {
    font-size: 12px!important
}

.cart_payment .render_cart>div.render_cart_title>ul>li,.size14 {
    font-size: 14px!important
}

.size15 {
    font-size: 15px!important
}

.span-error,span.error {
    color: red!important;
    display: block!important;
    font-size: 13px!important;
    margin-top: 5px!important
}

.weight-400 {
    font-weight: 400!important
}

.weight-600 {
    font-weight: 600!important
}

select.error {
    border-color: #ffc6c6;
    background: #f7e1e1
}

.i-error,body .i-error {
    border-color: #ff000045!important
}

.vsb-main.i-error button {
    border: 1px solid #ffc6c6;
    background: #fef7f7
}

.color-red {
    color: #ed1d25!important
}

.bg-red {
    background: #ed1d25!important
}

.bg-green {
    background: #56ba47!important
}

.bg-blue {
    background: #037dd1!important
}

.color-orange {
    color: #f7941d!important
}

.bg-orange {
    background: #f7941d!important
}

.color-black,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333!important
}

.bg-black,.xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333!important
}

.color_FD9330 {
    color: #fd9330!important
}

.bg_FD9330 {
    background: #fd9330!important
}

.color_41E8E0 {
    color: #41e8e0!important
}

.bg_41E8E0 {
    background: #41e8e0!important
}

.color_88F5BB {
    color: #88f5bb!important
}

.bg_88F5BB {
    background: #88f5bb!important
}

.color_AC0E89 {
    color: #ac0e89!important
}

.bg_AC0E89 {
    background: #ac0e89!important
}

.color_0094F7 {
    color: #0094f7!important
}

.bg_0094F7 {
    background: #0094f7!important
}

.color_00C500 {
    color: #00c500!important
}

.bg_00C500 {
    background: #00c500!important
}

.color_F9BF8D {
    color: #f9bf8d!important
}

.bg_F9BF8D {
    background: #f9bf8d!important
}

#loading_bar,.bank_transaction .content,.white,table {
    background: #fff
}

.color-green,span.color-green {
    color: #56ba47!important
}

.color-blue,span.color-blue {
    color: #6aa2df!important
}

.color-key,span.color-key {
    color: var(--main-color)!important
}

.bank_transaction .payment_atm .left .item .detail_order_atm p b span span,.cart_checkout .right .table,.nomargin,table.table-product tr:first-child * p {
    margin: 0
}

.modal-header,.nopadding,.payment_atm .right {
    padding: 0
}

.nopadding-l,.nopadding-left {
    padding-left: 0
}

.nopadding-r,.nopadding-right,.profile .left {
    padding-right: 0
}

.pointer,.support-online .btn-support,table a {
    cursor: pointer
}

a {
    color: #222
}

.flex,.payment_atm .row {
    display: flex
}

a:focus,a:hover {
    color: var(--main-color)
}

button,button:focus,select,select:focus {
    outline: 0
}

.relative-2 {
    top: -2px
}

.relative-3 {
    top: -3px
}

.relative-4 {
    top: -4px
}

.relative-5 {
    top: -5px
}

.avatar_thumbs .item:first-child .img>i.fa-caret-up,.avatar_thumbs .item:last-child .img>i.fa-caret-down,.content-ratings .list-ratings li .wrap-ratings>.like .useful,.form-login-v .form-content .form-action .eye-password1 .fa.fa-eye,.form-login-v .form-content .form-action .eye-password2 .fa.fa-eye-slash,.hide_prev .owl-buttons,.info-order .lProduct li.code,.info-order .lProduct li.date,.info-order ul.img_shipment .code,.info-order ul.img_shipment .content span,.info-order ul.img_shipment .date,.info-order ul.img_shipment .img,.info-order ul.lProduct .code,.info-order ul.lProduct .date,.mobile,.multiple_image>div:first-child .action_image.up,.multiple_image>div:first-child .action_image_tags.up,.multiple_image>div:last-child .action_image.down,.multiple_image>div:last-child .action_image_tags.down,.page_deposit_detail ul li.comment.comment2 .comment_detail_copy,.page_deposit_detail ul li.comment1 #comment_detail,.page_deposit_detail ul li.comment1 .comment_detail_copy,.render_cart>div>ul>li.price .pc,.render_cart>div>ul>li.quantity .pc,.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none
}

.noborder,.xdsoft_datetimepicker button {
    border: none!important
}

.err,.err-success {
    display: block;
    margin-top: 5px;
    margin-bottom: -5px;
    font-weight: 400;
    font-size: 13px;
    text-align: left
}

.err {
    color: red
}

.err-success {
    color: #7ace4c
}

#loading_bar i,.advanced-search .advanced-item .item-cate-product ul li a.active,.advanced-search .advanced-item .item-cate-product ul li:hover a,.cart-detail-item ul li .name a:hover,.page_deposit_detail ul li span.color,.product_tags .item a:hover,.text-main,.title-profile span,.title-profile span.bank_deposit.active,.title-profile span.history_deposit.active,.wrap-ratings-star-detail .product_favorite.active {
    color: var(--main-color)
}

.btn-small,.content-payment ul li .sub_request_type li.active label.wrap-ace input[type=radio].ace+.lbl,.content-payment ul li.active label.wrap-ace input[type=radio].ace+.lbl,.course_calendar ul.title,.item-product-related .slick-next i,.item-product-related .slick-prev i,b,strong {
    font-weight: 600
}

img {
    max-width: 100%;
    display: inline-block
}

.nowrap {
    white-space: nowrap
}

.btn {
    padding: 7px 10px
}

.btn-small {
    padding: 4px 5px;
    font-size: 11px;
    border-radius: 2px;
    min-width: 55px
}

.btn-width-60 {
    min-width: 60px
}

.btn-width-65 {
    min-width: 65px
}

.btn-width-70,.detail-info.w70 ul li span:first-child {
    min-width: 70px
}

.btn-width-95 {
    min-width: 95px
}

.btn-width,.detail-info.detail-info1 ul li span:first-child,.detail-info.w90 ul li span:first-child {
    min-width: 90px
}

.btn-width-100 {
    width: 100px
}

.btn-width-140,.detail-info.w140 ul li span:first-child,.table.table-user>tbody>tr>td .detail-info ul li span:first-child {
    min-width: 140px
}

.top0 {
    margin-top: 0!important
}

.top1 {
    margin-top: 1px!important
}

.top2 {
    margin-top: 2px!important
}

.top3 {
    margin-top: 3px!important
}

.top4 {
    margin-top: 4px!important
}

.top5 {
    margin-top: 5px!important
}

.top6 {
    margin-top: 6px!important
}

.top7 {
    margin-top: 7px!important
}

.top8 {
    margin-top: 8px!important
}

.top10 {
    margin-top: 10px!important
}

.top11 {
    margin-top: 11px!important
}

.top12 {
    margin-top: 12px!important
}

.top13 {
    margin-top: 13px!important
}

.top14 {
    margin-top: 14px!important
}

.top15 {
    margin-top: 15px!important
}

.top20 {
    margin-top: 20px!important
}

.top30 {
    margin-top: 30px!important
}

.top-1 {
    margin-top: -1px!important
}

.top-2 {
    margin-top: -2px!important
}

.top-3 {
    margin-top: -3px!important
}

.top-4 {
    margin-top: -4px!important
}

.top-5 {
    margin-top: -5px!important
}

.top-6 {
    margin-top: -6px!important
}

.top-7 {
    margin-top: -7px!important
}

.top-8 {
    margin-top: -8px!important
}

.top-10 {
    margin-top: -10px!important
}

.top-15 {
    margin-top: -15px!important
}

.top-20 {
    margin-top: -20px!important
}

.bottom0 {
    margin-bottom: 0!important
}

.bottom1 {
    margin-bottom: 1px!important
}

.bottom2 {
    margin-bottom: 2px!important
}

.bottom3 {
    margin-bottom: 3px!important
}

.bottom4 {
    margin-bottom: 4px!important
}

.bottom5 {
    margin-bottom: 5px!important
}

.bottom6 {
    margin-bottom: 6px!important
}

.bottom7 {
    margin-bottom: 7px!important
}

.bottom8 {
    margin-bottom: 8px!important
}

.bottom9 {
    margin-bottom: 9px!important
}

.bottom10 {
    margin-bottom: 10px!important
}

.bottom15 {
    margin-bottom: 15px!important
}

.bottom-1 {
    margin-bottom: -1px!important
}

.bottom-2 {
    margin-bottom: -2px!important
}

.bottom-3 {
    margin-bottom: -3px!important
}

.bottom-4 {
    margin-bottom: -4px!important
}

.bottom-5 {
    margin-bottom: -5px!important
}

.bottom-6 {
    margin-bottom: -6px!important
}

.bottom-7 {
    margin-bottom: -7px!important
}

.bottom-8 {
    margin-bottom: -8px!important
}

.bottom-9 {
    margin-bottom: -9px!important
}

.bottom-10 {
    margin-bottom: -10px!important
}

.text-success {
    color: #7ace4c
}

.text-danger {
    color: #f00000
}

.btn-danger,.btn-key,.btn-primary,.btn-success {
    color: #fff!important
}

.error-body h1 {
    font-size: 100px
}

.btn-success {
    background: #7ace4c!important;
    border-color: #7ace4c!important
}

.btn-success:hover {
    background: #71bd47!important;
    border-color: #71bd47!important
}

.btn-danger {
    background-color: #d9534f!important;
    border-color: #d43f3a!important
}

.btn-danger:hover {
    background-color: #cc4e49!important;
    border-color: #cc4e49!important
}

.btn-primary {
    background-color: #0161ae!important;
    border-color: #0161ae!important
}

.btn-primary:hover {
    background-color: #01579c!important;
    border-color: #01579c!important
}

.btn-default,.btn-default.disabled {
    background: #e4e7ea!important;
    border: 1px solid #e4e7ea!important
}

.btn-default.disabled:hover,.btn-default:hover {
    background: #d4d7da!important;
    border: 1px solid #d4d7da!important
}

.btn-key {
    border: 1px solid var(--main-color)!important;
    background: var(--main-color)!important
}

.btn-key:hover {
    background: var(--main-color-hover)!important
}

.alert-page {
    position: fixed;
    width: 400px;
    left: 0;
    right: 0;
    margin: 0 auto!important;
    top: 20px;
    z-index: 999999;
    display: none
}

#alert_void {
    z-index: 10000;
    width: 340px;
    position: fixed;
    right: 5px;
    top: 5px;
    left: auto;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.alert_auto_remove {
    position: relative;
    margin-bottom: 5px;
    left: 350px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.alert_auto_remove.active {
    left: 0
}

.alert-dismissable .close,.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff
}

.loading_bar_overlay {
    position: fixed;
    z-index: 9998;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

#loading_bar {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1051;
    display: none;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 0;
    margin: auto;
    box-shadow: 0 0 14px #ccc;
    border-radius: 4px
}

#loading_bar i {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    font-size: 28px;
    width: 28px;
    height: 28px
}

.modal-form-success .modal-body {
    padding: 25px;
    text-align: center
}

.modal-form-success .modal-body .close_form {
    position: absolute;
    top: -13px;
    right: -13px;
    background: #d9534f;
    color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    text-align: center;
    font-size: 16px;
    line-height: 31px;
    box-shadow: 0 0 #ddd;
    cursor: pointer
}

.modal-form-success .modal-body .btn_input,.modal-form-success .modal-body button {
    height: 36px;
    width: auto;
    font-size: 14px;
    position: relative;
    text-shadow: none;
    float: none;
    text-transform: uppercase
}

.modal-form-success .modal-body button {
    opacity: 1;
    background: #d9534f;
    color: #fff;
    border-radius: 3px;
    padding: 0 25px;
    font-weight: 400;
    border: none;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.modal-form-success .modal-body button:hover {
    background: #ce4e49
}

.modal-form-success .modal-body .btn_input {
    background: #0062ae;
    border: none;
    color: #fff!important;
    border-radius: 3px;
    padding: 0 24px;
    display: inline-block;
    line-height: 36px;
    top: 0;
    margin-right: 10px
}

.modal-form-success .modal-body .in,.modal_success .in {
    color: var(--main-color);
    border: 1px solid var(--main-color);
    font-size: 50px;
    line-height: 70px;
    text-align: center;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 15px auto 0
}

.modal-form-success .modal-body h3 {
    text-align: center;
    font-size: 15px;
    margin: 30px 0 20px;
    line-height: 1.4;
    color: #444
}

.modal-form-success .modal-body h3 span.span2 {
    color: #000;
    font-weight: 600
}

.modal-form-success .modal-body p {
    text-align: center;
    font-size: 26px
}

.modal-header .bootstrap-dialog-title,.pop_up_t {
    background: none repeat scroll 0 0 padding-box var(--main-color);
    border-radius: 3px 3px 0 0;
    color: #fff;
    font-weight: 300;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px!important;
    margin: 0
}

.bootstrap-dialog.size-normal .bootstrap-dialog-message {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center
}

.btn_pop_close,.modal-header .bootstrap-dialog-header .close {
    text-shadow: none;
    color: #fff;
    background: url(../images/close.png) -2px -2px no-repeat rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 17px!important;
    width: 15px;
    opacity: 1!important;
    text-indent: -99999px;
    margin-top: 0!important
}

.switch {
    cursor: pointer;
    position: relative
}

.switch input {
    position: absolute;
    opacity: 0;
    display: none
}

.switch span {
    position: relative;
    width: 46px;
    height: 22px;
    border-radius: 22px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.switch span:after {
    content: "";
    position: absolute;
    background-color: #fff;
    width: 18px;
    left: 1px;
    top: 1px;
    bottom: 1px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 25%);
    -webkit-transition: left .2s;
    transition: left .2s
}

.switch input:checked+span:after {
    left: 25px
}

.switch input:checked+span {
    background-color: var(--main-color)
}

.switch+span {
    margin-left: 5px
}

.avatar_thumbs .item {
    max-width: 200px;
    position: relative
}

.multiple_image .avatar_thumbs .item {
    max-width: inherit;
    margin-bottom: 8px;
    border: 1px dashed #e3e3e3;
    padding: 2px 5px 6px;
    background: #fff
}

.multiple_image .remove_image,.multiple_image .remove_image_tags {
    position: absolute;
    right: 0;
    top: -8px;
    z-index: 2;
    color: #fff;
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    padding-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center
}

.multiple_image .remove_image i,.multiple_image .remove_image_tags i {
    color: #fff;
    position: static;
    top: 0;
    right: 0
}

.multiple_image .action_image,.multiple_image .action_image_tags {
    position: absolute;
    right: 52px;
    top: -8px;
    cursor: pointer;
    background: var(--main-color);
    width: 20px;
    height: 20px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    opacity: 1;
    text-shadow: none;
    float: none;
    z-index: 9
}

.multiple_image .action_image.down,.multiple_image .action_image_tags.down,.multiple_image>div:first-child .action_image.down,.multiple_image>div:first-child .action_image_tags.down,.multiple_image>div:last-child .action_image.up,.multiple_image>div:last-child .action_image_tags.up {
    right: 26px
}

.avatar_thumbs .item .img,.avatar_thumbs .item>a {
    display: block;
    height: 0;
    position: relative;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding-bottom: 100%;
    background: #f1f1f1;
    margin: 4px 0
}

.avatar_thumbs .item>.remove_image_upload {
    position: absolute;
    right: -8px;
    top: -8px;
    z-index: 2;
    color: #fff;
    background: red;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50px;
    font-size: 11px;
    cursor: pointer;
    padding-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center
}

.avatar_thumbs .item .img>img,.avatar_thumbs .item>a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    transition: .2s linear
}

.avatar_thumbs .item .img:hover>img,.avatar_thumbs .item>a:hover img {
    transform: scale(.9)
}

.advanced-search .advanced-item .item-cate-product ul li:after,.banner_page .youtube_,.hidden-search,.item-product-related .slick-dots,.tag>span.plus::after,.total-payment ul li::after,.total-payment ul li::before,li[data-parent].closed {
    display: none!important
}

.avatar_thumbs .item .img>i.fa-trash-can {
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    border-radius: 40px;
    background: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px
}

.avatar_thumbs .item .img>i.fa-caret-down,.avatar_thumbs .item .img>i.fa-caret-up {
    background: #a7c9e1;
    width: 22px;
    height: 22px;
    border-radius: 40px;
    color: #000;
    position: absolute;
    top: 4px;
    display: flex;
    text-align: center;
    cursor: pointer
}

.avatar_thumbs .item .img>i.fa-caret-up {
    right: 30px;
    align-items: center;
    justify-content: center
}

.avatar_thumbs .item .img>i.fa-caret-down {
    right: 56px;
    align-items: center;
    justify-content: center
}

.avatar_thumbs .item:first-child .img>i.fa-caret-down {
    right: 30px
}

.wrap_orther_action_item {
    display: flex;
    align-items: center;
    height: 34px
}

.orther_action_item {
    cursor: pointer;
    background: var(--main-color);
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 14px;
    opacity: 1;
    text-shadow: none;
    padding-top: 1px;
    border: none;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.btn-add-cart,.total_last td {
    color: var(--main-color)!important
}

.orther_action_item.down {
    padding-top: 0
}

.item_multi {
    max-width: initial!important
}

.owl-pagination {
    position: relative;
    bottom: 0;
    margin-bottom: 10px
}

.pagination {
    display: inline-block!important;
    margin: 0!important;
    border: none!important;
    padding: 0!important
}

#modalVoucher .list-voucher li:after,.advanced-search .advanced-item ul:after,.bank_transaction .payment_atm_1 .item .list_bank ul::after,.box_wallet::after,.content-ratings .list-ratings li .wrap-ratings>.img:after,.content-ratings .list-ratings li:after,.form-login-v .form-content:after,.list-deposit:after,.pagination:after,.profile .left>.item .wrap-info:after,.ratings-detail .content .head:after,.render_cart>div>ul:after,.sales_policy_detail_product ul:after,.total-payment:after {
    content: '';
    display: block;
    clear: both
}

body ul.pagination>li {
    display: inline-block;
    margin: 0 2px;
    float: none;
    width: auto!important
}

.pagination>li>a,.pagination>li>span {
    color: #444;
    border: none;
    border-radius: 3px!important;
    float: none;
    padding: 7px 16px;
    display: block;
    font-weight: 500;
    background: #f1f1f1;
    margin: 0
}

.cart-detail-item {
    position: absolute;
    z-index: 1;
    width: 320px;
    right: 100%;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 4px;
    top: 100%;
    margin-top: 15px;
    margin-right: -35px;
    display: none
}

#modalVoucher .list-voucher li.no-voucher span,.advanced-search .advanced-item ul li.active:after,.advanced-search .advanced-item ul li.active:before,.advanced-search .advanced-item ul li:hover:after,.advanced-search .advanced-item ul li:hover:before,.cart-detail:hover .cart-detail-item,.list-deposit li.active i,.page_deposit_detail ul li.comment1 #comment_detail_copy,.sub_product_bonus_item p:first-child,.support-online a:hover span,.tag>.item>span:hover .fa-trash-can,.wrap-ratings-star-detail .product_favorite:hover>span,.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block
}

.cart-detail-item:after {
    bottom: 100%;
    right: 16px;
    border: 7px solid rgba(136,183,213,0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    margin-right: 0
}

.cart-detail-item:before {
    content: '';
    display: block;
    position: absolute;
    height: 22px;
    width: 100%;
    left: 0;
    top: -22px
}

.cart-detail-item ul,.content-payment ul,.detail-info ul,.modal_cart_size ul,.ratings-detail .content .head .right ul,.slider_images_thumbs ul,.table>tbody>tr>td .info ul {
    padding: 0;
    margin: 0
}

.cart-detail-item ul li {
    list-style: none;
    text-align: left;
    padding: 10px 12px;
    border-top: 1px solid #f1f1f1
}

.cart-detail-item ul li:first-child,.content-payment .form-detail p:first-child,.list-balance-hh li.li_withdraw:first-child,.list_transaction_history li.li_withdraw:first-child,.profile .left>.item ul li:first-child,.render_cart>div>ul:first-child,.table>tbody+tbody {
    border-top: none
}

.cart-detail-item ul li::after,.info-order ul:after {
    content: '';
    clear: both;
    display: block
}

.cart-detail-item ul li .img {
    width: 56px;
    height: 56px;
    position: relative;
    float: left;
    margin-right: 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    overflow: hidden
}

.cart-detail-item ul li .img img {
    height: auto;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.cart-detail-item ul li .name {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    max-height: 32px;
    overflow: hidden
}

.cart-detail-item ul li .name a {
    color: #444
}

.cart-detail-item ul li .price {
    color: var(--main-color);
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    margin: 0 0 4px
}

.cart-detail-item ul li .price i {
    font-style: normal;
    font-size: inherit;
    margin-left: 0
}

.cart-detail-item ul li .price.price_root_100 i {
    text-decoration: line-through
}

.cart-detail-item ul li .price span {
    color: #777;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    background: 0 0;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    line-height: normal
}

.content-payment table tr:hover td,.content-payment table tr:nth-child(2n) td,.render_cart>div.render_cart_body>ul:nth-child(2n),.table>tbody>tr:nth-child(2n),.table>thead>tr>th {
    background: #f9f9f9
}

.cart-detail-item ul li .price.price_root_100 span {
    text-decoration: none
}

.cart-detail-item ul li .price .price_sale {
    margin: 3px 0;
    line-height: 10px;
    display: block;
    color: red;
    font-weight: 400;
    font-size: 11px
}

.cart-detail-item ul li .price .price_sale span {
    text-decoration: line-through;
    font-size: 11px;
    color: #999;
    position: relative;
    background: 0 0;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    line-height: normal
}

.btn-add-cart,.btn-add-cart:hover {
    /* border:1px solid var(--main-color)!important; */
}

.cart-detail-item .btn {
    padding: 4px 10px
}

.cart-detail-item .no {
    color: #666
}

.btn-add-cart {
    background: #fff!important
}

.btn-add-cart:hover {
    /* background:var(--main-color)!important; *//* color:#fff!important; */
}

#modalVoucher .list-voucher li .right .name3,.btn-add-cart i,.cart_payment .render_cart>div>ul>li,.content-ratings .list-ratings li .sub .wrap-ratings>.info,.payment_atm .left .item .detail_order_atm p b span.copyed {
    font-size: 13px
}

.btn-add-cart span {
    display: inline-block;
    margin-left: 5px
}

.form-control.quantity-size,.form-control[name=quantity] {
    height: 32px;
    text-align: center
}

.quantity_input {
    position: relative;
    width: 100px;
    display: inline-block
}

.quantity input[type=number]::-webkit-inner-spin-button,.quantity input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 26px;
    text-align: center;
    color: #333;
    font-size: 15px;
    line-height: 1.3
}

.quantity-button.quantity-up {
    position: absolute;
    height: calc(100% - 2px);
    top: 1px;
    right: 1px;
    line-height: 30px;
    background: #fff
}

.quantity-button.quantity-down {
    position: absolute;
    bottom: 1px;
    height: calc(100% - 2px);
    left: 1px;
    line-height: 28px;
    font-size: 17px;
    border-right: 1px solid #eee;
    border-left: none;
    background: #fff
}

.img_add_cart {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -9999;
    width: 40px;
    height: 40px;
    margin: auto;
    visibility: hidden;
    opacity: 0
}

.img_add_cart img {
    width: 0
}

.box_addcart_success {
    text-align: center;
    background: rgb(0 0 0 / .8);
    color: #fff;
    padding: 20px;
    border-radius: 12px;
    position: fixed;
    z-index: 99999;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    width: 220px;
    height: 115px;
    font-size: 16px;
    display: none;
    letter-spacing: .6px
}

.box_addcart_success img {
    display: inline-block;
    width: 50px;
    margin-bottom: 8px
}

.page404 {
    background: #fff;
    text-align: center;
    padding: 80px 0
}

.page404 img {
    height: 160px
}

.page404 .title1 {
    font-size: 40px
}

.page404 .title2 {
    font-size: 20px
}

.page404 .btn {
    margin-top: 20px
}

.table {
    margin-bottom: 0;
    font-size: 13px
}

.title-profile span.bank_deposit,.title-profile span.history_deposit,tbody {
    color: #333
}

.table-bordered,.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px 10px;
    vertical-align: middle;
    border: 1px solid #eaeef1!important
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #eaeef1;
    padding: 10px 8px;
    font-weight: 600
}

.table>tbody>tr>td .info ul li {
    list-style-type: none;
    padding: 5px 0;
    border-top: 1px dashed #f1f1f1;
    font-size: 13px
}

.detail-info ul li:first-child,.render_cart>div.render_cart_title>ul>li.img,.table>tbody>tr>td .info ul li:first-child,.vsb-menu li:last-child {
    border: none
}

.table>tbody>tr>td .info ul li span:first-child {
    display: inline-block;
    min-width: 82px
}

.wrap-block-title-cart .block-title-cart {
    margin: 0 0 20px
}

.wrap-block-title-cart .block-title-cart h3 {
    text-transform: uppercase;
    font-size: 20px;
    margin: 0;
    display: inline-block;
    padding: 0;
    font-weight: 600;
    position: relative;
    color: var(--main-color)
}

.cart {
    padding-bottom: 15px;
    background: #f2f2f2
}

.render_cart .render_cart_title {
    border-bottom: 1px solid #f1f1f1!important
}

.render_cart>div>ul {
    font-weight: 600;
    color: #555;
    border-bottom: none;
    display: flex;
    padding: 10px 0;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e6e6e6;
    margin: 0;
    position: relative
}

.render_cart>div>ul>li {
    list-style-type: none;
    position: relative;
    margin: 0 10px;
    color: #555;
    font-weight: 500;
    font-size: 14px
}

.render_cart>div>ul>li.img {
    width: 80px!important;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-left: 0
}

.render_cart>div.render_cart_title>ul>li {
    font-size: 15px!important;
    font-weight: 600
}

.render_cart>div>ul>li.img>span {
    color: #ff424e;
    cursor: pointer;
    font-size: 10px;
    line-height: 18px;
    position: absolute;
    z-index: 9;
    top: -8px;
    left: -8px;
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.render_cart>div>ul>li.name {
    width: calc(100% - 650px)
}

.cart_payment .render_cart>div>ul>li.name {
    width: calc(100% - 580px)
}

.render_cart>div>ul>li.name a {
    color: #555;
    margin-bottom: 2px;
    max-height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.render_cart>div>ul>li.price,.render_cart>div>ul>li.price_rose {
    width: 120px
}

.cart_checkout .right .table tbody tr td .price.price_root_100,.content-payment table tr td .price.price_root_100,.render_cart>div>ul>li.price .price_root_100 {
    text-decoration: line-through;
    color: #999;
    font-weight: 500
}

.render_cart>div>ul>li.quantity {
    width: 210px;
    font-size: 13px;
    font-weight: 500
}

.cart_payment .render_cart>div>ul>li.quantity {
    width: 30px
}

.render_cart>div>ul>li.price .price_sale {
    color: #999;
    margin: 0;
    font-weight: 500
}

.cart_checkout .right .table tbody tr td .price_sale span,.render_cart>div>ul>li.price .price_sale span {
    text-decoration: line-through;
    margin: 0;
    line-height: normal;
    font-size: 13px
}

.render_cart>div>.sum {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
    border-top: 1px solid #ddd;
    color: var(--main-color)
}

.render_cart>div>.sum1 {
    font-size: 14px;
    font-weight: 500;
    color: #444
}

.cart_checkout .left>h3,.cart_checkout .right>h3,.title-profile {
    font-size: 20px;
    text-transform: uppercase
}

.cart_checkout .row .right {
    border: 1px solid var(--main-color);
    border-radius: 4px;
    padding: 26px;
    margin-bottom: 20px;
    background: #fff
}

.table-responsive {
    border: none;
    margin-bottom: 0
}

.cart_checkout .right>h3 {
    color: #555;
    margin: 0 0 14px;
    font-weight: 600
}

.cart_checkout .right .table thead tr th {
    background: 0 0;
    color: #444;
    width: auto!important;
    font-size: 15px;
    padding: 8px 6px;
    border: none!important;
    border-bottom: 1px solid #f1f1f1!important;
    font-weight: 600;
    text-transform: none
}

.cart_checkout .right .table tbody tr td:last-child,.cart_checkout .right .table thead tr th:last-child {
    text-align: right;
    white-space: nowrap!important;
    padding-right: 0
}

.cart_checkout .right .table tbody tr:last-child {
    background: 0 0
}

.cart_checkout .right .table tbody tr:last-child td {
    font-weight: 600;
    color: var(--main-color);
    font-size: 16px
}

.cart_checkout .right .table tbody tr td {
    width: auto!important;
    border: none!important;
    padding: 8px 6px;
    vertical-align: middle;
    color: #555;
    border-top: 1px solid #f1f1f1!important;
    font-weight: 500
}

.cart_checkout .right .table tbody tr td .price {
    font-weight: 600;
    font-size: 14px;
    margin: 0
}

.cart_checkout .right .table tbody tr td .price_sale {
    color: #999;
    font-size: 12px;
    margin: 0
}

.cart_checkout .right .table tbody tr td hr {
    border-color: var(--main-color);
    margin: 0
}

.cart_checkout .right .table tbody tr td span {
    margin: -4px 0 0;
    font-size: 10px;
    line-height: 18px
}

.cart_checkout .right .table tbody tr td span i.delete_item,.dashboard .report1 {
    padding-top: 1px
}

.cart_checkout .right .table tbody tr td a,.content-payment table tr td a,.info-order ul.title li.price {
    color: #555
}

.cart_checkout .left>button,.cart_checkout .right>a.btn {
    background: var(--main-color);
    width: 100%;
    color: #fff;
    display: block;
    margin: 22px 0 20px;
    height: 44px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 44px;
    padding: 0;
    text-align: center;
    border: none;
    border-radius: 4px
}

.cart_checkout .right>.cart-change {
    display: block;
    margin: 28px 0 0;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    width: auto;
    border-radius: 4px;
    font-size: 14px
}

.cart_checkout .left>h3 {
    color: #707070;
    margin: 0 0 10px;
    font-weight: 600
}

.cart_checkout .left>p {
    color: #707070;
    margin-bottom: 10px
}

.cart .table td .delete {
    margin-left: 5px;
    color: #ff424e;
    cursor: pointer
}

.form-default .form-group {
    margin: 10px 0 4px
}

.form-default .form-group label {
    font-weight: 500;
    display: block;
    margin-top: 0;
    color: #555;
    font-size: 14px
}

.form-default .form-group input,.form-default .form-group select {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    height: 42px;
    width: 100%
}

.form-default .form-group input[disabled],.form-default .form-group select[disabled] {
    background: #e8e5e5
}

.form-default .form-group label.wrap-ace {
    font-weight: 400;
    margin-right: 10px;
    cursor: pointer;
    margin-bottom: 0;
    position: relative;
    top: 0;
    display: inline-block;
    margin-top: 0
}

.form-default .form-group textarea {
    background: #e8e5e5;
    border: none;
    box-shadow: none;
    width: 100%!important;
    height: 100px;
    margin: 8px 0
}

.form-default .form-group .btn {
    margin: 10px 0 0;
    text-transform: uppercase;
    outline: 0
}

.profile {
    margin-top: 15px
}

.profile .left>.item,.profile .right>.item {
    background: #fff;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 8px
}

.profile .right>.item>.fa-angle-left {
    color: red;
    cursor: pointer
}

.profile .left>.item .wrap-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.profile .left>.item .wrap-info>span {
    display: none;
    cursor: pointer;
    position: absolute;
    top: 56px;
    font-size: 13px;
    right: 16px;
    color: #005aff
}

.profile .left>.item .wrap-info .img {
    width: 65px;
    min-width: 65px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 12px;
    position: relative;
    height: 65px
}

.profile .left>.item .wrap-info .img .error {
    position: absolute;
    font-size: 8px!important;
    text-align: center;
    background: #fff;
    padding: 0;
    margin: -18px 0 0!important
}

.profile .left>.item .wrap-info .img img {
    border-radius: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.profile .left>.item .wrap-info .img .camera {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.4);
    width: 100%;
    text-align: center;
    border-radius: 0 0 200px 200px;
    padding: 3px;
    cursor: pointer
}

.profile .left>.item .wrap-info .img .camera img {
    width: 15px;
    border-radius: 0;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    margin-top: -5px;
    position: relative
}

.profile .left>.item .wrap-info .info {
    margin: 0;
    font-size: 14px;
    color: #555
}

.profile .left>.item .wrap-info b {
    font-weight: 600;
    display: block;
    font-size: 16px;
    color: #222
}

.profile .left>.item ul,.total-payment ul {
    margin: 0;
    padding: 0
}

@media(min-width: 768px) {
    .hide-destop {
        display:none!important
    }

    .profile .left>.item ul {
        display: block!important
    }
}

.profile .left>.item ul li {
    list-style-type: none;
    border-top: 1px solid #f1f1f1
}

.profile .left>.item ul li a {
    display: block;
    padding: 10px;
    color: #4a4a4a
}

.info-order ul.list_order_detail li.active span,.item-product-related .slick-arrow:hover,.profile .left>.item ul li a span.noti {
    background: var(--main-color);
    color: #fff
}

.profile .left>.item ul li a span.noti {
    border-radius: 50px;
    min-width: 16px;
    height: 16px;
    font-size: 11px;
    display: inline-block;
    text-align: center;
    line-height: 17px;
    padding: 0 3px;
    position: relative;
    top: -1px
}

.form-login-v .form-content .form-action .form-group.active .name1,.profile .left>.item ul li.active a span.noti {
    background: #fff;
    color: var(--main-color)
}

.profile .left>.item ul li.active a,.profile .left>.item ul li:hover a {
    background: #f4f4f4
}

.profile .left>.item ul li a i {
    margin-right: 8px;
    margin-left: 4px
}

.info-profile h3.title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 15px;
    text-transform: uppercase;
    line-height: 1.3
}

.add-address i,.info-profile h3.title i {
    margin-right: 5px
}

.item-product-related .row,.profile .row {
    margin: 0 -5px
}

.item-product-related .row .item,.profile .row>div {
    padding: 0 5px
}

.btn-search-eye {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 4px 4px 0!important
}

label.wrap-ace input[type=radio].ace+.lbl {
    position: relative;
    margin-right: 5px;
    top: 6px
}

label input[type=checkbox].ace,label input[type=radio].ace,label.wrap-ace input[type=checkbox].ace,label.wrap-ace input[type=radio].ace {
    z-index: -100!important;
    width: 1px!important;
    height: 1px!important;
    clip: rect(1px,1px,1px,1px);
    position: absolute
}

label.wrap-ace input[type=radio].ace+.lbl::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 20px;
    left: 6.5px;
    top: 0;
    display: none
}

#list_shipments label.wrap-ace input[type=radio].ace+.lbl::after {
    top: -1px
}

label.wrap-ace input[type=radio].ace:checked+.lbl::after {
    background: #7ace4c
}

label.wrap-ace input[type=radio].ace+.lbl::before,label.wrap-ace span.ace+.ace+.lbl::before {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    content: ''
}

label.wrap-ace input[type=radio].ace:checked+.lbl::before {
    border-color: #7ace4c
}

label.wrap-ace input[type=checkbox].ace+.lbl {
    position: relative;
    display: inline-block;
    margin: 0;
    min-height: 18px;
    min-width: 18px;
    font-weight: 400;
    cursor: pointer;
    color: #555;
    font-size: 12px
}

label.wrap-ace input[type=checkbox].ace+.lbl::before {
    cursor: pointer;
    content: "";
    background-image: url(../images/no-check.png?v=1.0.01);
    border-radius: 0;
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    margin-right: 4px;
    position: relative;
    top: 5px;
    border: none;
    background-size: cover!important
}

input[type=checkbox].ace:checked+.lbl::before,label.wrap-ace input[type=checkbox].ace:checked+.lbl::before {
    background-image: url(../images/input-checked.png?v=1.0.01)
}

.form-login-v .form-content {
    box-shadow: 0 0 10px #ddd;
    background-color: #fff;
    max-width: 500px;
    padding: 32px;
    margin: 60px auto;
    border-radius: 5px
}

.warranty_lookup .form-login-v .form-content {
    margin: 20px auto
}

.form-login-v .form-content .title-l {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.334;
    letter-spacing: 1px;
    margin: 9px 0 25px;
    text-transform: uppercase
}

.form-login-v .form-content .title-l1 {
    margin: -21px 0 20px;
    font-size: 16px
}

.form-login-v .form-content .form-action p a {
    color: var(--main-color);
    font-size: 15px
}

.form-login-v .form-content .form-action .form-group {
    position: relative;
    margin-bottom: 20px
}

.form-login-v .form-content .form-action .input-password {
    float: left;
    width: 45%;
    padding-right: 10px
}

.form-login-v .form-content .form-action .eye-password {
    float: right;
    font-size: 22px;
    width: 10%;
    color: #666;
    margin: 0;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    padding-bottom: 5px;
    padding-right: 8px
}

.form-login-v .form-content .form-action .form-group .name1 {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #555;
    padding: 0 3px
}

.form-login-v .form-content .form-action .form-group.active1 .name1 {
    top: -9px;
    font-size: 13px;
    background: #fff
}

.form-login-v .form-content .form-action .form-group input {
    box-shadow: none;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.form-login-v .form-content .form-action .form-group input:focus,.form-login-v .form-content .form-action .form-group.active input {
    border: 1px solid var(--main-color)
}

.form-login-v .form-content .form-action .form-group .btn {
    float: right;
    text-transform: uppercase;
    margin-top: 5px
}

.form-login-v .form-content .form-action .form-group .a-login {
    color: var(--main-color);
    font-weight: 600;
    display: inline-block;
    margin: 11px 0 0
}

.eye_pass_word {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 44px;
    text-align: center;
    display: flex!important;
    align-items: center;
    justify-content: center
}

.add-address {
    padding: 12px 10px;
    text-align: center;
    border: 1px dashed #ddd;
    border-radius: 3px;
    color: #56ba47;
    margin-bottom: 8px;
    cursor: pointer
}

.title-profile {
    margin: 10px 0
}

.info-order .title-profile {
    margin-top: 2px
}

.info-order ul {
    display: flex;
    padding: 10px 0;
    margin: 0 -15px -1px;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    justify-content: space-between
}

.info-order ul li {
    list-style-type: none;
    margin: 0 10px;
    width: 20%!important;
    font-size: 13px
}

.info-order ul li.img {
    width: 81px!important;
    height: 81px;
    position: relative;
    border: 1px solid #ddd;
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    text-align: center
}

.info-order ul.sub li.img {
    margin-left: 0
}

.render_detail_order:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% + 30px);
    left: -15px;
    height: 5px;
    background: #ddd
}

.info-order ul li.name {
    width: calc(100% - 650px)!important;
    font-size: 13px
}

.info-order ul li.name>a,.info-order ul li.name>span {
    display: block;
    max-height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.info-order ul li.name p {
    margin: 4px 0 0;
    font-weight: 400;
    font-size: 12px;
    color: var(--main-color)
}

.info-order ul.title {
    font-weight: 600;
    color: #555;
    margin: 0 -15px;
    border-bottom: none
}

.info-order ul.title li.img {
    height: auto;
    border: none;
    border-radius: 0;
    white-space: nowrap
}

.info-order ul li.img img,.list-product-bonus .item .iframe .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.info-order ul li.content {
    width: calc(100% - 350px)!important;
    font-weight: 600
}

.info-order ul li.content.content_course {
    width: calc(100% - 250px)!important
}

.info-order ul li.content a {
    display: block;
    margin-bottom: 2px;
    font-weight: 400
}

.info-order ul li.content span {
    display: block;
    color: #777;
    font-size: 12px
}

.info-order ul li.price {
    white-space: nowrap;
    color: var(--main-color);
    font-weight: 600;
    width: 120px!important;
    text-align: right
}

.info-order ul li.date {
    width: 82px!important;
    text-align: center
}

.info-order ul li.code {
    width: 160px!important;
    text-align: center;
    margin: 0
}

.info-order ul li.status {
    width: 110px!important;
    text-align: right;
    white-space: nowrap
}

.info-order ul li.status .pending {
    color: #007dd1
}

.info-order ul li.status .success {
    color: #56ba47
}

.info-order ul li.status .cancel {
    color: #ff424e
}

.info-order ul.list_order_detail {
    display: block;
    padding: 0;
    border-top: none;
    border-bottom: none;
    margin: -4px 0 0;
    padding-bottom: 10px
}

.info-order ul.list_order_detail li {
    width: auto!important;
    margin: 0 4px 4px 0;
    display: inline-block
}

.info-order ul.list_order_detail li span {
    display: inline-block;
    background: #e3e3e3;
    padding: 5px 14px;
    font-size: 13px;
    border-radius: 3px;
    cursor: pointer
}

.info-order ul.lProduct.img_shipment {
    border-top: none;
    border-radius: 0
}

.info-order .lProduct .content,.info-order ul.lProduct .content {
    width: calc(100% - 240px)!important
}

.info-order ul.img_shipment .content {
    width: calc(100% - 140px)!important
}

.info-order ul.content-ratings {
    display: block;
    padding: 20px;
    border-top: none;
    position: relative;
    z-index: 6;
    color: #222
}

.info-order ul.content-ratings li {
    width: 100%!important;
    margin: 0
}

.info-order ul.content-ratings li label {
    display: block;
    font-weight: 500
}

.info-order ul.content-ratings li .title {
    display: inline-block;
    min-width: 170px;
    color: #777;
    font-weight: 400
}

.info-order ul.content-ratings li label.wrap-ace {
    display: inline-block;
    margin-right: 8px;
    font-weight: 400;
    cursor: pointer
}

.info-order ul.content-ratings li label.wrap-ace.i-error {
    color: red
}

.info-order ul.content-ratings li label.wrap-ace.i-error input[type=radio].ace+.lbl::before {
    border-color: red
}

.info-order ul.content-ratings li label.wrap-ace input[type=radio].ace+.lbl::before {
    top: 1px;
    margin-right: 3px
}

.info-order ul.content-ratings li textarea {
    min-height: 140px
}

.info-order ul.content-ratings li .avatar_thumbs .item {
    width: 20%;
    margin: 0;
    padding: 0 5px
}

.payment .content .content-address {
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    position: relative
}

.payment .content .content-address>h3 {
    color: #555;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0 0 12px;
    font-weight: 600
}

table th td,table tr td {
    padding: 6px 8px
}

.payment .content .content-address p {
    font-size: 15px;
    margin: 5px 0
}

.payment .content .content-address p.another_address {
    font-weight: 600;
    color: var(--main-color);
    cursor: pointer
}

.cart_payment.payment .content .title {
    color: var(--main-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px
}

.cart_payment.payment .content .title i {
    margin-right: 5px;
    font-size: 22px
}

.payment .content .content-address .change-address {
    color: #337ab7;
    text-transform: uppercase;
    font-weight: 600;
    float: right;
    font-size: 15px
}

.payment .content .content-address .line {
    background-position-x: -30px;
    background-size: 116px 3px;
    background-image: repeating-linear-gradient(45deg,#6fa6d6,#6fa6d6 33px,transparent 0,transparent 41px,#f18d9b 0,#f18d9b 74px,transparent 0,transparent 82px);
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.content-payment {
    background: #fff;
    border-radius: 4px;
    padding: 25px;
    position: relative;
    margin: 15px 0
}

.content-payment table {
    margin-bottom: 0
}

.content-payment table tr th {
    border: none;
    color: #444
}

.content-payment table tr td {
    border-top: 1px solid #f1f1f1;
    vertical-align: middle;
    font-weight: 500;
    color: #555
}

.content-payment table tr td .price {
    font-weight: 600;
    margin: 0
}

.content-payment table tr td .price_sale {
    color: #999;
    font-size: 12px;
    margin: 0;
    position: relative
}

.content-payment table tr td .price_sale span {
    text-decoration: line-through;
    margin: 0;
    line-height: normal;
    font-size: 12px
}

.content-payment table tr.total td {
    background: #fafdff!important;
    font-size: 16px;
    padding: 25px 8px;
    border-top: none
}

.content-payment table tr.total td:last-child {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 700
}

.total_last td {
    font-size: 14px!important;
    font-weight: 700!important
}

.btn_shipments_form {
    text-transform: uppercase;
    color: var(--main-color);
    display: inline-block;
    margin-right: 10px;
    font-weight: 600
}

.content-payment ul li {
    list-style-type: none;
    display: block;
    padding: 2px 0;
    margin: 0;
    cursor: pointer;
    font-size: 13px;
    position: relative;
    color: #222
}

.content-payment ul li label {
    line-height: normal;
    cursor: pointer;
    margin: 0
}

.content-payment ul li label.wrap-ace input[type=radio].ace+.lbl::before,.content-payment ul li label.wrap-ace span.ace+.ace+.lbl::before {
    margin-right: 6px;
    top: 6px
}

.content-payment ul li label.wrap-ace input[type=radio].ace+.lbl::after {
    top: 5px
}

.content-payment ul li label.wrap-ace .ace+.lbl {
    top: 0;
    margin: 0;
    font-weight: 400
}

.content-payment ul li label.wrap-ace .ace+.lbl img {
    margin-right: 12px;
    height: 26px;
    margin-left: 3px
}

label.wrap-ace .input_disabled.ace+.lbl::before {
    cursor: pointer;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    content: '';
    border: 1px solid #cbcbcb;
    margin-right: 6px;
    top: 6px
}

.content-payment .form {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding: 15px 0 0;
    display: none
}

.content-payment .form ul li img {
    height: 40px
}

.content-payment .form-detail {
    margin-top: 15px;
    display: none
}

.content-payment .form-detail p {
    margin: 9px 0;
    border-top: 1px solid #e8e8e8;
    padding-top: 10px
}

.content-payment .form-detail p b {
    display: inline-block;
    min-width: 115px
}

.content-payment ul li .sub_request_type {
    padding: 4px 0 0 34px
}

.content-payment ul li .sub_request_type li label.wrap-ace input[type=radio].ace+.lbl {
    font-weight: 400;
    font-size: 12px
}

.content-payment ul li .sub_request_type label.wrap-ace .ace+.lbl img {
    height: 20px;
    margin-right: 6px;
    margin-left: 0
}

.content-payment ul li .sub_request_type label.wrap-ace input[type=radio].ace+.lbl::before {
    width: 14px;
    height: 14px;
    top: 3px
}

.content-payment ul li .sub_request_type label.wrap-ace input[type=radio].ace+.lbl::after {
    width: 5px;
    height: 5px;
    left: 4.6px;
    top: 5px
}

.total-payment {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px
}

.total-payment .btn {
    margin-top: 10px
}

.total-payment ul li {
    border: none!important;
    text-align: left;
    padding: 0;
    margin: 6px 0;
    list-style-type: none;
    color: #222!important;
    font-weight: 600;
    display: block
}

#modalVoucher .title input,.total-payment ul li.w400 {
    font-weight: 400
}

.total-payment ul li:after {
    content: '';
    display: block!important;
    clear: both
}

.total-payment ul li>span {
    white-space: nowrap;
    padding-left: 0;
    color: #444;
    width: 120px;
    display: block;
    float: left
}

.total-payment ul li p {
    display: inline-block;
    margin: 0;
    min-width: 160px;
    float: right;
    text-align: right;
    font-weight: 400;
    position: relative;
    max-width: calc(100% - 120px)
}

.total-payment ul li:last-child p {
    color: var(--main-color);
    font-size: 16px;
    font-weight: 600
}

.formDetail .fa-angle-left span {
    font-style: normal;
    font-family: Montserrat;
    font-weight: 600;
    position: relative;
    top: -1px;
    margin-left: 2px
}

.short_price .form-control {
    display: inline-block;
    width: auto
}

.about .detail-content li,.about .detail-content p,.contact .detail-content li,.contact .detail-content p,.detail_order p {
    margin: 10px 0
}

.sub_product_bonus_item>div>a,span.copyed,table.table-product tr td p {
    margin: 0!important
}

.detail_order p span {
    display: inline-block;
    min-width: 180px
}

.detail_order p span.vourcher {
    min-width: inherit;
    color: #777;
    text-decoration: line-through;
    margin-right: 5px
}

.payment_atm .left .item,.payment_atm .right .item {
    border: 1px solid #ddd;
    padding: 26px;
    background: #fff;
    border-radius: 8px;
    height: 100%
}

.payment_atm .left .item h4.title {
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 20px
}

.payment_atm .left .item .detail_order_atm p {
    border-top: 1px solid #ddd;
    padding: 14px 0 15px;
    margin: 0;
    position: relative
}

.payment_atm .left .item .detail_order_atm p:first-child {
    border: none;
    padding-top: 0
}

.payment_atm .left .item .detail_order_atm p span {
    display: block;
    font-size: 15px;
    color: #777;
    margin: 0 0 4px
}

.payment_atm .left .item .detail_order_atm p b {
    font-size: 16px;
    color: #333;
    position: relative
}

.payment_atm .left .item .detail_order_atm p b i {
    position: relative;
    font-size: 17px;
    cursor: pointer;
    top: 1px
}

.payment_atm .left .item .detail_order_atm p b.price {
    font-size: 24px
}

.payment_atm .left .item .detail_order_atm p b span {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    color: #333;
    font-size: 16px
}

.payment_atm .left .item .detail_order_atm p b input.input_copy_text {
    position: absolute;
    left: 0;
    border: none;
    width: auto;
    top: 0;
    color: #333;
    outline: 0;
    opacity: 0;
    font-size: 16px;
    padding: 0
}

.payment_atm .right .item h4.title {
    margin: 0 0 16px;
    font-weight: 600;
    font-size: 20px;
    text-align: center
}

.payment_atm .right .item h5 a {
    color: var(--main-color);
    font-weight: 600
}

.cart-detail-item-atm {
    position: relative;
    width: 100%;
    right: auto;
    display: block;
    box-shadow: none;
    padding: 0;
    margin: 0;
    top: 0;
    border-radius: 0
}

.cart-detail-item.cart-detail-item-atm ul li {
    padding: 10px 0
}

span.copyed {
    position: absolute!important;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    bottom: calc(100% - -8px);
    font-size: 12px!important;
    padding: 1px 12px;
    border-radius: 2px;
    right: -15px;
    font-weight: 400;
    white-space: nowrap
}

span.copyed::before {
    top: 100%;
    right: 4px;
    border: 6px solid rgba(136,183,213,0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #dff0d8;
    margin-left: -7px
}

.modal_success .modal-body h3 {
    text-align: center;
    font-size: 20px;
    margin: 21px 0 5px;
    line-height: 1.4;
    color: #444
}

.modal_success .modal-body h4 {
    text-align: center;
    font-size: 15px;
    margin: 0 0 20px;
    line-height: 1.4;
    color: #444
}

.modal_success .modal-body h4 p {
    margin: 4px 0 0
}

li[data-parent].open:not(.hidden-search) {
    display: block!important
}

.vsb-menu {
    cursor: pointer;
    z-index: 1000;
    display: block;
    visibility: hidden;
    position: absolute;
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 4px;
    font-size: 11px;
    width: 100%
}

.vsb-js-search-zone {
    z-index: 1001;
    width: calc(100% - 14px);
    background-color: #fff;
    margin-bottom: 6px;
    margin-left: 6px
}

.vsb-js-search-zone input {
    border: 1px solid #ddd;
    margin-left: 2px;
    width: 100%;
    border-radius: 3px;
    height: 28px!important;
    padding: 0 10px;
    outline: 0;
    font-size: 13px
}

.vsb-main button,.vsb-menu li {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vsb-main {
    position: relative;
    vertical-align: middle;
    text-align: left
}

.vsb-main-new button .title img {
    height: 20px
}

.vsb-main-new.active .vsb-menu {
    visibility: visible
}

.vsb-main-new .vsb-menu li img {
    height: 32px
}

.vsb-main li:hover,.vsb-menu li:hover {
    background: linear-gradient(#f5f5f5,#e8e8e8)
}

.vsb-menu ul {
    user-select: none;
    list-style: none;
    white-space: nowrap;
    margin: 0 0 2px;
    padding-left: 0;
    color: #333;
    cursor: pointer;
    overflow-y: auto;
    padding-top: 8px
}

li.disabled,li.overflow {
    cursor: not-allowed;
    opacity: .3;
    background-color: #999
}

li.short {
    overflow: hidden;
    text-overflow: ellipsis
}

.vsb-main button {
    min-width: 120px;
    border-radius: 3px;
    text-align: left;
    z-index: 1;
    color: #222;
    background: #fff;
    border: 1px solid #ebebeb;
    line-height: 20px;
    padding: 6px 12px;
    position: relative;
    min-height: 34px;
    margin-top: 2px;
    width: 100%;
    min-width: inherit!important;
    overflow: hidden
}

.vsb-menu .multi li,.vsb-menu li {
    background-color: #fff;
    min-height: 1.4em
}

.button-w100 .vsb-main button {
    min-width: inherit!important
}

.vsb-main button.disabled {
    cursor: not-allowed;
    opacity: .65
}

.vsb-main .title {
    user-select: none;
    color: #444;
    text-transform: none;
    font-size: 13px;
    margin: 0;
    padding: 0 8px 0 0;
    border: none;
    display: block;
    height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: -1px
}

.vsb-menu li.grouped-option.closed span,.vsb-menu li.grouped-option.open span {
    height: 8px;
    width: 8px;
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    border-radius: 2px;
    left: 48px;
    top: 10px
}

.vsb-main ul {
    white-space: nowrap;
    width: 100%!important
}

.vsb-main.vsb-main-new ul {
    max-height: 300px;
    overflow-x: auto
}

.vsb-menu li {
    overflow: hidden;
    padding: 4px 8px 4px 22px;
    border-top: 1px solid #f1f1f1
}

.vsb-menu li.grouped-option b {
    display: inline-block;
    font-size: 13px;
    transform: translate(-18px);
    margin-left: 15px;
    position: relative;
    top: 1px;
    font-weight: 700
}

.vsb-menu li.grouped-option i,.vsb-menu li.grouped-option.closed span,.vsb-menu li.grouped-option.open span {
    display: inline-block;
    position: absolute;
    font-size: inherit
}

.vsb-menu li.grouped-option.open span {
    margin-top: -2px;
    transform: translate(-38px) rotate(45deg)
}

.vsb-menu li.grouped-option.closed span {
    transform: translate(-38px) rotate(-45deg)
}

.vsb-menu li.grouped-option i {
    margin-left: 18px;
    margin-right: 2px;
    height: 16px;
    width: 16px;
    border: 1px solid;
    border-radius: 3px;
    margin-top: 0;
    color: #777;
    left: 8px;
    top: 7px
}

.vsb-menu li.grouped-option.checked i {
    background: #56ba47;
    border-color: #56ba47
}

.vsb-menu .multi li:not(.grouped-option).active::after,.vsb-menu li.grouped-option.checked i::after {
    transform: rotate(45deg);
    height: 8px;
    width: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    display: inline-block;
    content: ""
}

.vsb-menu li.grouped-option.checked i::after {
    color: #333;
    margin-left: 0;
    top: 2px;
    left: 4px
}

.vsb-menu :not(.multi) li.active {
    margin-left: 0;
    color: #7ace4c;
    background: #f1f1f1
}

.vsb-menu :not(.multi) li.active::before {
    content: "";
    display: inline-block;
    font-size: inherit;
    transform: rotate(45deg);
    height: 10px;
    width: 5px;
    border-bottom: 3px solid #7ace4c;
    border-right: 3px solid #7ace4c;
    border-radius: 2px;
    margin-right: 4px;
    margin-left: -12px
}

.vsb-menu .multi li {
    font-size: 13px;
    padding: 6px 8px 6px 32px;
    color: #555;
    border-bottom: 1px solid #f1f1f1;
    white-space: normal;
    line-height: 1.3;
    position: relative
}

.vsb-menu li:nth-child(2n) {
    background: #fafafa
}

.vsb-menu .multi li.grouped-option {
    padding-left: 52px
}

.vsb-menu .multi li:not(.grouped-option)::before {
    content: "";
    display: block;
    font-size: inherit;
    font-weight: 700;
    border: 1px solid;
    border-radius: 3px;
    padding: 7px;
    color: #777;
    position: absolute;
    top: 6px;
    left: 9px
}

.vsb-menu .multi li:not(.grouped-option).active::before {
    color: #56ba47;
    background: #56ba47
}

.vsb-menu .multi li:not(.grouped-option).active::after {
    font-size: inherit;
    color: #fff;
    top: 9px;
    left: 14px
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 6px;
    color: #666
}

table.table-product thead tr:first-child * {
    color: #333;
    font-weight: 700
}

table.table-product tr td {
    border: 1px solid #e0e0e0;
    padding: 10px
}

table.table-product thead tr th,table.table-product tr th {
    border: 1px solid #e0e0e0;
    padding: 10px;
    background: #f9f9f9
}

.load_more_store_product {
    margin-top: 5px;
    color: var(--main-color)
}

.load_more_store_product a {
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    border-radius: 4px;
    padding: 8px 18px;
    cursor: pointer
}

.avatar_thumbs,.block-brand .content .row {
    margin: 0 -6px
}

.avatar_thumbs .item {
    padding: 0 6px
}

.avatar_thumbs .item>a>i.fa-trash-can {
    position: absolute;
    top: 4px;
    right: 4px;
    color: red;
    cursor: pointer
}

.ratings-detail .content .head {
    background-color: #fffbf8;
    min-height: 5rem;
    border: 1px solid #f9ede5;
    padding: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 15px
}

.ratings-detail .content .head .left {
    float: left;
    width: 200px;
    padding: 0 18px
}

.ratings-detail .content .head .left>p {
    margin: 0 0 0 20px;
    font-size: 26px!important;
    color: #333;
    line-height: normal;
    font-weight: 300
}

.ratings-detail .content .head .left>span,.ratings-star {
    display: block;
    color: var(--MAIN-COLOR);
    white-space: nowrap
}

.ratings-detail .content .head .left>p>span {
    font-size: 34px!important;
    font-weight: 500
}

.ratings-detail .content .head .left>span {
    position: relative;
    margin-left: 25px;
    font-size: 18px;
    width: 111px
}

.ratings-detail .content .head .left>span>span {
    position: absolute;
    left: 0;
    width: 0%;
    background: #fffbf8;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    font-size: 18px
}

.ratings-detail .content .head .left>span>i,.ratings-detail .content .head .left>span>span>i,.ratings-star>span>i,.ratings-star>span>span>i {
    margin: 0 1px
}

.ratings-detail .content .head .right {
    float: left;
    width: calc(100% - 220px);
    margin-left: 20px
}

.ratings-detail .content .head .right ul li {
    display: inline-block;
    list-style: none;
    padding: 6px 24px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 3px;
    cursor: pointer;
    color: #222
}

.ratings-detail .content .head .right ul li.active {
    background: var(--main-color);
    color: #fff;
    border-color: var(--main-color)
}

.ratings-favorite,.ratings-star-count {
    border-left: 1px solid #ddd;
    padding-left: 10px
}

.content-ratings .list-ratings {
    padding: 15px;
    margin: 0;
    background: #fff
}

.content-ratings .list-ratings li {
    list-style-type: none;
    margin: 15px 0;
    display: flex;
    border-top: 1px solid #f1f1f1;
    padding-top: 15px
}

.content-ratings .list-ratings li:first-child,.page_deposit_detail ul:first-child {
    border-top: none;
    padding-top: 0
}

.content-ratings .list-ratings li .avatar {
    width: 50px;
    height: 50px;
    position: relative;
    float: left;
    border: 1px solid #f1f1f1;
    border-radius: 50%;
    background: #f1f1f1
}

.content-ratings .list-ratings li .sub .avatar {
    width: 44px;
    height: 44px
}

.content-ratings .list-ratings li .avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%
}

.content-ratings .list-ratings li .wrap-ratings {
    padding: 0 0 0 12px;
    width: calc(100% - 60px)
}

.content-ratings .list-ratings li .wrap-ratings .date {
    font-size: 12px;
    color: #666;
    margin-bottom: 4px
}

.content-ratings .list-ratings li .sub .wrap-ratings .date {
    font-size: 11px
}

.content-ratings .list-ratings li .wrap-ratings .date1 {
    margin: 6px 0
}

.content-ratings .list-ratings li .wrap-ratings .date1>span {
    color: #777;
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 14px;
    line-height: normal
}

.ratings-star {
    position: relative;
    font-size: 12px;
    width: 78px;
    margin: 0 0 4px
}

.ratings-sold,.ratings-star-count {
    color: #777;
    font-size: 13px
}

.wrap-ratings-star-detail {
    display: flex;
    align-items: center;
    margin-bottom: 6px
}

.ratings-star-count {
    margin-left: 36px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-right: 10px
}

.ratings-sold>span,.ratings-star-count>span {
    border-bottom: 1px solid;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    line-height: 17px
}

.ratings-favorite {
    margin-left: 10px
}

.ratings-star.ratings-star-detail {
    font-size: 16px;
    width: 100px
}

.ratings-star.ratings-star-detail>span,.ratings-star.ratings-star-detail>span>span {
    font-size: 16px!important
}

.ratings-star>i {
    font-style: normal;
    margin-left: 5px;
    font-size: 13px;
    font-weight: 600;
}

.ratings-star>span,.ratings-star>span>span {
    margin: 0!important;
    font-size: 12px!important
}

.ratings-star>span>span {
    position: absolute;
    left: 0;
    width: 0%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden
}

.wrap-ratings-star-detail .product_favorite {
    display: inline-block;
    position: relative;
    cursor: pointer
}

.wrap-ratings-star-detail .product_favorite>span {
    position: absolute;
    white-space: nowrap;
    background: #000;
    font-size: 11px;
    padding: 1px 10px;
    border-radius: 2px;
    color: #fff;
    left: -85px;
    top: -22px;
    display: none;
    width: 190px;
    text-align: center
}

.wrap-ratings-star-detail .product_favorite>span::before {
    top: 100%;
    left: 50%;
    border: 7px solid rgba(136,183,213,0);
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #000;
    margin-left: -7px
}

.content-ratings .list-ratings li .wrap-ratings>h3 {
    margin: 0 0 2px;
    font-size: 15px
}

.content-ratings .list-ratings li .sub .wrap-ratings>h3 {
    font-size: 14px
}

.content-ratings .list-ratings li .wrap-ratings>.info,.wallet_action {
    margin-bottom: 10px
}

.content-ratings .list-ratings li .wrap-ratings>.img {
    margin-top: 5px;
    cursor: pointer
}

.content-ratings .list-ratings li .wrap-ratings>.img>a {
    width: 88px;
    border-radius: 3px;
    margin-right: 5px;
    display: inline-block;
    height: 88px;
    position: relative;
    margin-bottom: 3px;
    float: left
}

.content-ratings .list-ratings li .wrap-ratings>.img>a>img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover
}

.content-ratings .list-ratings li .wrap-ratings>.note_admin {
    margin-top: 15px;
    background-color: #f5f5f5;
    padding: 15px;
    position: relative;
    font-size: 13px
}

.content-ratings .list-ratings li .wrap-ratings>.note_admin:after {
    border: 1rem solid transparent;
    border-bottom-color: #f5f5f5;
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 35px;
    transform: translateX(-50%) translateY(-100%)
}

.content-ratings .list-ratings li .wrap-ratings>.note_admin h3 {
    margin: 00 0 5px;
    font-size: 13px;
    color: var(--main-color)
}

.content-ratings .list-ratings li .wrap-ratings>.note_admin h3>img {
    height: 22px;
    margin-right: 6px;
    position: relative;
    top: -2px
}

.content-ratings .list-ratings li .wrap-ratings>.like {
    color: #999;
    margin-top: 10px;
    cursor: pointer;
    font-size: 13px
}

.content-ratings .list-ratings li .wrap-ratings>.like>i {
    position: relative;
    top: -1px
}

.content-ratings .list-ratings li .wrap-ratings .sub {
    padding: 0;
    margin: 10px 0 0
}

.icon-search-anvanced {
    display: none;
    float: right;
    border: 1px solid #ddd;
    padding: 5px 8px;
    border-radius: 3px;
    margin-left: 6px;
    cursor: pointer
}

.icon-search-anvanced span {
    display: block;
    width: 14px;
    height: 2px;
    background: #999;
    margin: 4px 0;
    border-radius: 2px
}

.icon-search-anvanced span:nth-child(2) {
    width: 20px
}

.icon-search-anvanced span:nth-child(3) {
    width: 26px
}

.close-anvancde-search {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 28px;
    height: 28px;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    background: red;
    color: #fff;
    z-index: 2
}

#hisella-minimize,.list-product-bonus .item .iframe {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    cursor: pointer
}

.advanced-search {
    padding: 12px 16px
}

.advanced-search .title {
    margin: 10px 5px 12px 0;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.3;
    text-align: left;
    color: var(--main-color)
}

.advanced-search .advanced-price-orther .title {
    color: var(--main-color);
    margin: 5px 0 10px;
    text-transform: none;
    font-size: 14px;
    cursor: pointer
}

.advanced-search .title>i {
    margin-right: 5px;
    position: relative;
    top: 1px!important
}

.advanced-search .title-info {
    font-weight: 600;
    margin: 0 0 5px;
    font-size: 15px;
    text-transform: uppercase
}

.advanced-search .advanced-item {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 8px;
    padding-bottom: 8px
}

.advanced-search .advanced-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 10px
}

.advanced-search .advanced-item ul {
    padding: 0;
    margin: 0 -2px
}

.advanced-search .advanced-item .item-cate-product {
    background: 0 0;
    padding: 0
}

.advanced-search .advanced-item ul li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    border: 1px solid #e7e7e7;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 1px 0 0;
    width: auto;
    cursor: pointer;
    font-size: 12px;
    position: relative;
    overflow: hidden
}

.advanced-search .advanced-item.advanced-brand ul li {
    padding: 8px;
    width: 60px;
    text-align: center;
    float: left;
    width: calc(50% - 4px);
    margin: 2px
}

.advanced-search .advanced-item ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    bottom: 0;
    right: 1px;
    display: none;
    color: #fff;
    font-size: 8px;
    z-index: 2
}

.advanced-search .advanced-item ul li:after {
    content: '';
    background: var(--main-color);
    width: 30px;
    height: 30px;
    position: absolute;
    transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(46deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    right: -18px;
    bottom: -16px;
    display: none
}

.advanced-search .advanced-item ul li.active,.advanced-search .advanced-item ul li:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color)!important
}

.advanced-search .advanced-item ul li .img {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0 auto
}

.advanced-search .advanced-item ul li img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.advanced-search .advanced-item ul li span {
    display: block;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    padding: 0;
    font-weight: 400
}

.advanced-search .advanced-item .item-cate-product ul li {
    border: none;
    padding: 2px 0;
    margin: 0;
    display: block;
    text-align: left;
    float: none
}

.advanced-search .advanced-item .item-cate-product ul li h2 {
    font-size: 13px;
    margin: 0;
    font-weight: 400
}

.advanced-search .advanced-item .item-cate-product ul li a {
    display: block;
    position: relative;
    padding: 7px 0 0 30px;
    border: none;
    margin: 0
}

.advanced-search .advanced-item .item-cate-product ul li a.no-icon {
    padding: 4px 0;
    min-height: inherit;
    display: flex;
    align-items: center
}

.advanced-search .advanced-item .item-cate-product ul li a.no-icon i {
    margin-right: 6px;
    position: relative;
    top: -1px;
    font-size: 12px
}

.advanced-search .advanced-item .item-cate-product ul li a img {
    width: 24px;
    margin-right: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 3px;
    right: auto;
    left: 0
}

.advanced-search .advanced-item.advanced-tag ul li,.product_tags .item a {
    color: #337ab7
}

.advanced-search .advanced-action {
    padding: 5px 0;
    border-radius: 0 0 4px 4px
}

.advanced-search .advanced-action a {
    margin: 0 5px;
    cursor: pointer
}

.price-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0
}

.price-content p {
    margin: 0 0 10px;
    font-weight: 500;
    font-size: 12px
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: 0 0;
    position: absolute;
    left: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background: var(--main-color);
    cursor: pointer;
    margin-top: -5px;
    position: relative;
    z-index: 1
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    background: #e8e8e8;
    border-radius: 3px;
    border: none
}

.icon-anvanced-search {
    border: 1px solid #f1f1f1;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px #ddd
}

.icon-anvanced-search>span {
    display: block;
    padding: 8px 12px;
    cursor: pointer;
    background: #fff;
    position: relative;
    z-index: 6;
    border-radius: 3px
}

.icon-anvanced-search i {
    margin-right: 5px;
    font-size: 18px;
    position: relative;
    top: 1px
}

.high_light_btn_order {
    background: #037dd1;
    border: 1px solid #037dd1;
    color: #fff!important
}

.hisella-messages {
    position: fixed;
    bottom: -360px;
    right: -148px;
    z-index: 999999
}

#hisella-minimize {
    background: var(--main-color);
    font-size: 13px;
    color: #fff;
    padding: 4px 10px;
    position: absolute;
    top: -27px;
    left: 0;
    transition: .2s ease-in-out
}

#hisella-facebook {
    opacity: 0;
    width: 250px
}

#hisella-minimize img {
    width: 18px;
    margin-right: 6px;
    position: relative;
    top: -1px
}

ul.countdown {
    position: absolute;
    left: 5px;
    bottom: 0;
    list-style: none;
    display: block;
    color: #fff;
    width: calc(100% - 10px);
    background: rgba(0,0,0,.7);
    padding: 0 0 2px;
    margin: 0;
    text-align: center;
    border-radius: 2px
}

ul.countdown li {
    display: inline-block;
    text-align: center;
    font-size: 11px;
    margin: 0
}

ul.countdown li i,ul.countdown-detail li i {
    margin-right: 2px
}

ul.countdown li p,ul.countdown-detail li p {
    color: #a7abb1;
    font-size: 11px
}

ul.countdown-detail li {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    margin: 0;
    background: #000;
    padding: 6px 15px;
    border-radius: 6px;
    font-weight: 400
}

ul.countdown-detail li.seperator {
    padding: 0;
    background: 0 0;
    font-weight: 600
}

ul.countdown-detail li span {
    display: inline-block;
    font-weight: 600;
    font-size: 14px
}

ul.countdown-detail {
    position: relative!important;
    left: 0!important;
    width: auto!important;
    border-radius: 4px;
    background: url(../images/flash-sale.png);
    text-align: left;
    bottom: 0!important;
    margin: 0 0 12px;
    padding: 74px 22px 14px;
    display: inline-block;
    color: #fff;
    background-size: 100%
}

@media screen and (max-width: 768px) {
    ul.countdown,ul.countdown-detail {
        left:5px;
        width: calc(100% - 10px)
    }

    ul.countdown li,ul.countdown-detail li {
        font-size: 11px
    }

    ul.countdown li span,ul.countdown-detail li span {
        line-height: 12px
    }

    ul.countdown li p,ul.countdown-detail li p {
        font-size: 9px
    }

    ul.countdown li i,ul.countdown-detail li i {
        display: none
    }
}

#modalVoucher .title {
    position: relative;
    margin: 10px 10px 20px
}

#modalVoucher .title .btn {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 4px 4px 0
}

#modalVoucher .list-voucher {
    padding: 0;
    margin: 10px
}

#modalVoucher .list-voucher li {
    list-style-type: none;
    margin: 12px 0
}

#modalVoucher .list-voucher li.no-voucher,.bank_transaction .content .logo,.support_new>div>div {
    text-align: center
}

#modalVoucher .list-voucher li.no-voucher img {
    max-height: 200px
}

#modalVoucher .list-voucher li .left {
    float: left;
    width: 120px;
    display: block;
    height: 120px;
    margin-right: 15px;
    background: #00bfa5;
    border-radius: 3px 3px 0 0;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    padding: 10px;
    text-align: center
}

#modalVoucher .list-voucher li .left span i {
    display: block;
    font-style: normal
}

#modalVoucher .list-voucher li .right {
    float: left;
    width: calc(100% - 135px)
}

#modalVoucher .list-voucher li .right .name {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 2px
}

#modalVoucher .list-voucher li .right .name1 {
    color: #666;
    font-size: 13px;
    margin: 0 0 4px;
    display: block
}

#modalVoucher .list-voucher li .right .name2 {
    border: 1px solid #ee4d2d;
    color: #ee4d2d;
    padding: 2px 10px;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 10px
}

#modalVoucher .list-voucher li .right .user_voucher {
    float: right;
    background: var(--main-color);
    color: #fff;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 3px;
    cursor: pointer
}

#modalVoucher .list-voucher li .right .bar {
    display: block;
    height: 4px;
    width: 100%;
    background: #999;
    border-radius: 8px;
    margin: 0 0 6px;
    position: relative
}

#modalVoucher .list-voucher li .right .bar span {
    height: 4px;
    width: 100%;
    background: #ee4d2d;
    border-radius: 8px 0 0 8px;
    position: absolute;
    left: 0;
    top: 0
}

.list-product-bonus {
    margin: 0 -8px
}

.list-product-bonus .item {
    padding: 0 8px
}

.list-product-bonus .item .iframe {
    margin: 10px 0;
    border-radius: 4px;
    overflow: hidden;
    transition: .2s ease-in-out
}

.list-product-bonus .item .iframe.active,.list-product-bonus .item .iframe:hover {
    border: 2px solid var(--main-color)
}

.list-product-bonus .item .iframe .img {
    height: 0;
    padding-bottom: 100%;
    position: relative;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden
}

.list-product-bonus .item .iframe .img>span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 70px;
    height: 30px;
    font-size: 13px;
    padding-top: 1px;
    background: var(--main-color);
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.list-product-bonus .item .iframe:hover .img>span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.list-product-bonus .item .iframe.active .img,.list-product-bonus .item .iframe:hover .img {
    border-radius: 0;
    border-width: 0;
    border-color: var(--main-color);
    margin-bottom: 2px
}

.list-product-bonus .item .iframe .info {
    padding: 10px
}

.list-product-bonus .item .iframe h5 {
    font-size: 13px;
    line-height: 1.4;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 0 5px
}

.list-product-bonus .item .iframe .price {
    color: var(--main-color);
    font-size: 15px;
    margin: 0;
    font-weight: 600
}

.sub_product_bonus_item p {
    display: none;
    margin: 3px 0 5px;
    font-weight: 500;
    color: #555
}

.sub_product_bonus_item>div {
    display: inline-block!important;
    width: 60px!important;
    height: 60px!important;
    position: relative!important;
    border: 1px solid #ddd!important;
    border-radius: 3px!important;
    margin: 0 5px 1px 0!important
}

.cart-detail-item .sub_product_bonus_item>div {
    width: 40px!important;
    height: 40px!important
}

.sub_product_bonus_item>div>a>span {
    position: absolute!important;
    bottom: 0!important;
    left: 0!important;
    font-weight: 500!important;
    margin: 0!important;
    line-height: normal!important;
    background: #fff!important;
    padding: 1px 0!important;
    width: 100%!important;
    text-align: center!important;
    font-size: 9px!important;
    top: auto!important
}

.sub_product_bonus_item>div a>img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px;
    height: auto
}

.sub_product_bonus_item>div>i {
    position: absolute;
    top: -6px;
    left: auto;
    right: -5px!important;
    padding-top: 0;
    background: #ff424e;
    width: 16px;
    height: 16px;
    border-radius: 40px;
    font-size: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.list_payment_momo h3 {
    font-size: 20px;
    margin: 30px 0
}

.list_payment_momo ul {
    padding: 0 0 0 25px;
    margin: 0
}

.list_payment_momo ul li {
    border-top: 1px dashed #ddd;
    margin-top: 7px;
    padding-top: 7px
}

.list_payment_momo li:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 2px 8px 8px 0;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: 0 0;
    border: none
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.xdsoft_noselect::selection {
    background: 0 0
}

.xdsoft_noselect::-moz-selection {
    background: 0 0
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center
}

.xdsoft_datetimepicker .xdsoft_label i,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC)
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: .5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0
}

.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: .5;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next,.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev {
    float: none;
    margin-left: 0;
    margin-right: 14px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
    border-top-width: 0
}

.xdsoft_datetimepicker .xdsoft_label:hover i,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover,.xdsoft_datetimepicker .xdsoft_today_button:hover {
    opacity: 1
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #fff;
    background: #ff8000
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3af;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 5px
}

.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #3af
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: .5;
    cursor: default
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #fff!important;
    background: #ff8000!important;
    box-shadow: none!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
    background: #3af!important;
    box-shadow: #178fe5 0 1px 3px 0 inset!important;
    color: #fff!important
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
    color: inherit!important;
    background: inherit!important;
    box-shadow: inherit!important
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc!important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee!important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa!important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc
}

.xdsoft_scrollbar>.xdsoft_scroller {
    background: #ccc!important;
    height: 20px;
    border-radius: 3px
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255,255,255,.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
    border: 1px solid #333;
    background: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    color: #000;
    background: #007fff
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #c50;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==)
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
    color: #666
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #c50
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    color: #000!important;
    background: #007fff!important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111!important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555!important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #ddd!important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: museo-sans,"Book Antiqua",sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(73%,#f4f8fa));
    background: -webkit-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -o-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: -ms-linear-gradient(top,#fff 0,#f4f8fa 73%);
    background: linear-gradient(to bottom,#fff 0,#f4f8fa 73%)
}

.xdsoft_datetimepicker .blue-gradient-button:focus,.xdsoft_datetimepicker .blue-gradient-button:focus span,.xdsoft_datetimepicker .blue-gradient-button:hover,.xdsoft_datetimepicker .blue-gradient-button:hover span {
    color: #454551;
    background: -moz-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f4f8fa),color-stop(73%,#fff));
    background: -webkit-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background: -o-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background: -ms-linear-gradient(top,#f4f8fa 0,#fff 73%);
    background: linear-gradient(to bottom,#f4f8fa 0,#fff 73%)
}

.box_wallet {
    margin: 0 -4px;
    padding: 0
}

.box_wallet .box {
    padding: 2px
}

.box_wallet .box .inner {
    margin: 2px;
    background: #f5f5f5;
    cursor: pointer;
    border: 1px solid #f5f5f5
}

.box_wallet .box.active .inner,.item-product-related .row .item .iframe:hover,.slider_images_thumbs .carousel_thumbs ul.slides li.flex-active-slide {
    border-color: var(--main-color)
}

.box_wallet .box .inner>h2 {
    border-bottom: 1px solid #eee;
    padding: 14px 15px 11px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 0
}

.box_wallet .box .inner .body {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center
}

.box_wallet .box .inner .body b {
    min-height: 20px;
    display: block;
    font-size: 14px;
    font-weight: 700
}

.user_box_wallet.box_wallet {
    margin: 0 0 12px
}

.user_box_wallet.box_wallet .box {
    display: inline-block;
    padding: 0
}

.user_box_wallet.box_wallet .box .inner {
    margin: 0;
    border-radius: 3px
}

.user_box_wallet.box_wallet .box .inner>h2 {
    border: none;
    padding: 10px 15px
}

.user_box_wallet.box_wallet .box .inner>h2 span {
    font-weight: 600;
    color: var(--main-color)
}

.list-balance-hh,.list_transaction_history {
    background: #fff;
    padding: 5px 0;
    margin: 0
}

.list-balance-hh li {
    list-style-type: none;
    position: relative;
    padding: 8px 5px 0 52px
}

.list-balance-hh li:nth-child(2n) {
    background: #f8f8f8
}

.list-balance-hh li img,.list_transaction_history li img {
    height: 28px;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto
}

.list-balance-hh li .title,.list_transaction_history li .title {
    font-size: 15px;
    padding-left: 0;
    font-weight: 600;
    margin: 2px 0
}

.list-balance-hh li .info {
    font-size: 13px;
    color: #666;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 5px;
    padding-left: 0;
    font-weight: 300;
    min-height: 24px
}

.list-balance-hh li:last-child .info,.list_transaction_history li:last-child .info {
    border-bottom: none
}

.list-balance-hh li .date,.list_transaction_history li .date {
    color: #555;
    font-size: 12px
}

.list-balance-hh li>span,.list_transaction_history li>span {
    color: #4ab04d;
    font-size: 23px;
    font-weight: 600;
    position: absolute;
    left: 10px;
    top: 6px
}

.list-balance-hh li.hh-plus .plus,.list_transaction_history li.hh-plus .plus {
    color: #4ab04d
}

.list-balance-hh li.hh-minus .minus,.list_transaction_history li.hh-minus .minus {
    color: #fda450;
    font-size: 26px
}

.list-balance-hh li i,.list_transaction_history li i {
    font-size: 20px;
    color: #666;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 21px
}

.list-balance-hh li .price,.list_transaction_history li .price {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    font-weight: 400;
    border-radius: 50px;
    padding: 1px 6px;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .5px
}

.list-balance-hh li.hh-plus .price,.list_transaction_history li.hh-plus .price {
    background: #4ab04d
}

.list-balance-hh li.hh-minus .price,.list_transaction_history li.hh-minus .price {
    background: #fda450
}

.list-balance-hh li.li_withdraw,.list_transaction_history li.li_withdraw {
    padding-bottom: 12px;
    border-top: 1px solid #f1f1f1
}

.list-balance-hh li.li_withdraw img,.list_transaction_history li.li_withdraw img {
    left: 10px
}

.list-balance-hh li.li_withdraw p,.list_transaction_history li.li_withdraw p {
    margin: 4px 0;
    font-size: 13px;
    color: #444
}

.list_hi_wa_detail li.active span,.wrap-balance .price,.wrap-balance>span {
    color: var(--main-color);
    font-weight: 600
}

.list-balance-hh li.li_withdraw p b,.list_transaction_history li.li_withdraw p b {
    font-weight: 600;
    display: inline-block;
    min-width: 120px
}

.wallet_action .btn-small {
    padding: 6px 10px
}

.list_hi_wa_detail {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ddd
}

.list_hi_wa_detail li {
    margin: 0 0 -1px;
    display: inline-block
}

.list_hi_wa_detail li span {
    display: inline-block;
    padding: 0 12px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 2px solid
}

.list_hi_wa_detail li.active span {
    border-color: var(--main-color)
}

.page_deposit,.page_deposit_detail {
    padding: 20px
}

.page_deposit_detail ul {
    padding: 14px 0 0 50px;
    margin: 0;
    position: relative;
    border-top: 1px solid #f1f1f1
}

.page_deposit_detail ul li {
    list-style-type: none;
    margin-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 8px;
    position: relative
}

.page_deposit_detail ul li i.fa-copy {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 18px
}

.page_deposit_detail ul li:first-child {
    position: absolute;
    padding: 0;
    font-size: 22px;
    color: #555;
    left: 0;
    top: 10px;
    border: none;
    margin: 0
}

.page_deposit_detail ul:first-child li:first-child {
    top: 0
}

.page_deposit_detail ul li:last-child {
    border: none;
    padding-bottom: 2px
}

.page_deposit_detail ul li span {
    font-weight: 300;
    display: block;
    margin-bottom: 3px
}

.page_deposit_detail ul li input {
    font-weight: 400;
    border: 1px solid #ddd;
    outline: 0;
    display: none;
    width: 100%;
    border-radius: 4px;
    height: 50px;
    padding: 10px;
    margin-top: 8px
}

.page_deposit_detail ul li span:nth-child(2) {
    font-weight: 600;
    text-transform: uppercase
}

.page_deposit_detail ul.config_withdraw li input {
    display: block;
    height: 34px
}

.wrap-balance {
    background: #fff;
    padding: 25px 8px 18px;
    text-align: center
}

.wrap-balance>span {
    width: 56px;
    height: 56px;
    display: block;
    margin: 0 auto;
    border: 2px solid var(--main-color);
    border-radius: 50%;
    line-height: 52px;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px
}

.wrap-balance .price {
    font-size: 26px;
    letter-spacing: 1px;
    margin-top: 2px
}

.wrap-balance .price span {
    font-size: 16px;
    display: inline-block;
    margin-left: 2px
}

.list-deposit {
    padding: 0 1px;
    margin: 2px 0 0
}

.list-deposit li {
    list-style-type: none;
    float: left;
    width: calc(33.33333% - 6px);
    border: 1px solid #ddd;
    padding: 10px;
    margin: 4px 3px;
    border-radius: 5px;
    height: 60px;
    position: relative;
    cursor: pointer
}

.list-deposit li img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    padding: 8px
}

.list-deposit li i {
    display: none;
    color: #57b848;
    font-size: 16px;
    position: absolute;
    top: -7px;
    right: -3px;
    z-index: 2;
    background: #fff;
    border-radius: 20px
}

.support-online a span,.support-online i,.support-online img {
    background: var(--main-color);
    color: #fff;
    z-index: 999;
    text-align: center
}

.list-deposit li.active {
    border-color: #57b848;
    background: rgba(87,184,72,.1)
}

.wrap_name {
    padding: 0 4px
}

.label_name {
    font-weight: 300;
    color: #222;
    font-size: 15px;
    display: block;
    margin-top: 10px;
    margin-bottom: 6px
}

.modal-content-cancel .modal-header,.modal-content-success .modal-header {
    background: #47c9a2;
    border-bottom: none;
    position: relative;
    text-align: center;
    margin: 0;
    border-radius: 5px 5px 0 0;
    padding: 20px
}

.modal-content-cancel .modal-header {
    background: #e34141
}

.modal-content-cancel .icon-box,.modal-content-success .icon-box {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 66px
}

.modal-content-cancel h4,.modal-content-success h4 {
    text-align: center;
    font-size: 36px;
    margin: 20px 0
}

.modal-content-cancel p,.modal-content-success p {
    font-size: 18px
}

.support_new {
    position: fixed;
    z-index: 999;
    left: 15px;
    bottom: 50px
}

.support_new>div {
    margin: 30px 0;
    position: relative;
    top: 0;
    left: 0;
    bottom: auto
}

.support_new>div>div>a {
    position: relative;
    margin: 20px 10px;
    text-align: left;
    width: 40px;
    height: 40px;
    display: block
}

.support-online.zalo .kenit-alo-circle {
    border-color: #018fe3
}

.support-online.zalo .kenit-alo-circle-fill {
    background-color: #018fe3
}

.support-online.whatsapp .kenit-alo-circle {
    border-color: #68b037
}

.support-online.whatsapp .kenit-alo-circle-fill {
    background-color: #68b037
}

.support-online.facebook_fanpage .kenit-alo-circle {
    border-color: #3567a5
}

.support-online.facebook_fanpage .kenit-alo-circle-fill {
    background-color: #3567a5
}

.support-online i,.support-online img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    font-size: 14px;
    line-height: 40px;
    position: relative
}

.support-online img {
    background: 0 0
}

.support-online a span {
    border-radius: 2px;
    padding: 9px;
    display: none;
    width: 210px;
    margin-left: 10px;
    position: absolute;
    top: 0;
    left: 40px;
    transition: .2s ease-in-out;
    -moz-animation: .7s headerAnimation;
    -webkit-animation: .7s headerAnimation;
    -o-animation: .7s headerAnimation;
    animation: .7s headerAnimation
}

.support-online a span::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--main-color) transparent transparent;
    position: absolute;
    left: -10px;
    top: 10px
}

.kenit-alo-circle-fill {
    width: 60px;
    height: 60px;
    top: -10px;
    position: absolute;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    -ms-transition: .1s ease-in-out;
    -o-transition: .1s;
    transition: .1s;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    background-color: var(--main-color);
    opacity: .5;
    right: -10px
}

.kenit-alo-circle {
    width: 50px;
    height: 50px;
    top: -5px;
    right: -5px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid rgba(30,30,30,.4);
    opacity: .1;
    border-color: var(--main-color);
    opacity: .5
}

#notify_body,.save_contact {
    position: fixed;
    z-index: 9999999;
    right: 0
}

.dot-success,.dot-working {
    border: 1px solid rgba(89,105,197,.2);
    color: #2f42b5
}

@-webkit-keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.animated.infinite {
    animation-iteration-count: infinite
}

.animated.hinge {
    animation-duration: 2s
}

.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY {
    animation-duration: .75s
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes pulse {
    0%,100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }

    50% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8);
        transform: scale3d(1.05,1.05,1.05)
    }

    from,to {
        transform: scale3d(1,1,1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from,to {
        transform: scale3d(1,1,1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }
}

.dashboard .report1 .db-grid {
    padding: 0;
    margin: 0 -7px;
    overflow: hidden;
    display: flex
}

.dashboard_in .report1 .db-grid {
    background: #edf1f5;
    padding: 12px 5px 0;
    margin: 0
}

.dashboard .report1 .box-title {
    margin: 2px 0 15px;
    text-transform: uppercase;
    font-size: 15px
}

.dashboard .report1 .db-grid .box {
    width: 50%;
    float: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 0 7px 15px
}

.dashboard_in .report1 .db-grid .box {
    padding: 0 6px 12px
}

@media(max-width: 991px) {
    .flex_mobi_no {
        display:block
    }

    .info-order ul.content-ratings li .avatar_thumbs .item {
        width: 33.33333%
    }

    .dashboard .report1 .db-grid {
        display: block;
        margin: 0 -5px
    }

    .dashboard .report1 .db-grid .box {
        width: 50%;
        padding: 0 5px 10px
    }

    .dashboard_in .report1 .db-grid {
        margin: 0
    }

    .dashboard .db-grid .box .body {
        padding: 8px
    }

    .dashboard .db-grid .box .bigcount .info {
        padding-top: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .dashboard .db-grid .box .bigcount .count {
        font-size: 22px;
        width: 44px
    }

    .dashboard .db-grid .box .bigcount {
        padding-left: 44px
    }
}

.db-grid .box .inner {
    background-color: #fff
}

.dot-working {
    background: rgba(89,105,197,.2)
}

.dot-success {
    background: #63b814
}

.dot-key,.save_contact span {
    background: var(--main-color)
}

.dot-key {
    color: #2f42b5;
    border: 1px solid var(--main-color)
}

.db-grid .box .header {
    border-bottom: 1px solid #eee;
    padding: 12px 15px 11px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.db-grid .box .body {
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.save_contact {
    display: none;
    bottom: 5px;
    left: 0
}

.save_contact span {
    display: inline-block;
    border-radius: 50px;
    color: #fff!important;
    padding: 8px 18px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.save_contact span:hover {
    background: var(--main-color-hover)
}

.save_contact span img {
    height: 18px;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    margin-right: 5px
}

.social-footer {
    padding: 0;
    margin: 10px 0;
    list-style: none
}

.block-brand .content>a>img,.link_share_aff {
    margin-bottom: 5px
}

.social-footer li {
    display: inline-block;
    margin: 0 6px 8px 0
}

.social-footer a img {
    max-height: 50px;
    width: auto
}

#notify_body {
    width: 330px;
    top: auto;
    left: 10px;
    bottom: 10px
}

#notify_body .ladi-notify {
    padding: 5px;
    box-shadow: 0 0 1px rgba(64,64,64,.3),0 8px 50px rgba(64,64,64,.05);
    border-radius: 40px;
    color: #404040;
    background: rgba(250,250,250,.9);
    line-height: 1.6;
    font-size: 13px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center
}

#notify_body .ladi-notify .ladi-notify-image {
    width: 50px
}

#notify_body .ladi-notify .ladi-notify-image img {
    float: left;
    margin-right: 12px;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    pointer-events: none;
    margin-top: -2px
}

#notify_body .ladi-notify .ladi-notify-info {
    width: calc(100% - 50px);
    padding-left: 5px
}

#notify_body .ladi-notify .ladi-notify-title {
    font-size: 100%;
    overflow: hidden;
    font-weight: 700;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    margin-bottom: -3px
}

#notify_body .ladi-notify .ladi-notify-content {
    font-size: 12px;
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 0;
    font-weight: 500
}

#notify_body .ladi-notify .ladi-notify-content1 {
    overflow: hidden;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    margin-bottom: 2px
}

#notify_body .ladi-notify .ladi-notify-time {
    line-height: 1.6;
    font-size: 84.615%;
    display: inline-block;
    overflow-wrap: break-word;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 155px);
    overflow: hidden
}

.flashsale__bottom {
    position: relative;
    margin-top: 5px
}

.flashsale__bottom .sold_img {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 13px;
    width: 100%
}

.flashsale__bottom>div {
    background: #ffbda6;
    border-radius: 24px;
    padding: 2px 0;
    color: #fff;
    position: relative;
    margin-top: 8px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 8px
}

.flashsale__bottom>img {
    height: 24px;
    width: auto!important;
    position: absolute;
    left: 2px;
    top: -10px;
    z-index: 1
}

.flashsale__bottom .sold1 {
    background: #c5b5b1;
    display: block
}

.flashsale__bottom .sold2 {
    background: var(--main-color);
    background-image: -webkit-gradient(linear,left top,right top,from(#072142),color-stop(42%,#8c2b7a),to(#ff4d5a));
    background-image: -webkit-linear-gradient(to right,#eb1917,#feab01);
    background-image: -o-linear-gradient(to right,#eb1917,#feab01);
    background-image: linear-gradient(to right,#eb1917,#feab01);
    border-radius: 20px;
    display: block;
    position: absolute;
    max-width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.course_calendar ul {
    display: flex;
    padding: 10px 0;
    align-items: center;
    position: relative;
    border-top: 1px solid #e6e6e6;
    margin: 0
}

.tag>.item>span,.tag>span.plus {
    border-color: #f2f2f2;
    cursor: pointer
}

.course_calendar ul li {
    list-style-type: none;
    margin: 0 10px;
    font-size: 13px;
    width: 34%
}

.link_share_aff {
    position: relative;
    font-weight: 600;
    color: var(--main-color)
}

.link_share_aff a {
    position: relative;
    display: inline-block;
    margin-right: 2px;
    padding: 0 1px;
    color: var(--main-color)
}

.link_share_aff .copy_link_share_aff {
    padding: 0 5px;
    width: auto;
    position: relative;
    top: -2px
}

.link_share_aff a input {
    position: absolute;
    left: 0;
    width: 100%;
    border: none;
    box-shadow: none;
    background: #fff;
    outline: 0!important;
    height: auto;
    top: 0;
    padding: 0;
    opacity: 0;
    z-index: -1
}

.form_register_sidebar {
    background: #fff;
    padding: 20px 20px 5px
}

.form_register_sidebar .iframe>.title {
    margin: 10px 0 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--main-color);
    font-size: 157%;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 0
}

.form_register_sidebar .iframe .short_info {
    text-align: center;
    margin-bottom: 15px;
    margin-top: -5px
}

.form_register_sidebar .iframe .wrap-form .form-group label {
    font-weight: 500;
    display: block
}

.form_register_sidebar .iframe .wrap-form .form-group input {
    border: 1px solid #ddd;
    box-shadow: none;
    height: 40px;
    width: 100%
}

.form_register_sidebar .iframe .wrap-form .form-group textarea.form-control {
    width: 100%!important;
    min-height: 110px
}

.bank_transaction table {
    width: 100%;
    background: 0 0
}

.bank_transaction table td {
    padding: 0!important
}

.bank_transaction .content .logo img {
    height: 50px
}

.bank_transaction .payment_atm .right {
    padding: 0 15px 0 0!important
}

.bank_transaction .payment_atm .left .item .detail_order_atm p b i {
    position: relative;
    font-size: 12px!important;
    cursor: pointer;
    top: 0;
    background: #005130!important;
    color: #fff!important;
    padding: 8px 10px!important;
    border-radius: 3px!important
}

.bank_transaction .payment_atm .left .item .detail_order_atm p b i span {
    text-transform: none!important;
    color: #fff;
    font-size: 93%;
    margin-right: 0;
    margin-left: 2px;
    font-family: var(--font-family-key)
}

.bank_transaction .content .note {
    border: 1px solid #ddd;
    padding: 26px;
    background: #fff;
    border-radius: 8px;
    margin-top: 15px
}

.bank_transaction .content .note p {
    margin: 8px 0;
    font-size: 107%;
    line-height: 1.5
}

.bank_transaction .content .note ul {
    padding: 0 0 0 15px
}

.bank_transaction .payment_atm_1 .item {
    background: #fff;
    padding: 0
}

.bank_transaction .payment_atm_1 .item h4.title {
    margin: 10px 0 30px;
    font-weight: 600;
    font-size: 143%;
    text-align: center
}

.bank_transaction .payment_atm_1 .item .title1 {
    font-size: 107%;
    margin: 0 0 15px
}

.bank_transaction .payment_atm_1 .item .title1 b.red {
    color: red;
    display: inline-block;
    margin-left: 4px
}

.bank_transaction .payment_atm_1 .item .input_naptien {
    position: relative;
    margin: 0 0 20px
}

.bank_transaction .payment_atm_1 .item .input_naptien label {
    position: absolute;
    background: #dbe4f6;
    height: 50px;
    top: 0;
    left: 0;
    padding: 14px 12px;
    font-weight: 400;
    border-radius: 3px 0 0 3px;
    min-width: 102px;
    text-align: right
}

.bank_transaction .payment_atm_1 .item .input_naptien input {
    height: 50px;
    background: rgba(219,228,246,.8);
    border: none;
    padding: 6px 10px 6px 115px
}

.bank_transaction .payment_atm_1 .item .title2 {
    font-size: 107%;
    margin: 0;
    color: #7ace4c
}

.bank_transaction .payment_atm_1 .item .btn_send,.btn-send-success {
    width: 100%;
    background: #7ace4c!important;
    border-color: #7ace4c!important;
    color: #fff!important;
    font-size: 110%;
    height: 40px
}

.bank_transaction .payment_atm_1 .item .btn_send {
    margin: 16px 0 0
}

.btn-send-success {
    margin: 15px 0 0
}

.bank_transaction .payment_atm_1 .item .btn-send:hover,.btn-send-success:hover {
    background: #6fbe45!important;
    border-color: #6fbe45!important
}

.bank_transaction .payment_atm_1 .item .list_bank {
    margin: -10px 0 18px
}

.bank_transaction .payment_atm_1 .item .list_bank ul {
    padding: 0;
    margin: 0 -4px
}

.bank_transaction .payment_atm_1 .item .list_bank ul li {
    list-style-type: none;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 3px;
    max-width: calc(24% - 4px);
    cursor: pointer;
    margin: 4px
}

.bank_transaction .payment_atm_1 .item .list_bank ul li.active {
    border-color: #7ace4c;
    box-shadow: 0 0 12px #7ace4c
}

.list_transaction_history li {
    list-style-type: none;
    position: relative;
    padding: 14px 5px 14px 52px
}

.list_transaction_history li:nth-child(2n) {
    background: #f6f6f6
}

.tag>.item>span,.tag>input,.tag>span.plus {
    background-color: #f2f2f2
}

.list_transaction_history li .info {
    font-size: 13px;
    color: #666;
    padding-bottom: 0;
    padding-left: 0;
    font-weight: 300
}

.product_tags {
    display: flex;
    margin: 15px 0 8px
}

.product_tags .item {
    margin: 0 8px 0 0
}

.slider_images_thumbs ul li {
    list-style-type: none
}

.slider_images_thumbs .slider_thumbs {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 5px
}

.slider_images_thumbs .slider_thumbs .brand_avatar {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    height: 50px
}

.slider_images_thumbs .slider_thumbs .flex-viewport {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.slider_images_thumbs .slider_thumbs .flex-viewport ul,.slider_images_thumbs .slider_thumbs .flex-viewport ul li,.slider_images_thumbs .slider_thumbs .flex-viewport ul li .iframe_video_slide,.slider_images_thumbs .slider_thumbs .flex-viewport ul li a {
    display: block;
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 100%
}

.slider_images_thumbs .slider_thumbs .flex-viewport ul li a img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%
}

.slider_images_thumbs .slider_thumbs .flex-viewport ul li .iframe_video_slide iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.slider_images_thumbs .carousel_thumbs ul.slides li {
    margin: 5px 5px 5px 0;
    position: relative;
    width: 140px;
    height: 140px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.slider_images_thumbs .carousel_thumbs ul.slides li span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}

.slider_images_thumbs .carousel_thumbs ul.slides li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer
}

.slider_images_thumbs .carousel_thumbs ul.slides li img.icon_video_play {
    width: 34px;
    height: 34px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 99;
    cursor: pointer
}

.slider_images_thumbs .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 30px;
    height: 30px;
    margin: -15px 0 0;
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0,0,0,.8);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.slider_images_thumbs .flex-direction-nav .flex-prev a {
    right: -50px;
    left: auto
}

.slider_images_thumbs .carousel_thumbs:hover .flex-direction-nav .flex-prev a,.slider_images_thumbs .slider_thumbs:hover .flex-direction-nav .flex-prev a {
    opacity: .7;
    right: 10px
}

.slider_images_thumbs .carousel_thumbs:hover .flex-direction-nav .flex-next a,.slider_images_thumbs .slider_thumbs:hover .flex-direction-nav .flex-next a {
    opacity: .7;
    left: 10px
}

.block-brand .content {
    margin-top: 0
}

.block-brand .content .row .wrap_item .item {
    padding: 0 6px;
    margin: 6px 0
}

.block-brand .content .row .wrap_item .item a {
    display: block;
    background: #fff;
    height: 90px;
    position: relative
}

.block-brand .content .row .wrap_item .item a img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto
}

.content_detail_edit_title {
    margin: 5px 0 10px;
    text-transform: uppercase;
    font-size: 18px;
    white-space: nowrap
}

.content_detail_edit_title .back {
    font-size: 14px;
    text-transform: none;
    display: block;
    margin: 0 0 8px;
    color: red;
    cursor: pointer
}

.content_detail_edit_title .back i {
    margin-right: 4px
}

.content_detail_edit .label_name {
    font-weight: 500;
    color: #333;
    display: block;
    margin-top: 10px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 13px
}

.modal_cart_size ul li,.tag>.item,.tag>.item>span,.tag>.item>span.active::after,.tag>span.plus {
    display: inline-block
}

.tag>.item>span {
    color: #444;
    padding: 8px 15px;
    border-radius: 30px;
    position: relative;
    margin: 1px
}

.tag>.item>span.active {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding-right: 30px
}

.tag>.item>span>.fa-trash-can {
    font-family: "Font Awesome 6 Pro";
    content: "\f1f8";
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    color: red;
    cursor: pointer;
    display: none
}

.tag>.item>span::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f00c";
    display: none;
    position: absolute;
    right: 10px;
    top: -6px;
    height: 13px;
    bottom: 0;
    margin: auto
}

.tag>input {
    border: 1px solid #f2f2f2;
    border-radius: 30px;
    color: #444;
    padding: 7px 15px;
    outline: 0
}

.tag>span.plus {
    padding: 5px 15px 6px!important;
    color: #444;
    border-radius: 30px;
    position: relative;
    margin-left: 2px
}

.tag>span.plus>i {
    display: block;
    padding: 6px 4px 5px;
    position: relative;
    top: 0;
    right: 0;
    height: auto
}

.content_detail_edit .vsb-main button {
    min-width: 120px;
    border-radius: 3px;
    width: 100%;
    text-align: left;
    z-index: 1;
    color: #333;
    background: #fff;
    border: 1px solid #ebebeb;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    position: relative;
    min-height: 34px;
    min-width: inherit!important
}

input[type=radio].ace+.lbl {
    position: relative;
    top: 6px
}

input[type=radio].ace+.lbl::before,label.wrap-ace span.ace+.ace+.lbl::before {
    cursor: pointer;
    border: 1px solid #c8c8c8;
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    min-width: 20px;
    margin-right: 4px;
    position: relative;
    top: -1px;
    border-radius: 20px;
    border: none;
    background: url(../images/no_choosen.png?v=1.0.01) 0 0/100% no-repeat;
    content: ''
}

input[type=radio].ace:checked+.lbl::before {
    background-image: url(../images/choosen.png?v=1.0.01);
    background-size: 100%!important
}

input[type=radio]:disabled.ace+.lbl::before {
    background-color: #d5d5d5;
    cursor: not-allowed
}

.btn-full,.wrap-editor .mce-tinymce,.wrap-editor .tox.tox-tinymce {
    width: 100%!important
}

.modal_cart_size .price {
    color: var(--main-color);
    font-size: 214%;
    font-weight: 700;
    margin: 0;
    min-height: 44px
}

.modal_cart_size .price .discount {
    top: -6px;
    font-size: 45%
}

.modal_cart_size .price_sale {
    font-size: 114%;
    color: #999;
    text-decoration: line-through
}

.modal_cart_size .title_1 {
    font-weight: 600;
    margin: 6px 0 10px
}

.modal_cart_size .wrap_root.error_size {
    background: #fff5f5;
    margin: 15px 0;
    padding: 10px 15px 6px
}

.modal_cart_size ul li>span {
    list-style-type: none;
    border: 1px solid #d1d1d1;
    padding: 8px 8px 8px 38px;
    border-radius: 2px;
    margin-right: 8px;
    margin-bottom: 6px;
    cursor: pointer;
    font-size: 93%;
    color: #444;
    height: 40px;
    min-width: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.modal_cart_size ul li>span>span {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 7px;
    top: 7px;
    border-radius: 2px;
    overflow: hidden
}

.modal_cart_size ul li.active>span,.modal_cart_size ul li:hover>span {
    border-color: var(--main-color);
    color: var(--main-color)
}

.modal_cart_size ul li.active>span:before {
    border: 14px solid transparent;
    border-bottom: 14px solid var(--brand-primary-color,var(--main-color));
    bottom: 0;
    content: "";
    position: absolute;
    right: -14px
}

.modal_cart_size ul li.active>span:after {
    content: '';
    width: 10px;
    height: 10px;
    background-image: url(../images/check_size.svg);
    position: absolute;
    bottom: 1px;
    right: 0;
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: bottom right
}

.modal_cart_size ul li.no_avatar>span {
    padding: 8px;
    justify-content: center
}

.modal_cart_size ul li.disable>span,.modal_cart_size ul.sub li.disable>span {
    background-color: #fafafa;
    color: rgba(0,0,0,.26)!important;
    cursor: not-allowed;
    border: 1px solid #d1d1d1!important
}

.modal_cart_size ul li img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.item-product-related {
    margin: 0 0 10px;
    padding: 0 20px
}

.item-product-related .row .item .iframe {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 8px;
    text-align: center;
    display: block
}

.item-product-related .row .item h3 {
    margin: 0;
    font-size: 90%;
    word-break: break-word;
    height: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.item-product-related .row .item p.price_product {
    font-size: 102%;
    height: auto;
    min-height: initial;
    font-weight: 600;
    margin: 0;
    color: #ed1c24
}

.item-product-related .slick-arrow {
    background: 0 0;
    border: none;
    width: 30px;
    height: 30px;
    font-size: 20px;
    padding: 1px;
    margin-top: 0;
    left: -22px;
    display: block!important;
    position: absolute;
    top: 50%;
    right: auto;
    transform: translateY(-50%);
    border-radius: 50px;
    cursor: pointer
}

.item-product-related .slick-arrow.slick-next {
    right: -24px;
    left: auto
}

.item-product-related .slick-next .fa-angle-right:before {
    content: "\f105"
}

.item-product-related .slick-prev .fa-angle-left:before {
    content: "\f104"
}

.sales_policy_detail_product {
    margin: 20px 0
}

.sales_policy_detail_product ul {
    padding: 0;
    margin: 0 -15px
}

.sales_policy_detail_product ul li {
    list-style-type: none;
    float: left;
    width: 50%;
    padding: 0 15px 0 52px;
    margin: 10px 0;
    display: flex;
    align-items: center;
    position: relative;
    line-height: 1.4
}

.sales_policy_detail_product ul li img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    max-height: 40px;
    margin: auto
}

.clear_text_input {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 84px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 400;
    background: #b1b1b1;
    color: #fff;
    border-radius: 50px;
    font-size: 11px
}

.share_social {
    margin-top: -5px
}

.share_social .share-facebook {
    display: inline-block;
    color: #25479b;
    font-size: 34px;
    position: relative;
    top: -2px;
    height: 34px;
    line-height: normal
}

.share_social .zalo-share-button {
    border-radius: 50px;
    display: inline-block
}

.share_social .copy_share {
    display: inline-block;
    background: #c4c4c4;
    border-radius: 4px;
    position: relative;
    top: -10px;
    cursor: pointer;
    height: 30px;
    width: 30px
}

.share_social .copy_share i {
    padding: 8px 6px
}

.detail-info ul li {
    list-style-type: none;
    padding: 5px 0;
    border-top: 1px dashed #f1f1f1;
    font-size: 13px;
    margin-top: 0;
    display: flex;
    white-space: normal
}

.detail-info ul li span:first-child {
    display: inline-block;
    min-width: 120px
}

.detail-info.w80 ul li span:first-child {
    min-width: 80px
}

.detail-info.w100 ul li span:first-child {
    min-width: 100px
}

.detail-info.w110 ul li span:first-child {
    min-width: 110px
}

.detail-info.w120 ul li span:first-child {
    min-width: 120px
}

.detail-info.w130 ul li span:first-child {
    min-width: 130px
}

.detail-info.w150 ul li span:first-child {
    min-width: 150px
}

.detail-info.w160 ul li span:first-child {
    min-width: 160px
}

@media(max-width: 767px) {
    .cart_body .copyright,.cart_body .menu-top-bottom,.cart_body .scroll-top,.cart_body .support-online,.cart_body .support-online-facebook,.cart_body .support-online-zalo,.cart_body .wrap-breadcrumb,.cart_body footer,.destop,.hide-mobile {
        display:none!important
    }

    .close-anvancde-search,.content-ratings .list-ratings li,.flex_mobi_no,.icon-search-anvanced,.mobile,.payment_atm .row,.product_tags,.profile .left>.item .wrap-info>span,.render_cart>div>ul,.save_contact {
        display: block
    }

    .container,.container .row>div {
        padding: 0 10px
    }

    .container .row {
        margin: 0 -10px
    }

    .modal-form-success .modal-body {
        padding: 20px 12px
    }

    .btn-add-cart span {
        display: block;
        font-size: 10px;
        margin-left: 0;
        margin-top: -2px;
        margin-bottom: -2px
    }

    .btn-add-cart {
        background: #56ba47!important;
        border: 1px solid #56ba47!important;
        color: #fff!important
    }

    .wrap-block-title-cart .block-title-cart h3 {
        font-size: 18px
    }

    #hisella-minimize span,.cart_body .cart_checkout .right .table thead,.info-order ul li.code span br,.info-order ul li.status br,.info-order ul#list_status:before,.info-order ul.title,.render_cart>div.render_cart_title,.render_cart>div>ul>li.price_total {
        display: none
    }

    .render_cart>div>ul>li {
        width: auto!important;
        margin: 0
    }

    .render_cart>div>ul>li.img {
        width: 80px!important;
        float: left;
        margin-right: 10px
    }

    .render_cart>div>ul>li.name {
        width: auto!important;
        margin: 0 0 6px;
        padding: 0
    }

    .bank_transaction .payment_atm .left .item,.cart_body .cart .container .row,.cart_payment .render_cart>div>ul>li.name,.info-order ul li {
        margin: 0
    }

    .render_cart>div>ul>li.name a {
        max-height: 40px;
        overflow: hidden
    }

    .render_cart>div>ul>li.price {
        width: 100%;
        text-align: left;
        padding: 2px 0 1px 90px;
        color: var(--main-color)
    }

    .render_cart>div>ul>li.price .pc,.render_cart>div>ul>li.quantity .pc {
        display: inline-block;
        margin-right: 6px
    }

    .render_cart>div>ul>li.price>div {
        display: inline-block;
        margin-right: 5px
    }

    .render_cart>div>ul>li.quantity {
        margin: 0 0 4px;
        padding: 0 0 0 90px;
        text-align: left
    }

    .cart_payment .render_cart>div>ul>li.quantity {
        position: absolute;
        bottom: 6px;
        right: 6px;
        padding: 0;
        margin: 0
    }

    .cart_body .wrap-block-title-cart .block-title-cart {
        margin: 16px 0 14px 10px
    }

    .cart_body .cart .container {
        padding: 0!important
    }

    .cart_body .cart .container .row>div {
        padding: 0
    }

    .cart_body .cart_checkout .row .right {
        padding: 0!important;
        border: none!important;
        margin: 0!important
    }

    .render_cart>div>.sum2,.total-payment ul li.total_mobile {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 998;
        background: #fff;
        left: 0;
        padding: 12px 120px 12px 16px;
        justify-content: right;
        align-items: center;
        white-space: nowrap;
        margin: 0;
        border-top: 1px solid #ddd!important
    }

    .total-payment ul li.total_mobile {
        padding: 12px 102px 12px 16px
    }

    .render_cart>div>.sum2>div:first-child,.total-payment ul li.total_mobile span {
        color: #333;
        font-weight: 400;
        font-size: 12px;
        margin-right: 4px;
        position: relative!important;
        top: 0!important;
        width: auto;
        float: none
    }

    .total-payment ul li.total_mobile p {
        float: none;
        width: auto;
        margin: 0;
        min-width: inherit;
        max-width: none
    }

    .render_cart>div>.sum2>div:first-child:after {
        content: ':'
    }

    .submitOrder {
        position: fixed;
        right: 8px;
        bottom: 7px;
        z-index: 999;
        min-width: inherit;
        padding: 6px 10px;
        font-size: 13px
    }

    .cart_checkout .row .right {
        margin: 0 0 15px;
        padding: 18px 12px 15px!important
    }

    .cart_checkout .row .right .table-responsive {
        border: none
    }

    .cart_checkout .right>.cart-change {
        margin: 25px 0 42px
    }

    .cart_checkout .left>h3 {
        margin: 20px 0 10px
    }

    .profile {
        margin-top: 8px
    }

    .profile .left>.item,.profile .right>.item {
        padding: 10px
    }

    .profile .left>.item .wrap-info {
        margin-bottom: 0
    }

    .profile .left>.item ul {
        display: none;
        margin-top: 15px!important
    }

    .form-login-v .form-content {
        padding: 20px
    }

    .info-order ul {
        display: block;
        background: #fff!important;
        padding: 14px 0 10px;
        margin: 0 0 12px;
        border-bottom: none;
        border-top: none
    }

    .info-order ul:before {
        content: '';
        border-top: 4px solid #f1f1f1;
        position: absolute;
        left: -10px;
        width: calc(100% + 20px);
        top: 0
    }

    .info-order ul li.name {
        width: calc(100% - 100px)!important;
        float: left
    }

    .info-order ul li.content,.info-order ul.sub li.price {
        width: calc(100% - 90px)!important
    }

    .info-order ul li.img {
        margin-right: 7px;
        float: left
    }

    .info-order ul.title li.img {
        height: auto;
        border: none;
        border-radius: 0
    }

    .info-order ul li.img img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        max-width: 100%;
        max-height: 100%
    }

    .info-order ul li.content {
        float: left
    }

    .info-order ul li.content a {
        display: block;
        margin-bottom: 2px;
        font-weight: 600;
        max-height: 40px;
        overflow: hidden
    }

    .info-order ul li.content span {
        margin-top: 2px
    }

    .info-order ul li.price {
        float: left;
        text-align: left;
        width: 100%!important;
        border-top: 1px solid #f1f1f1;
        padding-top: 7px;
        margin-top: 7px
    }

    .info-order ul li.code,.info-order ul li.date {
        padding-top: 8px;
        float: left;
        width: 100%!important;
        text-align: left;
        border-top: 1px solid #f1f1f1
    }

    .info-order ul.sub li.price span {
        display: inline-block!important
    }

    .info-order ul.title li.price {
        color: #555
    }

    .info-order ul li.date {
        margin-top: 7px
    }

    .info-order ul li.code {
        margin-top: 5px
    }

    .info-order ul li.code span span {
        float: right
    }

    .info-order ul li.status {
        float: left;
        width: 100%!important;
        text-align: left;
        border-top: 1px solid #f1f1f1;
        padding-top: 7px;
        margin-top: 7px;
        white-space: normal
    }

    .info-order ul li.status span.mobile {
        margin-top: 0;
        position: relative;
        top: 3px;
        margin-right: 1px
    }

    .info-order ul li span.mobile {
        display: inline-block;
        margin-right: 5px;
        color: #555;
        font-weight: 500;
        min-width: 100px;
        font-size: 13px
    }

    .info-order ul.list_order_detail {
        margin: -12px -10px 0;
        white-space: nowrap;
        overflow-x: auto;
        padding: 10px 8px
    }

    .info-order ul.list_order_detail li {
        margin: 0 2px
    }

    .info-order ul.content-ratings {
        padding: 20px 5px 0
    }

    .payment .content .content-address {
        padding: 15px
    }

    table,table tr,table tr td {
        max-width: 100%!important
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th,table tr td {
        white-space: normal
    }

    .content-payment {
        padding: 10px;
        margin: 8px 0
    }

    .total-payment {
        margin-bottom: 20px
    }

    .total-payment .btn {
        margin-top: 0
    }

    .detail_order p span {
        min-width: 130px
    }

    .payment_atm .left .item {
        margin: 10px 0 0
    }

    .payment_atm .right .item img {
        max-width: 100%
    }

    .ratings-detail .content .head {
        display: block;
        padding: 12px;
        margin-bottom: 6px
    }

    .ratings-detail .content .head .left {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 3px
    }

    .ratings-detail .content .head .left:after {
        content: '';
        display: block;
        clear: both
    }

    .ratings-detail .content .head .left>p {
        font-size: 16px!important;
        margin: 0;
        float: right;
        width: calc(100% - 94px);
        padding-left: 8px;
        padding-top: 2px
    }

    .ratings-detail .content .head .left>p>span {
        font-size: 18px!important;
        font-weight: 500
    }

    .ratings-detail .content .head .left>span {
        float: left;
        margin: 4px 0 0!important;
        padding: 0!important;
        font-size: 15px;
        width: 94px
    }

    .ratings-detail .content .head .left>span>span {
        font-size: 15px
    }

    .ratings-detail .content .head .right {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        white-space: no
    }

    .ratings-detail .content .head .right ul li {
        padding: 4px 15px;
        margin: 2px 0
    }

    .content-ratings .list-ratings li .wrap-ratings {
        width: 100%;
        margin: 0;
        padding: 0
    }

    .content-ratings .list-ratings li .wrap-ratings .date,.content-ratings .list-ratings li .wrap-ratings>h3 {
        padding-left: 60px
    }

    .content-ratings .list-ratings li .wrap-ratings .ratings-star {
        padding-left: 60px;
        width: 138px
    }

    .content-ratings .list-ratings li .wrap-ratings .ratings-star>span>span {
        left: 60px
    }

    .left-anvancde-search {
        position: fixed;
        left: -300px;
        width: 270px;
        top: 0;
        z-index: 99999;
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        -ms-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        padding: 0!important;
        height: 100%;
        overflow: auto
    }

    #hisella-minimize.abc,.left-anvancde-search.active {
        left: 0
    }

    #hisella-minimize img {
        margin-right: 0
    }

    #hisella-minimize {
        padding: 4px 8px;
        left: 68px
    }

    .btn.mobile_w100,.dashboard .report1 .db-grid .box {
        width: 100%
    }

    .bank_transaction table td,.bank_transaction table tr {
        display: block!important;
        width: 100%
    }

    .bank_transaction .content {
        border-radius: 0;
        margin: 0;
        box-shadow: none
    }

    .bank_transaction .payment_atm .right {
        padding: 0 15px!important;
        margin-top: 15px
    }

    .bank_transaction .payment_atm_1 .item .title1 b.red {
        display: block;
        margin: 0
    }

    .bank_transaction .payment_atm_1 .item .list_bank ul li {
        width: calc(50% - 8px);
        float: left;
        max-width: inherit
    }

    .product_tags .item {
        display: inline-block;
        margin: 0 4px 4px 0
    }

    .slider_images_thumbs .slider_thumbs .flex-direction-nav a {
        left: 0;
        opacity: 1;
        visibility: visible;
        display: none
    }

    .slider_images_thumbs .carousel_thumbs .flex-direction-nav a {
        left: 0;
        opacity: 1;
        visibility: visible
    }

    .slider_images_thumbs .flex-direction-nav .flex-prev a {
        right: 0;
        left: auto
    }

    .sales_policy_detail_product ul {
        margin: 0 -5px
    }

    .sales_policy_detail_product ul li {
        padding: 0 5px 0 52px
    }

    .detail-info {
        padding-left: 0!important
    }

    .detail-info ul li span:first-child {
        display: inline-block;
        min-width: 90px
    }
}

.detail-info ul li span.last {
    display: inline-block;
    margin-left: 3px
}

.table.table-theme>tbody>tr>td .detail-info ul li span:first-child {
    min-width: 180px
}

.lg-caption {
    display: block;
    font-style: normal;
    margin-top: 0.25em;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    color: #666;
    margin-bottom: 10px;
}

figure {
    margin: 0 0px 6px 0px;
}