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

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

h2 {
    line-height: 1.2;
}

h3,
h4,
h5 {
    line-height: 1.4;
}

.clear {
    clear: both;
}

.container {
    position: relative;
}

.relative {
    position: relative;
}

.pointer {
    cursor: pointer;
}

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

a {
    text-decoration: none;
    color: #444;
}

a:hover,
a:focus {
    text-decoration: none;
    color: var(--main-color);
    outline: none;
}

.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%;
}

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

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

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

.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 {
    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;
}

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

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

.color-blue {
    color: #037dd1 !important;
}

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

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

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

.color-black {
    color: #333 !important;
}

.bg-black {
    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;
}

.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;
}

.nomargin {
    margin: 0px;
}

.nopadding {
    padding: 0px;
}

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

.nopadding-r,
.nopadding-right {
    padding-right: 0px;
}

.pointer {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
}

a {
    text-decoration: none;
    color: #222;
}

.flex {
    display: flex;
}

a:hover,
a:focus {
    color: var(--main-color);
    text-decoration: none;
}

button,
button:focus,
select,
select:focus {
    outline: none;
}

.relative {
    position: relative;
}

.relative-2 {
    position: relative;
    top: -2px;
}

.relative-3 {
    position: relative;
    top: -3px;
}

.relative-4 {
    position: relative;
    top: -4px;
}

.relative-5 {
    position: relative;
    top: -5px;
}

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

.mobile {
    display: none;
}

.noborder {
    border: none !important;
}

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

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

@media(max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
    .flex_mobi_no {
        display: block;
    }
    .container {
        padding: 0px 10px;
    }
    .container .row {
        margin: 0px -10px;
    }
    .container .row>div {
        padding: 0px 10px;
    }
    .mobile {
        display: block;
    }
    .destop {
        display: none !important;
    }
}

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

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

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

.nowrap {
    white-space: nowrap;
}

.btn {
    padding: 7px 10px;
    outline: none !important;
    /* color: #222; */
}

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

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

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

.btn-width-70 {
    min-width: 70px;
}

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

.btn-width {
    min-width: 90px;
}

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

.btn-width-140 {
    min-width: 140px;
}

.top0 {
    margin-top: 0px !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: 0px !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;
}

.white {
    background: #fff;
}

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

.text-main {
    color: var(--main-color);
}

.text-success {
    color: #7ace4c;
}

.text-danger {
    color: #f00000;
}

.error-body h1 {
    font-size: 100px;
    line-height: 1.4;
}

b,
strong {
    font-weight: 600;
}

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

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

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

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

.btn-primary {
    background-color: #0161ae !important;
    border-color: #0161ae !important;
    color: #fff !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:hover,
.btn-default.disabled:hover {
    background: #d4d7da !important;
    border: 1px solid #d4d7da !important;
}

.btn-key {
    border: 1px solid var(--main-color) !important;
    color: #fff !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: 0px 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: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

.alert_auto_remove.active {
    left: 0px;
}

.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;
    filter: alpha(opacity=20);
    opacity: .2;
}

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

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

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

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

.modal-form-success {}

.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: 0px 0px #ddd;
    cursor: pointer;
}

@media(max-width: 767px) {
    .modal-form-success .modal-body {
        padding: 20px 12px;
    }
}

.modal-form-success .modal-body button {
    opacity: 1;
    text-shadow: none;
    float: none;
    background: #d9534f;
    color: #fff;
    height: 36px;
    width: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 0px 25px;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    border: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

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

.modal-form-success .modal-body .btn_input {
    text-shadow: none;
    float: none;
    background: #0062AE;
    border: none;
    color: #fff !important;
    height: 36px;
    width: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 0px 24px;
    text-transform: uppercase;
    display: inline-block;
    line-height: 36px;
    position: relative;
    top: 0px;
    margin-right: 10px;
}

.modal-form-success .modal-body button span {}

.modal-form-success .modal-body .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 0px;
}

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

.modal-form-success .modal-body h3 span.span2 {
    /* color: var(--main-color); */
    color: #000;
    font-weight: 600;
}

@media(max-width: 767px) {
    .modal-form-success .modal-body h3 {}
}

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


/**/

.modal-header {
    padding: 0;
}

.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 0px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px !important;
    margin: 0px;
}

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

.modal-header .bootstrap-dialog-header .close,
.btn_pop_close {
    text-shadow: none;
    color: #fff;
    background: url(../images/close.png) no-repeat scroll -2px -2px 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;
}

.wrap_name {
    padding: 0px 4px;
}

.switch {
    cursor: pointer;
    position: relative;
}

.switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

.switch span {
    position: relative;
    width: 46px;
    height: 22px;
    border-radius: 22px;
    background-color: #fff;
    border: 1px solid #eee;
    border-color: rgba(0, 0, 0, 0.1);
    display: inline-block;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.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 0.2s;
    transition: left 0.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;
}

.avatar_thumbs.avatar_thumbs_cate .item {
    /* max-width: 130px; */
}

.multiple_image .avatar_thumbs .item {
    max-width: inherit;
    margin-bottom: 8px;
    border: 1px dashed #E3E3E3;
    padding-bottom: 6px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 5px;
    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 {
    right: 26px;
}

.multiple_image>div:first-child .action_image.up,
.multiple_image>div:first-child .action_image_tags.up {
    display: none;
}

.multiple_image>div:last-child .action_image.down,
.multiple_image>div:last-child .action_image_tags.down {
    display: none;
}

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

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

.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>a>div {}

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

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

.banner_page .youtube_ {
    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-up {
    background: #a7c9e1;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 40px;
    color: #000000;
    position: absolute;
    right: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    cursor: pointer;
    /* display: none; */
}

.avatar_thumbs .item .img>i.fa-caret-down {
    background: #a7c9e1;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 40px;
    color: #000000;
    position: absolute;
    right: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 4px;
    cursor: pointer;
    /* display: none; */
}

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

.avatar_thumbs .item:last-child .img>i.fa-caret-down,
.avatar_thumbs .item:first-child .img>i.fa-caret-up {
    display: none;
}

.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;
}

.orther_action_item.down {
    padding-top: 0;
}

.item_multi {
    max-width: initial !important;
}

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

.hide_prev .owl-buttons {
    display: none;
}

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

.pagination: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: 0px 0px 10px #ddd;
    border-radius: 4px;
    top: 100%;
    margin-top: 15px;
    margin-right: -35px;
    display: none;
}

.cart-detail:hover .cart-detail-item {
    display: block;
}

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

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

.cart-detail-item 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 {
    border-top: none;
}

.cart-detail-item ul li::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 .name a:hover {
    color: var(--main-color);
}

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

.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: none;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    line-height: normal;
}

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

.cart-detail-item ul li .price .price_sale {
    margin: 3px 0px;
    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: none;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    line-height: normal;
}

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

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


/**/

.btn-add-cart {
    background: #fff !important;
    border: 1px solid var(--main-color) !important;
    color: var(--main-color) !important;
    outline: none !important;
}

.btn-add-cart:hover {
    background: var(--main-color) !important;
    border: 1px solid var(--main-color) !important;
    color: #fff !important;
}

.btn-add-cart i {
    font-size: 13px;
}

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

@media(max-width: 767px) {
    .btn-add-cart span {
        display: block;
        font-size: 10px;
        margin-left: 0px;
        margin-top: -2px;
        margin-bottom: -2px;
    }
    .btn-add-cart {
        background: #56ba47 !important;
        border: 1px solid #56ba47 !important;
        color: #fff !important;
    }
}


/**/

.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: 0px;
}

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

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

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

.page404 img {
    height: 160px;
}

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

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

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


/**/


/**/

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

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>tbody>tr:nth-child(2n) {
    background: #f9f9f9;
}

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

.table>tbody>tr>td .info {}

.table>tbody>tr>td .info ul {
    padding: 0;
    margin: 0;
}

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

.table>tbody>tr>td .info ul li:first-child {
    border: none;
}

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

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

table a {
    cursor: pointer;
}


/**/

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

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

@media(max-width: 767px) {
    .wrap-block-title-cart .block-title-cart h3 {
        font-size: 18px;
    }
}

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

.render_cart {}

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

.render_cart>div {}

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

.render_cart>div>ul:after {
    content: '';
    display: block;
    clear: both;
}

.render_cart>div>ul:first-child {
    border-top: none;
}

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

.cart_payment .render_cart>div>ul>li {
    font-size: 13px;
}

.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;
}

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

.render_cart>div.render_cart_title>ul>li.img {
    border: none;
}

.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 {
    width: 120px;
}

.cart_payment .render_cart>div>ul>li.price,
.cart_payment .render_cart>div>ul>li.price_rose {
    /* width: 90px; */
}

.render_cart>div>ul>li.price .price_root_100 {
    text-decoration: line-through;
    color: #999;
    font-weight: 500;
}

.render_cart>div>ul>li.price .pc,
.render_cart>div>ul>li.quantity .pc {
    display: none;
}

.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;
    /* font-size: 12px; */
    margin: 0;
    font-weight: 500;
}

.render_cart>div>ul>li.price .price_sale span {
    text-decoration: line-through;
    margin: 0;
    line-height: normal;
    font-size: 13px;
}

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

.render_cart>div.render_cart_body>ul:nth-child(2n) {
    background: #f9f9f9;
}

@media(max-width: 767px) {
    .render_cart>div.render_cart_title {
        display: none;
    }
    .render_cart>div>ul {
        display: block;
    }
    .render_cart>div>ul>li {
        width: auto !important;
        margin: 0;
    }
    .render_cart>div>ul>li.img {
        width: auto !important;
        width: 80px !important;
        float: left;
        margin-right: 10px;
    }
    .render_cart>div>ul>li.name {
        width: auto !important;
        margin: 0 0 6px 0;
        padding: 0;
    }
    .cart_payment .render_cart>div>ul>li.name {
        margin: 0;
    }
    .render_cart>div>ul>li.name a {
        max-height: 40px;
        overflow: hidden;
    }
    .render_cart>div>ul>li.price {
        width: auto;
        width: 100%;
        text-align: left;
        padding: 2px 0px 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;
        /* display: none; */
    }
    .render_cart>div>ul>li.price .pc>span {
        /* min-width: 80px; */
        /* display: inline-block; */
    }
    .render_cart>div>ul>li.price>div {
        /* float: right; */
        display: inline-block;
        margin-right: 5px;
    }
    .render_cart>div>ul>li.price_total {
        display: none;
    }
    .render_cart>div>ul>li.quantity {
        margin: 0 0 4px 0;
        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;
    }
}

.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;
}

.render_cart>div>.sum>div {}

@media(max-width: 767px) {
    .cart_body .support-online-facebook,
    .cart_body .support-online-zalo,
    .cart_body .support-online,
    .cart_body .wrap-breadcrumb,
    .cart_body .menu-top-bottom,
    .cart_body footer,
    .cart_body .copyright,
    .cart_body .scroll-top {
        display: none !important;
    }
    .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 {
        margin: 0;
    }
    .cart_body .cart .container .row>div {
        padding: 0;
    }
    .cart_body .cart_checkout .row .right {
        padding: 0 !important;
        border: none !important;
        margin: 0 !important;
    }
    .cart_body .cart_checkout .right .table thead {
        display: none;
    }
    .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_body .cart_checkout .right .table tbody .item_cart {}
    .cart_body .cart_checkout .right .table tbody .item_cart td {}
    .cart {}
}

.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: 0px;
}

@media(max-width: 767px) {
    .cart_checkout .row .right {
        margin: 0px 0px 15px;
        padding: 18px 12px 15px !important;
    }
    .cart_checkout .row .right .table-responsive {
        border: none;
    }
}

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

.cart_checkout .right .table {
    margin: 0px;
}

.cart_checkout .right .table thead tr {}

.cart_checkout .right .table thead tr th {
    background: none;
    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 thead tr th:nth-child(2),
.cart_checkout .right .table tbody tr td:nth-child(2) {}

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

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

.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.price_root_100 {
    text-decoration: line-through;
    color: #999;
    font-weight: 500;
}

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

.cart_checkout .right .table tbody tr td .price_sale span {
    text-decoration: line-through;
    margin: 0;
    line-height: normal;
    font-size: 13px;
}

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

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

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

.cart_checkout .right .table tbody tr td a {
    color: #555;
}

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

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

@media(max-width: 767px) {
    .cart_checkout .right>.cart-change {
        margin: 25px 0px 42px;
    }
}

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

@media(max-width: 767px) {
    .cart_checkout .left>h3 {
        margin: 20px 0px 10px;
    }
}

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

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

.form-default {}

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

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

.form-default .form-group input,
.form-default .form-group select {
    background: #fff;
    border: 1px solid #dddddd;
    box-shadow: none;
    height: 42px;
    /* margin: 8px 0px; */
    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: 0px;
    position: relative;
    top: 0px;
    display: inline-block;
    margin-top: 0px;
}


/**/

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

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


/**/

.profile {
    margin-top: 15px;
}

@media(max-width: 767px) {
    .profile {
        margin-top: 8px;
    }
}

.profile .left {
    padding-right: 0px;
}

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

@media(max-width: 767px) {
    .profile .left>.item,
    .profile .right>.item {
        padding: 10px;
    }
}

.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;
}

@media(max-width: 767px) {
    .profile .left>.item .wrap-info {
        margin-bottom: 0px;
    }
    .profile .left>.item .wrap-info>span {
        display: block;
    }
}

.profile .left>.item .wrap-info:after {
    content: '';
    display: block;
    clear: both;
}

.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: 0px;
    margin: -18px 0 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: 0px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    text-align: center;
    border-radius: 0px 0px 200px 200px;
    padding: 3px;
    cursor: pointer;
}

.profile .left>.item .wrap-info .img .camera img {
    width: 15px;
    border-radius: 0px;
    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: 0px 0px 0px 0px;
    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 {
    margin: 0px;
    padding: 0px;
}

@media(min-width: 768px) {
    .profile .left>.item ul {
        display: block !important;
    }
}

@media(max-width: 767px) {
    .profile .left>.item ul {
        display: none;
        margin-top: 15px !important;
    }
}

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

.profile .left>.item ul li:first-child {
    border-top: none;
}

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

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

.profile .left>.item ul li.active a span.noti {
    background: #fff;
    color: var(--main-color);
}

.profile .left>.item ul li:hover a,
.profile .left>.item ul li.active 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;
}

.info-profile h3.title i {
    margin-right: 5px;
}

.profile .row {
    margin: 0px -5px;
}

.profile .row>div {
    padding: 0px 5px;
}

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


/**/

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

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: 0px;
    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: '';
    /* border: 1px solid #cbcbcb; */
}

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: normal;
    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;
}

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-login-v .form-content {
    box-shadow: 0px 0px 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:after {
    content: '';
    display: block;
    clear: both;
}

@media(max-width: 767px) {
    .form-login-v .form-content {
        padding: 20px;
    }
}

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

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

.form-login-v .form-content .form-action {}

.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: 0px;
    padding-top: 3px;
    cursor: pointer;
    text-align: center;
    padding-bottom: 5px;
    padding-right: 8px;
}

.form-login-v .form-content .form-action .eye-password1 .fa.fa-eye {
    display: none;
}

.form-login-v .form-content .form-action .eye-password2 .fa.fa-eye-slash {
    display: none;
}

.form-login-v .form-content .form-action .form-group .name1 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    left: 12px;
    top: 10px;
    color: #555;
    padding: 0px 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.active .name1 {
    background: #fff;
    color: var(--main-color);
}

.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.active input,
.form-login-v .form-content .form-action .form-group input:focus {
    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 0px 0px;
}

.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;
}

.add-address i {
    margin-right: 5px;
}


/**/

.title-profile {
    font-size: 20px;
    margin: 10px 0px 10px;
    text-transform: uppercase;
}

.title-profile span {
    color: var(--main-color);
}

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

.title-profile span.bank_deposit.active,
.title-profile span.history_deposit.active {
    color: var(--main-color);
}

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

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

.info-order ul:last-child {
    /* margin-bottom: -25px; */
}

@media(max-width: 767px) {
    .info-order ul:last-child {
        /* margin-bottom: -10px; */
    }
}

.info-order ul:nth-child(2n),
.info-order ul:hover {
    /* background: #f9f9f9; */
}

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

.info-order ul:after {
    content: '';
    clear: both;
    display: block;
}

@media(max-width: 767px) {
    .info-order ul {
        display: block;
        background: #fff !important;
        padding: 14px 0px 10px;
        margin: 0px;
        border-bottom: none;
        border-top: none;
        margin-bottom: 12px;
    }
    .info-order ul:before {
        content: '';
        border-top: 4px solid #f1f1f1;
        position: absolute;
        left: -10px;
        width: calc(100% + 20px);
        top: 0px;
    }
    .info-order ul#list_status:before {
        display: none;
    }
    .info-order ul li {
        margin: 0px;
    }
}

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

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

.render_detail_order {
    position: relative;
}

.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>span,
.info-order ul li.name>a {
    display: block;
    max-height: 55px;
    overflow: hidden;
    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 0;
    font-weight: 400;
    font-size: 12px;
    color: var(--main-color);
}

@media(max-width: 767px) {
    .info-order ul li.name {
        width: calc(100% - 100px) !important;
        float: left;
    }
}

.info-order ul.title {
    font-weight: 600;
    color: #555;
    margin: 0 -15px;
    /* border-top: none; */
    /* border-top: 10px solid #f2f2f2; */
    border-bottom: none;
}

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

.info-order ul li.img img {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.info-order ul li.content {
    width: calc(100% - 450px) !important;
    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.title li.price {
    color: #555;
}

.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;
}

@media(max-width: 767px) {
    .info-order {}
    .info-order ul li.img {
        margin-right: 7px;
        float: left;
    }
    .info-order ul.title {
        display: none;
    }
    .info-order ul.title li.img {
        height: auto;
        border: none;
        border-radius: 0px;
    }
    .info-order ul li.img img {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        max-width: 100%;
        max-height: 100%;
    }
    .info-order ul li.content {
        float: left;
        width: calc(100% - 90px) !important;
    }
    .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: calc(100% - 90px) !important;
        width: 100% !important;
        border-top: 1px solid #f1f1f1;
        padding-top: 7px;
        margin-top: 7px;
    }
    .info-order ul.sub li.price {
        width: calc(100% - 90px) !important;
    }
    .info-order ul.sub li.price span {
        display: inline-block !important;
    }
    .info-order ul.title li.price {
        color: #555;
    }
    .info-order ul li.date {
        float: left;
        width: 100% !important;
        text-align: left;
        border-top: 1px solid #f1f1f1;
        padding-top: 8px;
        margin-top: 7px;
    }
    .info-order ul li.code {
        float: left;
        width: calc(100% - 80px) !important;
        text-align: left;
        border-top: 1px solid #f1f1f1;
        padding-top: 8px;
        margin-top: 5px;
        width: 100% !important;
    }
    .info-order ul li.code span {}
    .info-order ul li.code span br {
        display: none;
    }
    .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: 0px;
        position: relative;
        top: 3px;
        margin-right: 1px;
    }
    .info-order ul li.status br {
        display: none;
    }
    .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 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: 10px;
    border-top: none;
    margin-bottom: 0px;
    border-bottom: none;
    margin: -4px 0 0 0;
    padding: 0;
    padding-bottom: 10px;
}

@media(max-width: 767px) {
    .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 {
    width: auto !important;
    margin: 0 4px 4px 0px;
    display: inline-block;
}

@media(max-width: 767px) {
    .info-order ul.list_order_detail li {
        margin: 0px 2px;
    }
}

.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.list_order_detail li.active span {
    background: var(--main-color);
    color: #fff;
}

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

.info-order ul.lProduct .img {}

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

.info-order ul.lProduct .date,
.info-order ul.lProduct .code,
.info-order .lProduct li.date,
.info-order .lProduct li.code {
    display: none;
}

.info-order ul.img_shipment .img {
    display: none;
}

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

.info-order ul.img_shipment .content span {
    display: none;
}

.info-order ul.img_shipment .price {}

.info-order ul.img_shipment .date {
    display: none;
}

.info-order ul.img_shipment .code {
    display: none;
}


/**/

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

@media(max-width: 767px) {
    .info-order ul.content-ratings {
        padding: 20px 5px 0px;
    }
}

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

.info-order ul.content-ratings li label {
    font-weight: 400;
    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 label.wrap-ace input[type=radio].ace+.lbl::after {}

.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;
}

@media(max-width: 991px) {
    .info-order ul.content-ratings li .avatar_thumbs .item {
        width: 33.33333%;
    }
}


/**/

.payment {}

.payment .content {}

.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: 0px 0px 12px;
    font-weight: 600;
}

table {
    /* border: 1px solid #ddd !important; */
    background: #fff;
}

table th {}

table tr {}

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

@media(max-width: 767px) {
    .payment .content .content-address {
        padding: 15px;
    }
    table,
    table tr,
    table tr td {
        max-width: 100% !important;
    }
    /* table {
        display: block;
        overflow-x: auto;
        height: auto !important;
    }
    table tbody {
        width: 100%;
        display: block;
    } */
    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>td,
    table tr td {
        white-space: normal;
    }
}

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

.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: 0px;
    left: 0px;
    width: 100%;
}


/**/

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

@media(max-width: 767px) {
    .content-payment {
        padding: 10px;
        margin: 8px 0;
    }
}

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

.content-payment table tr {}

.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.price_root_100 {
    text-decoration: line-through;
    color: #999;
    font-weight: 500;
}

.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 td a {
    color: #555;
}

.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 {
    color: var(--main-color) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.content-payment table tr:nth-child(2n) td,
.content-payment table tr:hover td {
    background: #f9f9f9;
}

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


/**/

.content-payment {}

.content-payment ul {
    padding: 0px;
    margin: 0px;
}

.content-payment ul li {
    list-style-type: none;
    display: block;
    padding: 2px 0;
    margin: 0px;
    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.active {
    /* color: var(--main-color); */
}

.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: 0px;
    margin: 0;
    font-weight: normal;
}

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

.content-payment ul li.active label.wrap-ace input[type=radio].ace+.lbl {
    font-weight: 600;
}

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 0px 0px;
    display: none;
}

.content-payment .form ul li {}

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

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

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

.content-payment .form-detail p:first-child {
    border-top: none;
}

.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 {}

.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 li.active label.wrap-ace input[type=radio].ace+.lbl {
    font-weight: 600;
}

.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:after {
    content: '';
    display: block;
    clear: both;
}

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

@media(max-width: 767px) {
    .total-payment {
        margin-bottom: 20px;
    }
    .total-payment .btn {
        margin-top: 0px;
    }
}

.total-payment ul {
    margin: 0;
    padding: 0;
}

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

.total-payment ul li.w400 {
    font-weight: 400;
}

.total-payment ul li::before,
.total-payment ul li::after {
    display: none !important;
}

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

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

.total-payment ul li p {
    display: inline-block;
    margin: 0px;
    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;
}

.table>tbody+tbody {
    border-top: none;
}

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

.short_price {}

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

.detail_order {}

.detail_order p {
    margin: 10px 0px;
}

.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;
}

@media(max-width: 767px) {
    .detail_order p span {
        min-width: 130px;
    }
}


/**/

.payment_atm .row {
    display: flex;
}

@media(max-width: 767px) {
    .payment_atm .row {
        display: block;
    }
}

.payment_atm .left {}

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

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

.payment_atm .left .item .detail_order_atm {}

.payment_atm .left .item .detail_order_atm p {
    border-top: 1px solid #ddd;
    padding: 14px 0px 15px 0;
    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 0;
}

.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: 0px 10px 0 0;
    color: #333;
    font-size: 16px;
}

.payment_atm .left .item .detail_order_atm p b span.copyed {
    font-size: 13px;
}

.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: none;
    opacity: 0;
    font-size: 16px;
    padding: 0;
}

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

@media(max-width: 767px) {
    .payment_atm .left .item {
        margin: 10px 0 0px;
    }
}

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

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

.payment_atm .right {
    padding: 0;
}

.payment_atm .right .item img {
    /* max-width: 350px; */
}

@media(max-width: 767px) {
    .payment_atm .right .item img {
        max-width: 100%;
    }
}

.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;
    max-width: inherit !important;
    margin: 0 !important;
}

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


/**/

.modal_success {}

.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 0px;
}

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

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

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


/**/

.hidden-search {
    display: none !important;
}

li[data-parent].closed {
    display: none !important;
}

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

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

.vsb-js-search-zone {
    /* position:absolute; */
    /*Don't change*/
    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: 0px 10px;
    outline: none;
    font-size: 13px;
}

.vsb-main {
    position: relative;
    /*Don't change*/
    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-menu li:hover {
    background: linear-gradient(#f5f5f5, #e8e8e8);
}

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

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

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

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

.vsb-main button {
    min-width: 120px;
    border-radius: 0;
    width: 100%;
    text-align: left;
    z-index: 1;
    color: #222;
    background: #fff;
    border: 1px solid #ebebeb;
    line-height: 20px;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 3px;
    position: relative;
    min-height: 34px;
    /* font-weight: 600; */
    /* padding: 0; */
    /* min-height: auto; */
    margin-top: 2px;
    width: 100%;
    min-width: inherit !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

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

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

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

.vsb-menu li {
    font-size: 14px;
    background-color: #fff;
    min-height: 1.4em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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.open span {
    display: inline-block;
    font-size: inherit;
    margin-top: -2px;
    height: 8px;
    width: 8px;
    transform: translate(-38px) rotate(45deg);
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    border-radius: 2px;
    position: absolute;
    left: 48px;
    top: 10px;
}

.vsb-menu li.grouped-option.closed span {
    display: inline-block;
    font-size: inherit;
    height: 8px;
    width: 8px;
    transform: translate(-38px) rotate(-45deg);
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
    border-radius: 2px;
    position: absolute;
    left: 48px;
    top: 10px;
}

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

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

.vsb-menu li.grouped-option.checked i::after {
    content: "";
    color: #333;
    margin-left: 0px;
    display: inline-block;
    transform: rotate(45deg);
    height: 8px;
    width: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 2px;
    left: 4px;
}

.vsb-menu :not(.multi) li.active {
    margin-left: 0px;
    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;
    background-color: #fff;
    min-height: 1.4em;
    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 li:last-child {
    border: none;
}

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

.vsb-menu .multi li.grouped-option:hover {
    text-decoration: underline;
}

.vsb-menu .multi li:not(.grouped-option)::before {
    content: "";
    display: block;
    font-size: inherit;
    font-weight: bold;
    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 {
    content: "";
    font-size: inherit;
    color: #fff;
    display: inline-block;
    transform: rotate(45deg);
    height: 8px;
    width: 5px;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 9px;
    left: 14px;
}

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

li[data-parent] {
    /* padding-left: 50px !important; */
}


/**/

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

table.table-product tr:first-child * p {
    margin: 0;
}

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

table.table-product tr td p {
    margin: 0 !important;
}

.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 {
    margin: 0px -6px;
}

.avatar_thumbs .item {
    padding: 0px 6px;
}

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

.avatar_thumbs .item>a>div {}

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

.avatar_thumbs .item>a:hover img {
    transform: scale(0.9);
}

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


/**/

.ratings-detail {}

.ratings-detail .content {}

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

@media(max-width: 767px) {
    .ratings-detail .content .head {
        display: block;
        padding: 12px;
        margin-bottom: 6px;
    }
}

.ratings-detail .content .head:after {
    content: '';
    display: block;
    clear: both;
}

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

@media(max-width: 767px) {
    .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 {
    margin: 0 0 0 20px;
    font-size: 26px !important;
    color: #333;
    line-height: normal;
    font-weight: 300;
}

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

@media(max-width: 767px) {
    .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 {
    display: block;
    position: relative;
    margin-left: 25px;
    font-size: 18px;
    color: var(--main-color);
    width: 111px;
    white-space: nowrap;
}

@media(max-width: 767px) {
    .ratings-detail .content .head .left>span {
        float: left;
        margin: 4px 0 0 0 !important;
        padding: 0 !important;
        font-size: 15px;
        width: 94px;
    }
}

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

@media(max-width: 767px) {
    .ratings-detail .content .head .left>span>span {
        font-size: 15px;
    }
}

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

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

@media(max-width: 767px) {
    .ratings-detail .content .head .right {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        white-space: no;
    }
}

.ratings-detail .content .head .right ul {
    padding: 0;
    margin: 0;
}

.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 3px;
    cursor: pointer;
    color: #222;
}

@media(max-width: 767px) {
    .ratings-detail .content .head .right ul li {
        padding: 4px 15px;
        margin: 2px 0px;
    }
}

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

.ratings-detail .content .head .right ul li span {}


/**/

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

.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 {
    border-top: none;
    padding-top: 0;
}

@media(max-width: 767px) {
    .content-ratings .list-ratings li {
        display: block;
    }
}

.content-ratings .list-ratings li:after {
    content: '';
    display: block;
    clear: both;
}

.content-ratings .list-ratings li .avatar {
    width: 50px;
    height: 50px;
    position: relative;
    float: left;
    /* margin-right: 10px; */
    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 {
    /* background: #f7f7f7; */
    /* border-radius: 22px; */
    padding: 12px;
    /* min-width: 300px; */
    width: calc(100% - 60px);
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
}

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

@media(max-width: 767px) {
    .content-ratings .list-ratings li .wrap-ratings {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .content-ratings .list-ratings li .wrap-ratings .date {
        padding-left: 60px;
    }
}

.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 {
    display: block;
    position: relative;
    font-size: 12px;
    color: var(--main-color);
    margin: 0 0 5px 0px;
    white-space: nowrap;
}

@media(max-width: 767px) {
    .content-ratings .list-ratings li .wrap-ratings .ratings-star {
        padding-left: 60px;
        width: 138px;
    }
}

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

.ratings-star-count {
    margin-left: 10px;
    color: #777;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 13px;
}

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

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

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

.ratings-star.ratings-star-detail {
    font-size: 16px;
    margin: 0;
}

.ratings-star.ratings-star-detail>span,
.ratings-star.ratings-star-detail>span>span {
    font-size: 16px !important;
    width: 100px;
    display: inline-block;
    top: 0;
}

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

.ratings-star>span>i,
.ratings-star>span>span>i {
    margin: 0px 1px;
}

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

.ratings-star>span>span {
    position: absolute;
    top: 1px;
    left: 0px;
    width: 0%;
    height: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px !important;
    margin: 0 !important;
}

@media(max-width: 767px) {
    .content-ratings .list-ratings li .wrap-ratings .ratings-star>span>span {
        left: 60px;
    }
}

.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:hover>span {
    display: block;
}

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

.wrap-ratings-star-detail .product_favorite.active {
    color: var(--main-color);
}

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

@media(max-width: 767px) {
    .content-ratings .list-ratings li .wrap-ratings>h3 {
        padding-left: 60px;
    }
}

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

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

.content-ratings .list-ratings li .sub .wrap-ratings>.info {
    font-size: 13px;
}

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

.content-ratings .list-ratings li .wrap-ratings>.img:after {
    content: '';
    display: block;
    clear: both;
}

.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 {
    position: absolute;
    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 0;
    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;
    /* display: none; */
}

.content-ratings .list-ratings li .wrap-ratings>.like .useful {
    display: none;
}

.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 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 0px;
    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: 0px;
    top: 0px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    background: #fff;
    color: #fff;
    background: #f00;
    z-index: 2;
}

@media(max-width: 767px) {
    .left-anvancde-search {
        position: fixed;
        left: -300px;
        width: 270px;
        top: 0;
        z-index: 99999;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 0 !important;
        height: 100%;
        overflow: auto;
    }
    .left-anvancde-search.active {
        left: 0;
    }
    .icon-search-anvanced,
    .close-anvancde-search {
        display: block;
    }
}

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

.advanced-search .title {
    margin: 10px 5px 12px 0px;
    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 0px 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: 0px 0px 5px 0px;
    font-size: 15px;
    text-transform: uppercase;
}

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

.advanced-search .advanced-price {}

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

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

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

.advanced-search .advanced-item ul:after {
    content: '';
    display: block;
    clear: both;
}

.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: 0px 1px 0px 0px;
    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;
}

@media(max-width: 767px) {
    .advanced-search .advanced-item ul li {}
}

.advanced-search .advanced-item ul li:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    bottom: 0px;
    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;
    display: block;
    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:hover,
.advanced-search .advanced-item ul li.active {
    border: 1px solid var(--main-color);
    color: var(--main-color) !important;
}

.advanced-search .advanced-item ul li.active:before,
.advanced-search .advanced-item ul li:hover:before,
.advanced-search .advanced-item ul li.active:after,
.advanced-search .advanced-item ul li:hover:after {
    display: block;
}

.advanced-search .advanced-item ul li .img {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 0px 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: 0px;
    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:after {
    display: none !important;
}

.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:hover a,
.advanced-search .advanced-item .item-cate-product ul li a.active {
    color: var(--main-color);
}

.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 {
    color: #337ab7;
}

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

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

.wrap-range-slider {
    position: relative;
}

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

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

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
    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;
    /* position: static; */
    background: #fff;
    /* margin-left: 6px; */
    border-radius: 3px;
    box-shadow: 0px 0px 5px #ddd;
}

.icon-anvanced-search:hover,
.icon-anvanced-search.active {
    /* border-color: var(--main-color); */
    /* background: #fff; */
    /* color: var(--main-color); */
}

.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;
    outline: none !important;
}


/**/

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

.hisella-messages-outer {
    position: relative;
}

#hisella-minimize {
    background: var(--main-color);
    font-size: 13px;
    color: #fff;
    padding: 4px 10px;
    position: absolute;
    top: -27px;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

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

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

@media(max-width: 767px) {
    #hisella-minimize span {
        display: none;
    }
    #hisella-minimize img {
        margin-right: 0px;
    }
    #hisella-minimize {
        padding: 4px 8px;
        left: 68px;
    }
    #hisella-minimize.abc {
        left: 0px;
    }
}


/**/

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

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

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

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

@media screen and (max-width: 768px) {
    ul.countdown {
        left: 5px;
        width: calc(100% - 10px);
    }
    ul.countdown li {
        font-size: 11px;
    }
    ul.countdown li span {
        line-height: 12px;
    }
    ul.countdown li p {
        font-size: 9px;
    }
    ul.countdown li i {
        display: none;
    }
}


/**/

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

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

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

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

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

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

@media screen and (max-width: 768px) {
    ul.countdown-detail {
        left: 5px;
        width: calc(100% - 10px);
    }
    ul.countdown-detail li {
        font-size: 11px;
    }
    ul.countdown-detail li span {
        line-height: 12px;
    }
    ul.countdown-detail li p {
        font-size: 9px;
    }
    ul.countdown-detail li i {
        display: none;
    }
}

#modalVoucher {}

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

#modalVoucher .title input {
    font-weight: 400;
}

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

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

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

#modalVoucher .list-voucher li.no-voucher {
    text-align: center;
}

#modalVoucher .list-voucher li.no-voucher span {
    display: block;
}

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

#modalVoucher .list-voucher li:after {
    content: '';
    display: block;
    clear: both;
}

#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 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 span {}

#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: 0px 0px 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: 0px 0px 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 .name3 {
    font-size: 13px;
}

#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 0px 0px 8px;
    position: absolute;
    left: 0;
    top: 0;
}


/**/

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

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

.list-product-bonus .item .iframe {
    margin: 10px 0;
    /* border: 2px solid #10604300; */
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.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;
    /* text-transform: uppercase; */
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.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: 0px 0px 0px 0px;
    border-width: 0px;
    border-color: var(--main-color);
    ;
    margin-bottom: 2px;
}

.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%;
}

.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: 0px 0 5px;
}

.list-product-bonus .item .iframe h5 a {}

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

.sub_product_bonus_item p {
    display: none;
    margin: 4px 0 5px;
    font-weight: 500;
    color: #555;
    color: var(--main-color);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
}

.sub_product_bonus_item p:first-child {
    display: block;
}

.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: 0px 5px 1px 0px !important;
}

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

.sub_product_bonus_item>div>a {
    margin: 0 !important;
    line-height: normal !important;
    max-height: inherit !important;
    overflow: inherit !important;
    display: block !important;
}

.sub_product_bonus_item>div>a>span {
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    font-weight: 500 !important;
    margin: 0 !important;
    line-height: normal !important;
    background: #fff !important;
    padding: 1px 0px !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: 0px;
    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 {}

.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 {
    /* list-style-type: none; */
    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, 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: 8px;
    padding-left: 0;
    padding-top: 2px;
    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: transparent;
    border: none;
}


/*For IE8 or lower*/

.xdsoft_datetimepicker button {
    border: none !important;
}

.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: transparent
}

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

.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,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

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

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    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_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 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_prev,
.xdsoft_datetimepicker .xdsoft_next,
.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: 0.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 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    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_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    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_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

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

.xdsoft_datetimepicker .xdsoft_label:hover>span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.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_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #33aaff;
    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_calendar {
    clear: both;
}

.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 th {
    height: 25px;
}

.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;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .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 {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

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

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.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: #33aaff !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_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.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_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.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_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.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;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.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_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

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

.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_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !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_dark .xdsoft_scrollbar>.xdsoft_scroller {
    background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !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%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
    /* IE6-9 */
}

.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
    /* IE6-9 */
}


/* box_wallet */

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

.box_wallet::after {
    content: '';
    display: block;
    clear: both;
}

.box_wallet .box {
    padding: 2px;
}

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

.box_wallet .box.active .inner {
    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: 0px;
    margin-top: 0px;
}

.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.active .inner {
    /* background: var(--main-color); */
    /* color: #fff; */
}

.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 {
    background: #fff;
    padding: 5px 0px;
    margin: 0px;
}

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

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

.list-balance-hh li:last-child {}

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

.list-balance-hh li .title {
    font-size: 15px;
    padding-left: 0px;
    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: 0px;
    font-weight: 300;
    min-height: 24px;
}

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

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

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

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

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

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

.list-balance-hh 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: 0.5px;
}

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

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

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

.list-balance-hh li.li_withdraw:first-child {
    border-top: none;
}

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

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

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

.list-balance-hh li.li_withdraw p b span {}

.wallet_action {
    margin-bottom: 10px;
}

.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 0px -1px;
    display: inline-block;
}

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

.list_hi_wa_detail li.active span {
    color: var(--main-color);
    font-weight: 600;
    border-color: var(--main-color);
}

.page_deposit,
.page_deposit_detail {
    padding: 20px;
}

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

.page_deposit_detail ul:first-child {
    border-top: none;
    padding-top: 0;
}

.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;
    padding: 0;
    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: none;
    outline: none;
    display: none;
    width: 100%;
    border: 1px solid #ddd;
    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 li span.color {
    color: var(--main-color);
}

.page_deposit_detail ul li.comment1 #comment_detail,
.page_deposit_detail ul li.comment1 .comment_detail_copy,
.page_deposit_detail ul li.comment.comment2 .comment_detail_copy {
    display: none;
}

.page_deposit_detail ul li.comment1 #comment_detail_copy {
    display: block;
}

.page_deposit_detail ul.config_withdraw li {}

.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: 0px auto;
    border: 2px solid var(--main-color);
    border-radius: 50%;
    line-height: 52px;
    text-align: center;
    font-weight: 600;
    color: var(--main-color);
    text-transform: uppercase;
    font-size: 11px;
}

.wrap-balance .price {
    font-size: 26px;
    color: var(--main-color);
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 2px;
}

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

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

.list-deposit:after {
    content: '';
    display: block;
    clear: both;
}

.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: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    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;
}

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

.list-deposit li.active i {
    display: block;
}

.wrap_name {
    padding: 0px 4px;
}

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

.input_name {
    position: relative;
}


/**/

.link_share_aff {
    position: relative;
    margin-bottom: 5px;
    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: none !important;
    height: auto;
    top: 0px;
    padding: 0;
}


/**/

.modal-content-success {}

.modal-content-success .modal-header,
.modal-content-cancel .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-success .icon-box,
.modal-content-cancel .icon-box {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 66px;
}

.modal-content-cancel .icon-box {}

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

.modal-content-success p,
.modal-content-cancel 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 {
    text-align: center;
}

.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;
    background: var(--main-color);
    color: #fff;
    border-radius: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 999
}

.support-online img {
    background: none;
}

.support-online a span {
    border-radius: 2px;
    text-align: center;
    background: var(--main-color);
    padding: 9px;
    display: none;
    width: 210px;
    margin-left: 10px;
    position: absolute;
    color: #ffffff;
    z-index: 999;
    top: 0px;
    left: 40px;
    transition: all 0.2s ease-in-out 0s;
    -moz-animation: headerAnimation 0.7s 1;
    -webkit-animation: headerAnimation 0.7s 1;
    -o-animation: headerAnimation 0.7s 1;
    animation: headerAnimation 0.7s 1
}

.support-online a:hover span {
    display: block
}

.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: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    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, 0.4);
    opacity: .1;
    border-color: var(--main-color);
    opacity: .5;
}

.support-online .btn-support {
    cursor: pointer
}

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

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

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

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

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

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

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    animation-name: zoomIn
}

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1)
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    animation-name: pulse
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1)
    }
    30% {
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        transform: scale3d(1, 1, 1)
    }
}


/**/

.dashboard .report1 {
    padding-top: 1px;
}

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

.dashboard_in .report1 .db-grid {
    background: #edf1f5;
    padding: 12px 5px 0 5px;
    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: 0px 7px 15px;
}

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

@media(max-width: 991px) {
    .dashboard .report1 .db-grid {
        display: block;
    }
    .dashboard .report1 .db-grid .box {
        width: 50%;
    }
}

@media(max-width: 991px) {
    .dashboard .report1 .db-grid {
        margin: 0px -5px;
    }
    .dashboard_in .report1 .db-grid {
        margin: 0;
    }
    .dashboard .report1 .db-grid .box {
        padding: 4px;
        padding: 0px 5px 10px;
    }
    .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;
    }
}

@media(max-width: 767px) {
    .dashboard .report1 .db-grid .box {
        width: 100%;
    }
}

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

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

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

.dot-key {
    background: var(--main-color);
    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 .header a {}

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


/**/

.save_contact {
    display: none;
    position: fixed;
    bottom: 5px;
    z-index: 9999999;
    left: 0;
    right: 0;
}

@media(max-width: 767px) {
    .save_contact {
        display: block;
    }
}

.save_contact span {
    background: var(--main-color);
    display: inline-block;
    border-radius: 50px;
    color: #fff !important;
    padding: 8px 18px;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all all 0.2s ease ease-out;
    -moz-transition: all all 0.2s ease ease-out;
    -o-transition: all all 0.2s ease ease-out;
    transition: all all 0.2s ease ease-out;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.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;
}

.social-footer li {
    display: inline-block;
    margin: 0px 6px 8px 0px;
}

.social-footer a img {
    max-height: 50px;
    width: auto;
}


/**/

#notify_body {
    width: 330px;
    top: auto;
    left: 10px;
    bottom: 10px;
    right: 0px;
    position: fixed;
    z-index: 9999999;
    /*margin: 0px auto;*/
}

#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: rgba(64, 64, 64, 1);
    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: 0px;
    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;
}


/**/

.about {}

.about .detail-content {}

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


/**/

.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: #c5b5b1;
    background: #ffbda6;
    border-radius: 24px;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    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 {}

.course_calendar ul {
    display: flex;
    padding: 10px 0px;
    /* margin: 0px -15px; */
    align-items: center;
    position: relative;
    /* border-bottom: 10px solid #f2f2f2; */
    border-top: 1px solid #e6e6e6;
    margin: 0;
}

.course_calendar ul.title {
    font-weight: 600;
}

.course_calendar ul li {
    list-style-type: none;
    margin: 0px 10px;
    font-size: 13px;
    width: 34%;
}


/**/

.link_share_aff {
    position: relative;
    margin-bottom: 5px;
    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: none !important;
    height: auto;
    top: 0px;
    padding: 0;
    opacity: 0;
    z-index: -1;
}


/*form_register_sidebar*/

.form_register_sidebar {
    background: #fff;
    padding: 20px 20px 5px 20px;
}

.form_register_sidebar .iframe {}

.form_register_sidebar .iframe>.title {
    margin: 10px 0px 15px;
    text-align: center;
    text-transform: uppercase;
    color: var(--main-color);
    font-size: 157%;
    font-weight: 600;
    line-height: 1.4;
    padding-top: 0px;
}

.form_register_sidebar .iframe .short_info {
    text-align: center;
    margin-bottom: 15px;
    margin-top: -5px;
}

.form_register_sidebar .iframe .wrap-form {}

.form_register_sidebar .iframe .wrap-form .form-group {}

.form_register_sidebar .iframe .wrap-form .form-group {}

.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 {
    /* min-height: 100vh; */
}

.bank_transaction table {
    width: 100%;
    background: none;
    /* min-height: 100vh; */
}

.bank_transaction table td {
    padding: 0 !important;
}

.bank_transaction .content {
    background: #fff;
    /* box-shadow: 0px 0px 10px #ddd; */
    /* max-width: 900px; */
    /* margin: 50px auto; */
    /* padding: 20px; */
    /* border-radius: 10px;*/
}

@media(max-width: 767px) {
    .bank_transaction table tr,
    .bank_transaction table td {
        display: block !important;
        width: 100%;
    }
    .bank_transaction .content {
        border-radius: 0;
        margin: 0;
        box-shadow: none;
        /* padding: 15px;
        min-height: 100vh; */
    }
}

@media(max-width: 767px) {
    .bank_transaction .payment_atm .left .item {
        margin: 0px 0 0px;
    }
}

.bank_transaction .content .logo {
    text-align: center;
}

.bank_transaction .content .logo img {
    height: 50px;
}

.bank_transaction .payment_atm .right {
    padding: 0px 15px 0px 0px !important;
}

.bank_transaction .payment_atm .left .item .detail_order_atm p b i {
    position: relative;
    font-size: 12px !important;
    cursor: pointer;
    top: 0px;
    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);
}

@media(max-width: 767px) {
    .bank_transaction .payment_atm .right {
        padding: 0px 15px !important;
        margin-top: 15px;
    }
}

.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 .left .item .detail_order_atm p b span span {
    margin: 0;
}


/**/

.bank_transaction .payment_atm_1 {}

.bank_transaction .payment_atm_1 .item {
    background: #fff;
    padding: 0;
    /* box-shadow: 0px 0px 10px #ddd; */
    /* max-width: 900px; */
    /* margin: 50px auto; */
    /* padding: 20px; */
    /* border-radius: 10px;*/
}

@media(max-width: 767px) {
    .bank_transaction .payment_atm_1 .item {
        /* padding: 12px; */
    }
}

.bank_transaction .payment_atm_1 .item h4.title {
    margin: 10px 0 30px 0px;
    font-weight: 600;
    font-size: 143%;
    text-align: center;
}

.bank_transaction .payment_atm_1 .item .title1 {
    font-size: 107%;
    margin: 0 0 15px 0;
}

.bank_transaction .payment_atm_1 .item .title1 b.red {
    color: red;
    display: inline-block;
    margin-left: 4px;
}

@media(max-width: 767px) {
    .bank_transaction .payment_atm_1 .item .title1 b.red {
        display: block;
        margin: 0;
    }
}

.bank_transaction .payment_atm_1 .item .input_naptien {
    position: relative;
    margin: 0 0 20px 0;
}

.bank_transaction .payment_atm_1 .item .input_naptien label {
    position: absolute;
    background: rgba(219, 228, 246, 1);
    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 0 0 0;
    color: #7ace4c;
}

.bank_transaction .payment_atm_1 .item .btn_send {
    width: 100%;
    background: #7ace4c !important;
    border-color: #7ace4c !important;
    margin: 16px 0 0 0;
    height: 40px;
    color: #fff !important;
    font-size: 110%;
}

.btn-send-success {
    width: 100%;
    background: #7ace4c !important;
    border-color: #7ace4c !important;
    margin: 15px 0 0 0;
    height: 40px;
    color: #fff !important;
    font-size: 110%;
}

.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 0;
}

.bank_transaction .payment_atm_1 .item .list_bank ul {
    padding: 0;
    margin: 0 -4px;
}

.bank_transaction .payment_atm_1 .item .list_bank ul::after {
    content: '';
    display: block;
    clear: both;
}

.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;
}

@media(max-width: 767px) {
    .bank_transaction .payment_atm_1 .item .list_bank ul li {
        width: calc(50% - 8px);
        float: left;
        max-width: inherit;
    }
}

.bank_transaction .payment_atm_1 .item .list_bank ul li.active {
    border-color: #7ace4c;
    box-shadow: 0px 0px 12px #7ace4c;
}

.bank_transaction .payment_atm_1 .item .list_bank ul li img {}


/**/


/**/

.list_transaction_history {
    background: #fff;
    padding: 5px 0px;
    margin: 0px;
}

.list_transaction_history li {
    list-style-type: none;
    position: relative;
    padding: 14px 5px 14px 52px;
}

.list_transaction_history li:nth-child(2n) {
    background: #f6f6f6;
}

.list_transaction_history li:last-child {}

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

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

.list_transaction_history li .info {
    font-size: 13px;
    color: #666;
    /* border-bottom: 1px solid #e8e8e8; */
    padding-bottom: 0px;
    padding-left: 0px;
    font-weight: 300;
    /* min-height: 32px; */
}

.list_transaction_history li:last-child .info {
    border-bottom: none;
}

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

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

.list_transaction_history li.hh-plus .plus {
    color: #4ab04d;
}

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

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

.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: 0.5px;
}

.list_transaction_history li.hh-plus .price {
    background: #4ab04d;
}

.list_transaction_history li.hh-minus .price {
    background: #fda450;
}

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

.list_transaction_history li.li_withdraw:first-child {
    border-top: none;
}

.list_transaction_history li.li_withdraw img {
    left: 10px;
}

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

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

.list_transaction_history li.li_withdraw p b span {}


/**/

.product_tags {
    display: flex;
    margin: 15px 0 8px 0;
}

.product_tags .item {
    margin: 0 8px 0 0;
}

@media(max-width: 767px) {
    .product_tags {
        display: block;
    }
    .product_tags .item {
        display: inline-block;
        margin: 0 4px 4px 0;
    }
}

.product_tags .item a {
    color: #337ab7;
}

.product_tags .item a:hover {
    color: var(--main-color);
}


/**/

.slider_images_thumbs {}

.slider_images_thumbs ul {
    padding: 0;
    margin: 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 a,
.slider_images_thumbs .slider_thumbs .flex-viewport ul li .iframe_video_slide {
    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 {
    position: relative;
}

.slider_images_thumbs .carousel_thumbs ul.slides li {
    margin: 5px 5px 5px 0px;
    position: relative;
    width: 140px;
    height: 140px;
    padding: 3px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.slider_images_thumbs .carousel_thumbs ul.slides li.flex-active-slide {
    border-color: var(--main-color);
}

.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 {}

.slider_images_thumbs .flex-direction-nav li {}

.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, 0.8);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider_images_thumbs .flex-direction-nav .flex-prev a {
    right: -50px;
    left: auto;
}

@media(max-width: 767px) {
    .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: 0px;
        left: auto;
    }
}

.slider_images_thumbs .slider_thumbs:hover .flex-direction-nav .flex-prev a,
.slider_images_thumbs .carousel_thumbs:hover .flex-direction-nav .flex-prev a {
    opacity: 0.7;
    right: 10px;
}

.slider_images_thumbs .slider_thumbs:hover .flex-direction-nav .flex-next a,
.slider_images_thumbs .carousel_thumbs:hover .flex-direction-nav .flex-next a {
    opacity: 0.7;
    left: 10px;
}


/* block-brand */

.block-brand {}

.block-brand .content {
    margin-top: 0px;
}

.block-brand .content>a>img {
    margin-bottom: 5px;
}

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

.block-brand .content .row .wrap_item {}

.block-brand .content .row .wrap_item .item {
    padding: 0px 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 0px;
    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;
}

.tag {}

.tag>.item {
    display: inline-block;
}

.tag>.item>span {
    color: #444;
    background-color: rgb(242, 242, 242);
    border-color: rgb(242, 242, 242);
    display: inline-block;
    padding: 8px 15px;
    border-radius: 30px;
    cursor: pointer;
    position: relative;
    margin: 1px;
}

.tag>.item>span>i {}

.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: #f00;
    cursor: pointer;
    display: none;
}

.tag>.item>span:hover .fa-trash-can {
    display: block;
}

.tag>.item>span::after {
    font-family: "Font Awesome 6 Pro";
    content: "\f00c";
    display: none;
    position: absolute;
    margin-left: 4px;
    right: 10px;
    top: -6px;
    height: 13px;
    bottom: 0;
    margin: auto;
}

.tag>.item>span.active::after {
    display: inline-block;
}

.tag>input {
    border: 1px solid #ddd;
    border-radius: 30px;
    color: #444;
    background-color: rgb(242, 242, 242);
    border-color: rgb(242, 242, 242);
    padding: 7px 15px;
    outline: none;
}

.tag>span.plus {
    padding: 5px 15px 6px !important;
    color: #444;
    background-color: rgb(242, 242, 242);
    border-color: rgb(242, 242, 242);
    display: inline-block;
    border-radius: 30px;
    cursor: pointer;
    position: relative;
    margin-left: 2px;
}

.tag>span.plus>i {
    display: block;
    padding: 6px 4px 5px;
    position: relative;
    top: 0;
    right: 0;
    height: auto;
}

.tag>span.plus::after {
    display: none !important;
}

.content_detail_edit .vsb-main button {
    min-width: 120px;
    border-radius: 0;
    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;
    border-radius: 3px;
    position: relative;
    min-height: 34px;
    min-width: inherit !important;
}

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

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) no-repeat;
    background-size: 100%;
    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;
}

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

input[type=checkbox].ace:checked,
input[type=radio].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:focus {
    outline: none !important;
}

.wrap-editor .mce-tinymce,
.wrap-editor .tox.tox-tinymce,
.btn-full {
    width: 100% !important;
}

@media(max-width: 767px) {
    .btn.mobile_w100 {
        width: 100%;
    }
}


/* modal_cart_size */

.modal_cart_size {}

.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 0;
}

.modal_cart_size .wrap_root {}

.modal_cart_size .wrap_root.error_size {
    background: #fff5f5;
    margin: 15px 0px 15px 0px;
    padding: 10px 15px 6px 15px;
}

.modal_cart_size ul {
    padding: 0;
    margin: 0;
}

.modal_cart_size ul li {
    display: inline-block;
}

.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: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/**/

.item-product-related {
    margin: 0 0 10px 0;
    padding: 0 20px;
}

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

.item-product-related .row .item {
    padding: 0px 5px;
}

.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 .iframe:hover {
    border-color: var(--main-color);
}

.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 h3 a {}

.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: none;
    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-dots {
    display: none !important;
}

.item-product-related .slick-next .fa-angle-right:before {
    content: "\f105";
}

.item-product-related .slick-prev .fa-angle-left:before {
    content: "\f104";
}

.item-product-related .slick-prev i,
.item-product-related .slick-next i {
    font-weight: 600;
}

.item-product-related .slick-arrow:hover {
    background: var(--main-color);
    color: #fff;
}

.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 */

.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;
}


/**/

.sales_policy_detail_product {
    margin: 20px 0;
}

.sales_policy_detail_product ul {
    padding: 0;
    margin: 0 -15px;
}

@media(max-width: 767px) {
    .sales_policy_detail_product ul {
        margin: 0 -5px;
    }
}

.sales_policy_detail_product ul:after {
    content: '';
    display: block;
    clear: both;
}

.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;
}

@media(max-width: 767px) {
    .sales_policy_detail_product ul li {
        padding: 0 5px 0 52px;
    }
}

.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 */

.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;
}


/* price_rose_show */

.price_rose_show {
    /* display: none !important; */
}


/**/

.detail-info {}

@media(max-width: 767px) {
    .detail-info {
        padding-left: 0 !important;
    }
}

.detail-info ul {
    padding: 0;
    margin: 0;
}

.detail-info ul li {
    list-style-type: none;
    padding: 5px 0px;
    border-top: 1px dashed #f1f1f1;
    font-size: 13px;
    margin-top: 0;
    display: flex;
    white-space: normal;
}

.detail-info ul li:first-child {
    border: none;
}

.detail-info ul li span:first-child {
    display: inline-block;
    min-width: 170px;
    min-width: 120px;
}

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

.detail-info.w80 ul li span:first-child {
    min-width: 80px;
}

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

.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.w140 ul li span:first-child {
    min-width: 140px;
}

.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) {
    .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;
}

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

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

.table.table-theme>tbody>tr>td .detail-info ul li span:first-child {
    min-width: 180px;
}