﻿#box-wrapper {
    margin-top: -24px !important;
}
.txt-shopp {
    position: relative;
    display: block;
    height: 12px;
    top: -3px;
}

.details-product .details-pro .form-product .form-group .btn-lg:after {
    display: block;
    content: "Giao hàng tận nơi trên toàn quốc";
    font-size: .6em;
    text-transform: none;
    font-family: monospace;
}

.pad-ver {
    display: none
}

.text-muted {
    float: left;
    margin-top: 6px;
    margin-left: 10px;
    margin-bottom: 0px
}

.btn-link {
    font-weight: 700;
    color: #da251c !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: all 0.25s ease;
    float: left;
    line-height: 0px;
    margin-top: 17px;
}

.read-yes {
    cursor: pointer;
    display: flex;
    align-items: baseline;
    padding: 3px;
    border: 1px solid transparent;
    width: fit-content;
}

    .read-yes input[type="checkbox"] {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        border: 1px solid #333;
        border-radius: 0;
        outline: 0;
        display: inline-block;
        position: relative;
        top: 2px;
    }

    .read-yes label {
        margin-left: 5px;
    }

        .read-yes label a {
            color: #0071c4;
            text-decoration: none;
            cursor: pointer;
        }

.dvcontent {
    border: solid 1px #ddd;
    width: 100%;
    FLOAT: left;
    position: relative;
    padding: 0px;
}

.cs-comment {
    margin-left: 15px;
    border: solid 1px #ddd;
    width: 100%;
    FLOAT: left;
    position: relative;
    padding: 0px;
}

.simple-rating i span {
    width: 100%;
    float: left;
    position: relative;
    font-size: 14px;
    color: #888;
    font-family: 'Roboto',Arial,sans-serif
}

.title-rated-prod {
    font-size: 18px;
    font-weight: bold;
}

.result-rated-prod {
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}

.result-rated-box.left {
    width: 45%;
    text-align: center;
    display: inline-block;
}

@media screen and (min-width: 1200px) {
    .result-rated-box.left {
        width: 180px;
    }
}

.star-rated.rating-box-second2 {
    cursor: auto;
}

.txt-rated-2 {
    color: #747474;
}

.medium-score-wrap {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.medium-score-rated {
    font-size: 30px;
    font-weight: bold;
}

.max-score-rated {
    color: #999;
    font-size: 16px;
}

.result-rated-box.right {
    width: 45%;
    display: inline-block;
    text-align: left;
    margin-left: 20px;
}

@media screen and (min-width: 1200px) {
    .result-rated-box.right {
        width: 225px;
    }
}



@media screen and (min-width: 1200px) {
    .row-rate-item {
        height: 22px;
    }
}

.block {
    display: inline-block !important;
}

.star-item {
    color: #757575;
}

.process-rate {
    width: 70px;
    background-color: #e9e9e9;
    height: 12px;
    vertical-align: middle;
    margin: 0 8px;
    border-radius: 6px;
}

    .process-rate .process-inner {
        background-color: #ffb909;
        height: 12px;
        border-radius: 6px;
    }

.process-rate-10 {
    width: 100%;
}

.quantum-star a {
    color: #757575 !important;
}

.txt-quantum {
    display: none;
}

@media screen and (min-width: 1200px) {
    .txt-quantum {
        display: inline-block;
    }
}

.process-rate .process-inner {
    background-color: #ffb909;
    height: 12px;
    border-radius: 6px;
}

.process-rate-08 {
    width: 80%;
}

.process-rate-07 {
    width: 70%;
}

.process-rate-06 {
    width: 60%;
}

.process-rate-05 {
    width: 50%;
}

.process-rate-04 {
    width: 40%;
}

.process-rate-03 {
    width: 30%;
}

.process-rate-02 {
    width: 20%;
}

.process-rate-01 {
    width: 10%;
}

.process-rate-0 {
    width: 0%;
}

.process-rate .process-inner {
    background-color: #ffb909;
    height: 12px;
    border-radius: 6px;
}

.title-rated-prod h3 {
    font-size: 18px;
    font-weight: bold
}

.star-rated .fa-star {
    font-size: 20px;
    color: #999;
}

.fa-star::before {
    content: "";
}

.star-rated .rated {
    color: #ffb909;
}

.is-not-rated.rated-01:after, .is-not-rated.rated-02:after, .is-not-rated.rated-03:after, .is-not-rated.rated-04:after, .is-not-rated.rated-05:after, .is-not-rated.rated-06:after, .is-not-rated.rated-07:after, .is-not-rated.rated-08:after, .is-not-rated.rated-09:after, .is-not-rated.rated-10:after {
    content: ""
}

.rated-01, .rated-02, .rated-03, .rated-04, .rated-05, .rated-06, .rated-07, .rated-08, .rated-09, .rated-10 {
    position: relative
}

    .rated-01:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 10%;
        overflow: hidden
    }

    .rated-02:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 20%;
        overflow: hidden
    }

    .rated-03:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 30%;
        overflow: hidden
    }

    .rated-04:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 40%;
        overflow: hidden
    }

    .rated-05:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 50%;
        overflow: hidden
    }

    .rated-06:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 60%;
        overflow: hidden
    }

    .rated-07:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 70%;
        overflow: hidden
    }

    .rated-08:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 80%;
        overflow: hidden
    }

    .rated-09:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 90%;
        overflow: hidden
    }

    .rated-10:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        color: #ffb909;
        width: 100%;
        overflow: hidden
    }

.count-rated {
    font-size: 11px
}

.row {
    margin: 0 !important
}

.titlecate-grend:before {
    background: url(/DesktopModules/MIN-ThietBiGiaHan/Libraries/Home/images/prod-hot-a.png) no-repeat;
    content: "";
    background-size: 28px;
    width: 28px;
    height: 28px;
    position: absolute;
    top: 5px;
    left: 7px;
}

.details-pro {
    padding-right: 0px !important;
}

.title-specs {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #f7f8f9
}

    .title-specs .h2 {
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        padding: 0
    }

.special-price {
    display: inline-block;
}

.old-price {
    display: inline-block;
}

.sale-flash {
    position: absolute;
    top: 0;
    left: 0;
    background: #f90;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
    line-height: 18px;
    text-align: center;
    padding: 2px 5px;
    display: inline-block;
}

#sanPhamQT {
    position: sticky;
    top: 0;
}


#support-ctrl {
    clear: both;
}

.dvbtncart {
    width: calc(50% - 10px);
    float: left
}
@media only screen and (max-width: 768px) {
    .simple-rating{display:flex}
        .simple-rating i span {
            font-size: 13px;
            margin-top: 6px
        }
    .dvbtncart {
        width: calc(100% - 105px);
        float: left
    }
}
    @media screen and (min-width: 1200px) {
        .box-hotline {
            padding: 10px 5px;
        }
    }

    @media screen and (min-width: 1200px) {
        .hotline-wrap {
            padding: 5px 0;
        }
    }

    @media screen and (min-width: 1200px) {
        .hotline-wrap {
            border: 1px solid #ddd;
            border-radius: 3px;
        }
    }

    .slogan-box-hotline {
        text-align: center;
        padding: 5px 0;
        font-weight: bold;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }

    @media screen and (min-width: 1200px) {
        .slogan-box-hotline {
            font-size: 13px;
        }
    }

    .box-hotline-left {
        vertical-align: top;
        margin: 0 5px;
        display: inline-block !important
    }

    .box-hotline-right {
        text-align: left;
        display: inline-block !important
    }

    .number-phone {
        color: #da251c;
        margin-right: 10px;
        font-weight: bold;
        display: inline-block !important
    }

    .expanded .list-more-hotline {
        max-height: 500px;
    }

    @media screen and (min-width: 1200px) {
        .list-more-hotline {
            padding: 0 10px;
        }
    }

    .list-more-hotline {
        overflow: hidden;
        transition: all .3s ease;
    }

    .address-region-item {
        margin: 5px 0;
    }

    .phone-box-hotline {
        padding: 5px 0;
        width: calc(100% - 10px);
        text-align: center;
        border-top: 1px solid #ddd;
    }

    @media screen and (min-width: 1200px) {
        .phone-box-hotline {
            width: 100%;
        }
    }

    @media screen and (min-width: 1200px) {
        .add-left, .time-work-left {
            min-width: 80px;
        }
    }

    .add-left {
        float: left;
    }

    .box-hotline-more .detail-right-box.care-detail {
        background-color: #eee;
        display: block;
        border-top: 1px solid #ddd;
        margin-top: 10px;
    }

    @media screen and (min-width: 1200px) {
        .box-hotline-more .detail-right-box.care-detail {
            background-color: #fff;
        }
    }

    .detail-right-box {
        margin-bottom: 10px;
    }

    .box-hotline-more .detail-right-box.care-detail .care-detail-box {
        padding: 5px 0 0 0;
    }

    .inventory_quantity {
        width: 50%;
        float: left;
    }

    .support-ask-icon img {
        width: 18px;
        height: 18px;
        margin-right: 3px;
    }

    .support-ask-item {
        display: inline-block !important;
        margin-right: 10px;
    }

    .icon-spcart {
        background: url(/DesktopModules/MIN-ThietBiGiaHan/Libraries/Home/Images/dat-mua.svg) no-repeat center center;
        border-right: 1px solid #ffffff3b;
        background-size: 28px;
    }

    .icon-shopp {
        height: 45px;
        float: left;
        font-size: 1.7em;
        width: 42px;
    }

    .fa-usd {
        padding-top: 10px;
        border-right: 1px solid #ffffff3b;
        background-size: 28px;
        text-align: center
    }


    .Service-freeship {
        padding: 0 5px;
        background-color: #fff;
    }

    .tip-wrap-pc {
        border: 1px solid #ddd;
        padding: 5px;
    }

    .tip-row .icon-tip {
        width: 28px;
        height: 28px;
        display: inline-block;
    }

        .tip-row .icon-tip img {
            width: 100%;
            height: 100%;
            object-fit: scale-down;
        }

    .tip-row .txt-tip {
        vertical-align: top;
        display: inline-block;
        width: calc(100% - 45px);
        margin-left: 5px;
    }

    .box-hotline-more .detail-right-box.care-detail .care-detail-box .address-region-item.email .add-left {
        min-width: auto;
    }

    .detail-right-box {
        margin-bottom: 10px;
    }

    .support-web2 {
        margin: 0px -4px 0px 0px;
        padding: 5px;
        padding-left: 3px;
        border-radius: 5px;
        border: 0px solid #CCC;
        flex-direction: column;
        display: flex;
        position: fixed;
        right: 1px;
        bottom: 0px;
        z-index: 9999;
    }

        .support-web2 a {
            margin-top: 5px;
        }

    .support-web {
        display: none !important
    }

    .autoAdsMaxLead-widget-form-error-message {
        font-family: 'IBM Plex Sans',sans-serif;
        font-size: 13px !important;
        font-style: italic !important;
        color: #f00 !important;
        display: none;
    }

    .allowAdsMaxLead-widget-form-error-message {
        display: block !important;
        float: left;
        width: 100%;
        text-align: left
    }

    .simple-rating i {
        color: #f5ba00;
        display: inline-block;
        padding: 1px 2px;
        cursor: pointer;
        font-size: 30px;
        text-align: center
    }

    .inputCmn {
        border: 0;
        position: relative;
        background: #fff;
        height: 40px;
        border-radius: 4px !important;
        outline: 0;
        box-shadow: none;
        padding: 0 10px;
        height: 40px;
    }

    .cmnttpopup-overlay {
        /*Hides pop-up when there is no "active" class*/
        visibility: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,.4);
        z-index: 99999;
    }

        .cmnttpopup-overlay.active {
            visibility: visible;
            text-align: center;
        }

    .cmnttpopup-content {
        visibility: hidden;
    }

        .cmnttpopup-content.active {
            visibility: visible;
        }

    .cmnttpopup-content {
        max-width: 482px;
        width: 100%;
        padding: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;
        border: 1px solid rgba(0,0,0,.2) !important;
        border-radius: 8px;
        background: #fff;
    }

    .cmnttpopup-close {
        width: 30px;
        height: 30px;
        padding-top: 4px;
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
        transition: ease 0.25s all;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        border-radius: 1000px;
        background: rgba(0,0,0,0.8);
        font-family: Arial, Sans-Serif;
        font-size: 20px;
        text-align: center;
        line-height: 100%;
        color: #fff;
    }

    .title-bl {
        border-bottom: 1px solid #ddd;
    }

    .comment-reviews-sub {
        width: 100%;
        font-size: 13px;
    }

    .comment-left {
        float: left;
        width: 50%;
        padding: 10px;
    }

    .comment-right {
        float: left;
        width: 50%;
        padding: 10px;
    }

    .TitleComment {
        display: table-cell;
        font-size: 28px;
        padding-right: 15px;
        float: left
    }

    .bpr-summary-caption {
        display: table-row;
    }

    .LstComment {
        float: none;
        border: none;
        width: 100%;
        clear: both;
        text-align: left;
    }

    .cmntItem {
        border-top: 0px solid #e0e0e0;
        padding: 15px;
        text-align: left;
    }

    .csComent {
        padding-left: 8px;
    }

    .cmntHeader {
        text-align: left;
        display: block
    }

    .cmntHeaderImg {
        border: 1px solid #000;
        padding: 5px;
        border-radius: 50%;
        display: block;
        margin-right: 15px;
        margin-top: 15px;
    }

    .review-content {
        margin-top: 0px;
        padding-left: 15px;
    }

    .review-header-title {
        color: #999;
        font-style: normal;
        font-weight: 700;
        padding-left: 15px;
        padding-top: 5px;
    }

    .bizweb-review-header-time {
        display: inline-block;
        margin-left: 15px;
    }

    #tags {
        background-color: #f2f2f2;
        padding: 8px 15px;
        margin: 20px 0 0;
    }

    .box {
        clear: both;
        position: relative;
    }

    #tags a {
        display: inline-block;
        padding: 3px 5px;
        margin: 3px;
        background-color: #cde69c;
        border: 1px solid #a5d24a;
        color: #638421;
        white-space: nowrap;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    .product_preview::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
        background-color: #F5F5F5;
        width: 5px;
    }

    .product_preview::-webkit-scrollbar {
        width: 5px;
        background-color: #F5F5F5;
    }

    .product_preview::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }


    .ui-widget.ui-widget-content {
        float: left;
        width: 800px !important;
        top: 100px !important;
        position: fixed !important;
        z-index: 9999;
        left: 100 !important;
    }

    .ui-dialog-titlebar {
        height: 35px;
        color: red;
        background: rgba(0,0,0,0.2);
        font-size: 19px;
        padding-left: 15px;
        text-align: center;
        font-weight: bold
    }

    .greenBg {
        background: rgba(26,110,102,.6);
        padding: 10px;
    }

    .ten.columns {
        width: 62.5%;
        float: left
    }

    .six.columns {
        width: 37.5%;
        float: left;
        padding-left: 10px;
    }

    .form_content > div.text_col_form li > span {
        background: #337d19;
        display: inline-block;
        padding: 8px 10px 6px 20px;
        margin: 7px 0;
        border: 1px solid #e2e1e1;
        color: #fff;
        font-size: 15px;
    }

    .form_content > div.text_col_form {
        text-align: left;
        font-size: 1.2em;
        text-transform: uppercase;
    }

    .form_content > div.text_col_form {
        text-align: left;
        font-size: 1.2em;
        text-transform: uppercase;
    }

    .product-box {
        margin-bottom: 0px !important
    }

    .saleflash {
        position: absolute;
        top: 0px;
        float: right;
        text-align: right;
        right: 0;
        background: #f90 !important;
        color: #000;
        padding: 0 5px;
        border-radius: 10px;
        color: #fff;
    }

    .saleflash2 {
        display: none
    }

    .hotro-phone {
        display: none
    }

    @media only screen and (max-width: 768px) {
        .hotro-phone {
            display: block
        }

        .hotro-phone_title {
            padding: 7px 0 !important;
            margin-bottom: 10px !important;
            margin-top: 10px !important;
        }


        .support-web2 {
            width: 100%;
            position: fixed;
            bottom: 0px;
            padding-left: 0px;
            height: 50px;
            display: flex;
            text-align: center;
            background: #fff;
            padding: 0px;
            flex-wrap: wrap;
        }

        .hotro-phone_title {
            background-color: #ca2014;
            text-align: center;
            text-transform: uppercase;
            padding: 2px 0;
            color: #FFF;
            font-size: 15px;
            border-radius: 3px;
            margin-bottom: 3px;
            display: block
        }

        .product-box {
            margin-bottom: 10px !important;
            margin-top: 10px !important;
        }

            .product-box .price-box .special-price .product-price, .product-box .product-name a {
                font-size: 15px !important;
            }

        .product-thumbnail {
            /*height: 120px !important;
            float: left !important;
            width: 120px !important;
            margin-right: 5px;*/
        }

        .saleflash {
            display: none
        }

        .product-info a-center, .product-box .product-info {
            padding-bottom: 0;
            margin-bottom: 0
        }

        .saleflash2 {
            display: block;
            background: #ffb909 !important;
            float: left;
            color: #fff;
            padding: 0 5px;
            position: relative
        }

        .product-box .product-name {
            min-height: 0px !important;
            text-align: left;
        }

        .product-box .price-box {
            text-align: left !important;
        }

        #sanPhamQT {
            display: none
        }

        #spCungLoai {
            display: none
        }

        #dvHotro {
            display: none
        }

        .product-box .price-box {
            text-align: center;
        }

        .product-box {
            border-bottom: 1px solid #ddd;
        }

            .product-box .product-info {
                margin-bottom: 5px
            }

        .owl-carousel .owl-stage {
            /* width: 100% !important;*/
        }

        .product-page-relative .related-product .products-view-grid .owl-item {
            min-height: 100px !important
        }

        .ten.columns, .form_slide {
            width: 100% !important;
        }

        .ui-widget.ui-widget-content {
            width: 90% !important;
            left: 0px !important;
            top: 30px !important;
        }

        .ui-dialog-titlebar {
            font-size: 15px !important;
        }

        .six.columns, #btnShow {
            display: none
        }

        h3 {
            font-size: 12px !important;
            margin-bottom: 3px !important
        }

        .product-sidebar-ant-fashion .box-hotlines .box-hotlines-left h3 {
            margin-bottom: 15px !important
        }

        .form_content {
            max-height: 400px;
            overflow-y: scroll;
        }

        .inputbox {
            margin: 0 0 5px !important;
            min-height: 30px !important;
        }

        .ui-dialog-titlebar {
            height: 23px !important;
        }

        textarea {
            height: 30px !important;
        }

        .details-product .nav-tabs-responsive > li {
            display: block !important;
            width: 50%;
        }

            .details-product .nav-tabs-responsive > li.active {
                width: 50% !important;
            }

            .details-product .nav-tabs-responsive > li.next > a::after {
                content: "\f0a9";
                display: none;
            }

            .details-product .nav-tabs-responsive > li.active:first-child {
                margin-left: 0;
            }

            .details-product .nav-tabs-responsive > li.next > a .text, .details-product .nav-tabs-responsive > li.prev > a .text {
                display: block;
            }
    }

    #box-wrapper {
        margin-top: -23px;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        width: 21px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 20px;
    }

    .product-price-old {
        text-decoration: line-through;
        font-size: .85714em;
        margin: 0 0 0 5px;
        display: inline-block;
        color: #666;
    }

    .product-price {
        color: #d0021b;
        font-size: 1em;
        line-height: 1.71429em;
        display: inline-block;
        font-weight: 600;
    }


    .cFooter .tooltiptext {
        visibility: hidden;
        width: 100%;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        opacity: 0;
        transition: opacity 1s;
        font-weight: 600;
        background: #189eff;
        font-size: 13px;
        width: 130px;
        left: 60px;
    }

    .cFooter:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .popup-overlay-map {
        /*Hides pop-up when there is no "active" class*/
        visibility: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,.4);
        z-index: 99999;
    }

        .popup-overlay-map.active {
            visibility: visible;
            text-align: center;
        }

    .popup-content-map {
        visibility: hidden;
    }

        .popup-content-map.active {
            visibility: visible;
        }

    .popup-content-map {
        width: 1000px;
        padding: 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19) !important;
        border: 1px solid rgba(0,0,0,.2) !important;
        border-radius: 8px;
        background: #fff;
    }

    .popup-close-map {
        width: 30px;
        height: 30px;
        padding-top: 4px;
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0px;
        transition: ease 0.25s all;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        border-radius: 1000px;
        background: rgba(0,0,0,0.8);
        font-family: Arial, Sans-Serif;
        font-size: 20px;
        text-align: center;
        line-height: 100%;
        color: #fff;
    }