@import "../../infra/font-lato-setup.less";
@import "../../infra/percentage-circle";
//@import "../product/seller-stats.less";

@show-seller-profile: true;
@white: #fff;
@primary: #004b91;
@primaryHover: lighten(@primary, 10%);
@success: #06bb06;
@successHover: lighten(@success, 10%);
@default: #efefef;
@defaultHover: darken(@default, 5%);
@danger: #b60000;
@dangerHover: lighten(@danger, 10%);
@pink: #d31c5c;
@pinkHover: lighten(@pink, 10%);
@lightblue: #24b1e6;
@lightblueHover: lighten(@lightblue, 10%);
@bluegreen: #00bb9f;
@bluegreenHover: lighten(@bluegreen, 10%);
@fire-red: #EF412D;
@offer-freeshipping: #ff4500;
@offer-amountoff: #1968b3;
@offer-percentoff: #fcaf17;

.basic-transition-2 {
    -o-transition: .2s;
    -ms-transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    transition: .2s;
}

.basic-transition-4 {
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
}

body {
    font-family: 'Lato', sans-serif;
}

.ll-store-front-container {
    .star-layout {
        .star {
            width: 75px;
            position: relative;
            color: #bdbdbd;
        }

        .rating {
            color: #ffdf00;
            -webkit-text-stroke-width: 0.5px;
            -webkit-text-stroke-color: #ffdf00;
            overflow: hidden;
            white-space: nowrap;

            span {
                font-size: 15px;
                white-space: nowrap;
                overflow: hidden;
                color: #ffb300;
                letter-spacing: 3px;

                &:before {
                    content: "\2606\2606\2606\2606\2606";
                    position: absolute;
                    color: #bdbdbd;
                    z-index: -1;
                }
            }
        }
    }

    .btn {
        border-radius: 5px !important;
        .basic-transition-4;

        &:hover, &:active, &:focus, &.active {
            .basic-transition-4;
            outline: none !important;
        }

        &-pink {
            background: @pink;
            border-color: @pink;
            color: @white;

            &:hover, &:active, &:focus, &.active {
                background: @pinkHover;
                border-color: @pinkHover !important;
            }
        }

        &-lightblue {
            background: @lightblue;
            border-color: @lightblue;
            color: @white;

            &:hover, &:active, &:focus, &.active {
                background: @lightblueHover;
                border-color: @lightblueHover !important;
            }
        }

        &-bluegreen {
            background: @bluegreen;
            border-color: @bluegreen;
            color: @white;

            &:hover, &:active, &:focus, &.active {
                background: @bluegreenHover;
                border-color: @bluegreenHover !important;
            }
        }
    }

    .dropdown-menu li a {
        white-space: normal !important;
        padding-top: 7px;
        padding-bottom: 7px;
        color: #333;
        background: #fff;
        .basic-transition-2;
        font-size: 13px;

        &:hover {
            color: #fff;
            background: #333;
            .basic-transition-2;
        }
    }

    #breadcrumbs_bg {
        width: 100%;
    }

    .breadcrumb {
        background: none;
        font-size: 14px;
        color: #000000;
        margin-bottom: 0px;
        padding: 0;

        & li a {
            color: #000000 !important;
        }

        & li:first-child {
            padding-left: 0px;
        }

        & li:nth-last-child(1) a {
            font-weight: bold;
        }

        & > li + li:before {
            content: ">";
            color: #000000;
        }
    }
}

.no-border {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

#store_category .active-cat .content {
    display: block;
}

.ll-h1 {
    text-align: center;
    margin-top: 5%;
}

.ll-image-FeatureBrand {
    width: 100%;
    /*height:15%;*/
}

.ll-image-Highlights-Big {
    width: 100%;
    /*height:42%;*/
}

.ll-image-Highlights-Small {
    width: 100%;
    /*height:20%;*/
}

.ll-image-TopCategories {
    width: 100%;
    /*height:25%;*/
}

.ll-button {
    border-radius: 4px;
    width: auto;
    height: 4%;
    background: #d31c5c;
    border-color: #d31c5c;
    cursor: pointer;
    font-size: 16px;
}

.ll-top {
    .basic-transition-2
}

.ll-top-bar {
    background-color: #333;
    font-size: 14px;
}

.ll-top-bar-item {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ll-top-bar-item span {
    margin-right: 30px;
}

.ll-top-bar-item i {
    background: white;
    color: #333;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 100px;
    line-height: 20px;
}

.ll-top-bar .col-xs-6 {
    background: #333;
}

.vertical-center {
    display: flex;
    align-items: center;
}

.vertical-start {
    display: flex;
    align-items: flex-start;
}

.ll-search-bar {
    background: #ebebeb;
}

.ll-search-bar .container {
    padding-top: 30px;
    padding-bottom: 10px;
    .basic-transition-2
}

.ll-search-sticky {
    padding-top: 20px !important;
}

.ll-search-bar-item .input-group {
    width: 105%;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

.ll-search-bar-item i {
    color: #333;
    cursor: pointer;
}

.ll-search-bar-title {
    font-size: 20px;
    font-weight: 600;
}

.ll-search-bar-kw span {
    font-size: 12px;
    color: #666;
    margin-right: 15px;
    .basic-transition-2
}

.ll-search-bar-kw span:hover {
    color: #24b1e6 !important;
    .basic-transition-2
}

.ll-search-btn {
    background: #d31c5c;
    border-color: #d31c5c;
    cursor: pointer;
}

.ll-search-btn i {
    color: #fff;
}

.ll-side-option {
    padding-bottom: 10px !important;
}

.dropdown:hover #dropdownmenu {
    display: block;
}

#dropdownmenu {
    top: 30px;
    margin: 0 !important;
}

#dropdownmenu li {
    border-radius: 0px;
}

#dropdownmenu li a {
    padding: 10px 20px;
}

#dropdownmenu .dropdown-header {
    padding: 10px 20px;
    background: #24b1e6;
    color: #fff;
}

#dropdownmenu {
    padding: 0 !important;
}

.ll-cart-count {
    position: absolute;
    background: #00bb9f;
    color: #fff;
    border-radius: 50px;
    font-size: 10px;
    padding: 5px;
    top: -10px;
    right: -10px;
    font-family: 'Lato', sans-serif;
    min-width: 20px;
    min-height: 20px;
    text-align: center;
}

.ll-user-online-indicator {
    background: #00bb9f;
    min-width: 10px;
    min-height: 10px;
    position: absolute;
    border-radius: 50px;
    bottom: 10px;
    right: -5px;
}

.ll-cat-dropdown a {
    padding: 10px 20px;
}

.ll-nav {
    background: #ebebeb;
}

.ll-menu-nav .dropdown-toggle:hover {
    background: #24b1e6;
    color: #fff;
    .basic-transition-2;
}

.ll-cat-dropdown:hover .ll-cat-nav {
    display: block;
    border-radius: 0px;
}

.ll-cat-dropdown .dropdown-menu {
    margin: 0px !important;
    padding: 0px !important;
}

.ll-sub-cat-dropdown:hover .dropdown-menu {
    display: block;
}

#lm-cat-first-left {
    background: #24b1e6;
    color: #fff;
    .basic-transition-2;
}

.ll-cat-dropdown {
    min-width: 250px;
}

.ll-sub-cat-block {
    padding-bottom: 15px;
    min-height: 180px
}

.ll-mega-menu-a {
    display: block;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.ll-sub-cat-img {
    height: 50%;
    padding-bottom: 15px;
}

.ll-sub-cat-img img {
    width: 100%;
}

.ll-sub-cat-title {
    font-size: 18px;
    padding: 5px 0;
    border-bottom: 1px solid #ebebeb;
}

.ll-sub-cat {
    font-size: 13px;
    padding: 2px 0;
    .basic-transition-2;
}

.ll-sub-cat:hover {
    color: #24b1e6;
    .basic-transition-2;
}

.ll-menu-nav a {
    color: #333;
}

.ll-menu-nav {
    border-radius: 0px;
    margin: 0 !important;
    min-width: 1140px;
}

.ll-menu-nav li a {
    border-radius: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.ll-cat-nav {
    border: none !important;
    min-width: 250px;
    border-radius: 0px;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.25);
}

.ll-cat-nav li {
    position: initial;
}

.ll-cat-nav li a {
    color: #555;
    padding-left: 10px;
}

.ll-cat-nav li a div {
    display: inline-block;
    vertical-align: middle;
}

.ll-cat-nav:hover .ll-menu-nav .dropdown-toggle {
    background: #222223;
}

.ll-cat-nav .ll-cat-img {
    width: 25px;
    height: 25px;
}

.ll-main {
    float: left !important;
}

.ll-menu-nav .ll-main:hover .ll-main-a {
    background: #24b1e6;
    color: #fff;
    .basic-transition-2;
}

.ll-sticky {
    position: fixed;
    z-index: 9999;
    top: 0px;
}

.ll-footer-title {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 20px;
    text-align: center;
}

.ll-footer-note {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #fff;
}

.ll-footer-note {
    padding-left: 30px;
    padding-right: 30px;
}

.ll-footer-note-header {
    font-weight: 600;
    color: #333;
    font-size: 20px;
}

.ll-footer-note-p {
    color: #666;
    font-size: 13px;
}

.ll-footer-note img {
    height: 50px;
    width: 50px;
    border-radius: 50px;
}

.ll-payment-logo {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.ll-footer-notes .col-xs-9 {
    padding-left: 0px;
}

.ll-footer-subscribe {
    background: #000;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ll-footer-subscribe-header {
    font-size: 14px;
    color: #fff;
    padding-bottom: 10px;
}

.ll-footer-subscribe-note {
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
}

.ll-footer-subscribe-item {
    margin-left: 20px;
    font-size: 20px;
    color: #fff;
}

.ll-footer-subscribe-item i {
    font-size: 30px;
}

.ll-footer-subscribe-input {
    height: 45px;
}

.ll-footer-subscribe-span {
    border: none;
    border-radius: 0px;
    color: #fff;
    background: #d31c5c;
    padding: 0 !important;
}

.ll-footer-subscribe-span input:active,
.ll-footer-subscribe-span input:focus {
    outline: none;
    box-shadow: none;
}

.ll-footer-subscribe-btn {
    width: 100%;
    background: none;
    border: none;
    padding-left: 40px;
    padding-right: 40px;
}

.ll-footer-story {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}

.ll-footer-story-header {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.ll-footer-story-note {
    font-size: 12px;
    color: #666;
}

.ll-footer-affiliates {
    background: #000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ll-footer-affiliates a {
    color: #fff;
}

.ll-store-banner-container {
    text-align: center;
}

.ll-store-banner-logo-container {
    text-align: left;
}

.ll-store-banner {
    width: 100%;
}

.ll-store-menu-nav .ll-store-menu-main:hover .ll-store-menu-main-a {
    background: #eee;
    color: #333;
    .basic-transition-4;
}

.ll-store-menu-nav {
    width: 1200px;
    margin: 0 !important;

    &.menunav-proxy {
        background: #f2f2f2;

        .ll-store-menu-main-a {
            background: #f2f2f2 !important;
            font-weight: bold;

            &:hover {
                background: #ddd !important;
            }
        }
    }
}

.ll-store-menu-main {
    float: left !important;
}

.ll-store-menu-main-a {
    color: #333;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ll-store-all-cat {
    min-width: 200px;
}

.ll-store-all-cat .dropdown-menu {
    width: 200px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0px;
}

.ll-store-all-cat:hover .dropdown-menu-1 {
    display: block;
}

.ll-store-guide {
    min-width: 150px;
}

.ll-store-guide .dropdown-menu {
    width: 150px;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0px;
}

.ll-store-guide .dropdown-menu li a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.ll-store-guide:hover .dropdown-menu {
    display: block;
    border-radius: 0px;
}

.ll-store-header {
    width: 100%;
    min-height: 130px;
    padding: 0px;
}

.ll-store-search {
    width: 50%;
    padding: 3px;
}

.ll-store-search input {
    box-shadow: none !important;
}

.ll-store-search-btn {
    color: #333;
    background: #fff;
    cursor: pointer;
}

.ll-store-search-btn button:focus,
.ll-store-search-btn button:active {
    outline: none !important;
    box-shadow: none !important;
}

.ll-breadcrumb {
    background: none !important;
    padding: 0;
    margin: 0;
}

.ll-sidebar-box {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.ll-sidebar-title {
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 15px;
}

.ll-sidebar-a {
    font-size: 13px;
    color: #333;
}

.ll-store-cat-toggle {
    width: 15px;
    min-height: 1px;
}

.ll-store-cat-toggle i {
    font-size: 13px;
    cursor: pointer;
    .basic-transition-4
}

.ll-store-cat-toggle i:hover {
    color: #24b1e6;
    .basic-transition-4
}

.ll-store-cat-content {
    list-style-type: none !important;
    padding-left: 15px;
    margin-bottom: 0px;
    .basic-transition-2;
}

.ll-store-cat .content {
    border-bottom: none !important;
    display: none;
    border: none;
}

.ll-store-menu-cat-dropdown:hover .dropdown-menu-2 {
    display: block;
}

.ll-store-menu-cat-dropdown a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.dropdown-menu-2 {
    left: 200px !important;
    top: 0px !important;
}

.ll-slider-price {
    margin-left: 7px;
    margin-right: 7px;
}

.ll-side-search {
    color: #fff;
    border-color: #d31c5c;
    background: #d31c5c;
}

.ll-side-search:hover {
    color: #fff;
    background: #a91a4c;
}

.ll-store-prods .item4inline {
    margin: 0px !important;
}

.ll-store-prods .list-view {
    margin-top: 10px;
    margin-left: 15px;
}

.ll-store-prods .list-view .item {
    margin: 0px !important;
}

.ll-store-prods .light-theme a {
    font-size: 14px !important;
}

.ll-store-prods .light-theme .current {
    font-size: 14px !important;
}

.ll-store-prods .ll-store-prods-pagination {
    margin: 0 !important;
    padding: 10px;
    text-align: right;
}

.ll-store-prods .item4inline .catalog-iWrap {
    margin-left: 7px;
}

.ll-sidebar-box-cat .ll-store-component .title {
    padding-bottom: 5px;
    border: none;
    background: none;
    padding-left: 0px;
    font-weight: normal;
    font-family: unset;
}

.ll-store-sort ul {
    border: none;
    margin: 0px;
    padding: 0px;
}

.ll-store-sort ul li a {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.ll-store-sort .btn-default span {
    padding: 2px 0;
}

.ll-prod-view {
    width: 150px;
    text-align: right;
}

.ll-prod-view i {
    font-size: 20px;
}

.ll-prod-view i:focus,
.ll-prod-view i:active {
    outline: none !important;
    box-shadow: none !important;
}

.ll-prod-view button:focus,
.ll-prod-view button:active {
    outline: none !important;
    box-shadow: none !important;
}

.ll-store-sort button:focus,
.ll-store-sort button:active {
    outline: none !important;
    box-shadow: none !important;
}

.ll-store-title {
    font-size: 24px;
    width: 450px;
    font-weight: 700;
    padding-top: 0;
    padding-left: 0;
}

.ll-store-title-row {
    padding-bottom: 15px;
    /*border-bottom: 1px solid #ebebeb;*/
    /*margin-bottom: 15px;*/
}

#payment_methods_blk, #payment_notification_blk {
    display: inline-block;
    width: 900px;
    clear: both;
}

#payment_methods_blk div {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

#payment_info_blk {
    .basic-transition-2;
}

.ll-store-view {
    color: #ddd;
}

.ll-store-view-active {
    color: #333 !important;
}

.ll-subscribe-message {
    color: #fff;
    display: none;
}

#slider-1 .slick-next:before {
    content: '\f105' !important;
}

#slider-1 .slick-prev:before {
    content: '\f104' !important;
}

#slider-1 .slick-prev:before,
#slider-1 .slick-next:before {
    font-family: 'FontAwesome' !important;
    opacity: .7 !important;
    color: #666 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 0px 5px 7px #333 !important;
    font-size: 80px !important;
    .basic-transition-4;
}

#slider-1 .slick-next {
    right: 10px;
    z-index: 99;
}

#slider-1 .slick-prev {
    left: 10px;
    z-index: 99;
}

#slider-1 .slick-next,
#slider-1 .slick-prev {
    width: auto !important;
    height: auto !important;
}

.ll-seller-star {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    left: 40px;
}

.ll-store-rating {
    display: inline-block;
    vertical-align: middle;
}

.ll-store-rating-txt {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.ll-store-title-txt {
    color: black;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    padding-left: 10px;
    font-size: 25px;
}

.ll-seller-rating-percentage {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.ll-store-front-container .facetchild-child {
    padding-bottom: 10px;
}
/** Official Store **/
.ll-officialstore-banner img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}
/* lelong store front */
.ll-theme-layout-sd {
    width: 100%;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0,0,0,.1);
    .basic-transition-4;
}

.tpl-warning-disabled-box {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .4;
    .basic-transition-4;
}

.tpl-modal .modal-content {
    border-radius: 0px;
}

.tpl-modal .modal-header {
    background: #004b91;
    color: #fff;
    border-bottom: none;
}

.ll-store-front .close {
    opacity: 1;
    color: #fff;
}

.ll-store-front .btn {
    .basic-transition-4;
}

.ll-store-front .btn:hover {
    .basic-transition-4;
}

.ll-store-front .btn-default {
    background: #efefef;
    border-color: #efefef;
}

.ll-store-front .btn-primary {
    background: #004b91;
    border-color: #004b91;
}

.ll-store-front .btn-primary:hover {
    background: #0076e4;
    border-color: #0076e4;
}

.ll-store-front .btn-default:hover {
    background: #ddd;
    border-color: #ddd;
}

.ll-store-front .modal-footer {
    border-top: none;
}

.ll-store-front .dropdown-menu {
    border: 1px solid rgba(0,0,0,.05);
}

.ll-store-front ul li a {
    .basic-transition-4;
}

.ll-store-front ul li a:hover {
    .basic-transition-4;
}

.menunav-proxy {
    .ll-store-menu-main {
        
        &:hover {
            background: #ddd;
        }
    }
}

.ll-store-prods .overlay-block a:hover i {
    color: #fff;
}

.ll-sf {
    .swiper-button-prev,
    .swiper-button-next {
        color: #fff;
        background-image: none !important;
        text-align: center;
        top: 45%;
        width: 70px;
    }

    .swiper-button-prev i,
    .swiper-button-next i {
        font-size: 70px;
        width: 70px;
        height: 100px;
        text-shadow: 3px 3px 15px #000;
        opacity: .6;
        .basic-transition-2;
    }

    .swiper-button-prev i:hover,
    .swiper-button-next i:hover {
        font-size: 70px;
        width: 70px;
        height: 100px;
        text-shadow: 3px 3px 15px #000;
        opacity: 1;
        .basic-transition-2;
    }

    .swiper-pagination-bullet-active {
        background: #fff;
    }

    .prods {
        .basic-transition-2;

        &:hover {
            box-shadow: 0 0px 5px 0px rgba(0, 0, 0, .4);
            .basic-transition-2;

            & .prod-bot-row {
                opacity: 1;
                .basic-transition-2;
            }
        }
    }

    .prod-bot-row {
        opacity: 0;
        .basic-transition-2;
    }
}

.visa-small, .mastercard-small, .maybank2u-small, .cimbclicks-small, .hongleong-small, .publicbank-small {
    display: inline-block;
    background-image: url(/res/css/images/spritebox-sprite.png);
    background-repeat: no-repeat
}

.visa-small {
    background-position: -0px -0px;
    height: 24px;
    width: 62px
}

.mastercard-small {
    background-position: -68px -0px;
    height: 24px;
    width: 62px
}

.maybank2u-small {
    background-position: -136px -0px;
    height: 24.2px;
    width: 62px
}

.cimbclicks-small {
    background-position: -203.2px -0px;
    height: 24px;
    width: 62px
}

.hongleong-small {
    background-position: -271px -0px;
    height: 24.2px;
    width: 62px
}

.publicbank-small {
    background-position: -338.4px -0px;
    height: 24px;
    width: 62.2px
}

.ll-footer-link li {
    padding: 5px 0;
}

.ll-footer-partner a {
    color: #fff;
}

.ll-store-component {
    padding-top: 3px;
    padding-bottom: 3px;
}

.ll-store-component i {
    font-size: 14px;
    padding-right: 8px;
    top: 0px;
    font-family: none;
}

//replace seller-stats.less into below, due to the cache server does not take effect if using LESS import even update numberic.
.seller-extra-info {
    clear: both;
    border: 3px solid #f1f1f1;
    height: 118px;
    padding: 7px 0;

    & when (@show-seller-profile = true) {
        height: 80px;
        padding: 5px 0;
    }

    .small-section {
        width: 25%;

        & when (@show-seller-profile = true) {
            /*width: 15%;*/
            text-align: center;
        }

        float: left;
        border-right: 1px solid #d3d3d3;
        margin: 0 auto;

        &:last-child {
            border-right: 0;
        }

        .section-detail {
            padding-top: 26px;
            padding-left: 42px;
            height: 100px;

            &.resp-time {
                padding-top: 18px;
            }

            & when (@show-seller-profile = true) {
                padding-top: 0;
                padding-left: 0;
                height: 70px;
            }

            .l20r-03 {
                & when (@show-seller-profile = true) {
                    font-size: 15px !important;
                }
            }

            .no-response-rate {
                margin-top: -8px;
            }

            .section-label {
                .l16r-01;
                float: left;
                width: 82px;

                & when (@show-seller-profile = true) {
                    width: 100%;
                    font-size: 15px;
                }

                i {
                    font-size: 12px;
                }

                .popover-content {
                    color: @black;
                    font-size: 13px;
                    padding: 0;

                    .pop-table {
                        border-collapse: collapse;
                        width: 100%;

                        td, th {
                            text-align: left;
                            width: 50%;
                            vertical-align: top;
                            padding: 2px;
                        }

                        tr:nth-child(-n+3) {
                            border-bottom: 1px solid #dddddd;
                        }

                        th:nth-child(1) {
                            border-right: 1px solid #dddddd;
                        }

                        td:nth-child(1) {
                            border-right: 1px solid #dddddd;
                        }
                    }

                    .tooltip-row {
                        padding: 0 10px;
                        float: left;
                        border-bottom: 1px solid #d3d3d3;
                        clear: both;

                        &:last-child {
                            border-bottom: none;
                        }

                        .tooltip-label {
                            width: 130px;
                            display: inline-block;
                            border-right: 1px solid #d3d3d3;
                            float: left;
                            padding-right: 5px
                        }

                        .tooltip-val {
                            width: 95px;
                            padding-left: 5px;
                            float: left;
                        }
                    }
                }

                #chat-tooltip {
                    .tooltip-label {
                        width: 140px;
                    }

                    .tooltip-val {
                        width: 105px;
                    }
                }
            }

            .section-value {
                float: left;
                width: 85px;
                padding-top: 5px;
                text-align: center;

                & when (@show-seller-profile = true) {
                    width: 100%;
                    padding: 5px;
                }

                &.percentage-circle {
                    margin-top: -14px;
                    padding-left: 10px;

                    & when (@show-seller-profile = true) {
                        margin-top: -6px;
                        padding-left: 65px;
                    }

                    .c100 {
                        & when (@show-seller-profile = true) {
                            font-size: 50px !important;
                        }
                    }
                }

                &#total-product {
                    padding-top: 0;
                }

                #view-products {
                    font-size: 11px;
                    text-decoration: underline;

                    a {
                        color: #A3A3A3;
                    }
                }
            }

            .resp-time-val {
                margin-top: 3px;
                font-size: 17px;

                &.one-word {
                    margin-top: 14px;
                }

                & when (@show-seller-profile = true) {
                    margin-top: 0;
                }
            }
        }
    }

    .profile-section {
        float: left;
        width: 25%;
        padding-left: 15px;
        border-right: 1px solid #d3d3d3;
        height: 96px;

        & when (@show-seller-profile = true) {
                   height: 70px;
                }

        .profile-desc {
            color: #aaa;
            font-size: 10px;
        }

        .profile-star-seller {
            margin-bottom: 2px;
        }

        .profile-rating {
            .ll-store-rating-txt {
                color: #333 !important;
                text-shadow: none !important;
            }
        }
    }

    .large-section {
        padding-left: 20px;
        padding-right: 20px;
        float: left;
        width: 20%;
        padding-bottom: 5px;

        .last-active {
            .l13r-06;
            margin-bottom: 5px;
            height: 14px;
            visibility: hidden;
            clear: both;
            width: 100%;
            font-size: 11px;
            text-align: center;

            & when (@show-seller-profile = true) {
                height: 5px;
                width: 100%;
            }
        }

        .extra-info-btn {
            cursor: pointer;
            width: 100%;
            margin-right: 10px;
            float: left;
            padding: 8px;
            border-radius: 5px;
            color: @white;
            text-align: center;
            .l14r-09;
            height: 33px;

            a {
                color: @white;
            }

            &:nth-child(2) {
                background-color: @dark-blue;
                margin-bottom: 10px;
            }

            &:last-child {
                background-color: @fire-red;
            }

            i {
                padding-right: 5px;
                font-size: 11px;

                &.fa-comments {
                    font-size: 16px;
                    margin-right: 4px;
                }
            }
        }
    }
}

#sidebar_payment_container {
    padding-right: 5px;

    #payment_blk {
        margin: 0px auto;

        #payment_icons_blk {
            .main-img {
                img {
                    margin-bottom: 5px;
                    max-width: 53px;
                    border: 1px solid #efefef;
                }
            }
        }

        .popover {
            max-width: 300px;

            .arrow {
                left: 33% !important;
            }

            .popover-content {
                /*width: 300px;*/
                padding: 0;

                .hover-img {
                    max-width: 100%;
                }
            }
        }
    }
}

.coupon-cat {
    padding: 10px;

    .coupon-frame {
        color: #ffffff;
        padding: 5px;
        height: 100%;

        .offer-title {
            font-weight: bold;
            font-size: 15px;
            margin-bottom: 3px;
            display: inline-block;
            padding: 0px 5px;
        }

        .offer-body {
            background: @white;
            color: @black;
            padding: 0px 5px;
            min-height: 90px;
        }

        .copy-icon {
            display: inline-block;
            margin-left: 5px;
            vertical-align: 1px;

            .fa-copy {
                cursor: pointer;
                color: @white;

                &:before {
                    font-size: 15px;
                }
            }
        }

        &.coupon-color- {
            &freeship {
                background: @offer-freeshipping;
            }

            &cashrebate {
                background: @offer-amountoff;
            }

            &discount {
                background: @offer-percentoff;
            }
        }
    }
}

#copyTooltip {
    background-color: @white;
    font-size: 12px;
    padding: 2px;
    border: 1px solid #838383;
    position: absolute;
    color: @black;
}

#navtop-containerProd-proxy {

    .ll-store-search {
        border:1px solid #e3e3e3;
        padding:0px;
        margin-top:3px;

        input{
            height:30px;
        }
    }
}

kbd{
    background-color:transparent;
    color:inherit;
    box-shadow:none;
}