/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template/simple-sidebar)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

#main #wrapper {
    overflow-x: hidden;
    border-radius: 8px;
    padding: 6px;
    background: #fff;
    margin-bottom: 15px;
}

#sidebar-wrapper {
    min-height: 100vh;
    /*margin-left: -15rem;*/
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    color: #000;
    padding: 10px 10px 5px 10px;
}

.sidebar-heading h3 {
    font-size: 1.75rem;
    font-weight: bold;
}

#sidebar-wrapper .list-group {
    width: 100%;
}

/*#page-content-wrapper {*/
/*    min-width: 100vw;*/
/*}*/

/*#wrapper.toggled #sidebar-wrapper {*/
/*    margin-left: 0;*/
/*}*/

@media (min-width: 768px) {
    /*#sidebar-wrapper {*/
    /*    margin-left: 0;*/
    /*}*/
    /*#page-content-wrapper {*/
    /*    min-width: 0;*/
    /*    width: 100%;*/
    /*}*/
    /*#wrapper.toggled #sidebar-wrapper {*/
    /*    margin-left: -15rem;*/
    /*}*/
    .sidebar-wrap {
        display: block;
    }

    .product-category {
        border-color: #d1d1d1;
        background: #f1f0f0;
    }

    .sidebar-heading {
        background: #fff;
        color: #000;
        padding: 10px 10px 5px 10px;
    }

    .list-group ul.filter-list > * {
        border-top: 1px solid rgba(225, 220, 220, 0.25);
        border-bottom: 1px solid #d1d1d1;
        color: #000000;
    }

    .content-shop .content {
        padding-left: 10px;
    }
}

/********mine*********/
#wrapper .sidebar-wrap {
    display: block;
    color: #4b4b4b;
}

#sidebar-wrapper .sidebar {
    min-height: 425px;
    padding: 0;
}

.sidebar .product-category {
    background-color: #FFFFFF;
    border: none;
    padding-bottom: 16px;
}

.product-category .list-group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-group ul.filter-list > * {
    padding-bottom: 6px;
    margin-bottom: 2px;
    border-bottom: none;
}

.list-group ul.filter-list > * > a.inner-list-head {
    margin-bottom: 2px;
    border-bottom: none;
    font-size: 1.70rem;
    font-weight: bold;
    display: block;
    overflow: hidden;
    *overflow: visible;
    *zoom: 1;
    padding: 8px 5px 4px 7px;
    color: #000000;
    transition: all ease-in-out .3s;
}
.list-group ul.filter-list > * > a.inner-list-head:hover{
    color:#3fbbc0;

}
.filter-list .subfilter-list .subfilter-link .filter-opname {
    padding: 0 15px 2px 7px;
    color: #4b4b4b;
    line-height: 18px;
    transition: all ease-in-out .3s;
    font-weight: initial;
    font-size: 1.45rem;
}
.filter-list .subfilter-list .subfilter-link .filter-opname:hover {
    color:#3fbbc0;
}
.filter-list .subfilter-list .subfilter-link .filter-opname:hover.filter-checkinx{
    color:#3fbbc0;
}
.arrow-width {
    width: 100%;
    float: left;
}

.arrow-width .arrow-inner {
    float: right;
    margin-top: 2px;
}

.arrow-width .arrow-inner i {
    font-size: 1.80rem;
    color: #3fbbc0;
}

.content-shop .show-products {
    margin-bottom: 30px;
}

.content-shop .show-products .content-product {
    text-align: center;
    margin-bottom: 40px;
}

.content-product .image-action {
    overflow: hidden;
    margin: 1px;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    min-height: 270px;
    text-align: center;
    border: 1px solid rgba(136, 192, 0, 0.2);
}

.content-product .image-action img {
    width: 100%;
    margin: auto;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.content-product .info-product h4 {
    margin: 22px 0 10px;
    font-weight: 900;
    font-size: 1.85rem;
}

.content-product .info-product p {
    font-size: 1.40rem;
    position: relative;
    padding-bottom: 14px;
    margin: 0;
    border-bottom: 1px solid #f9f9f9;
}

.content-product .info-product p:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 60px;
    bottom: -1px;
    -webkit-transition: all linear 0.3s;
    -khtml-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    transition: all linear 0.3s;
    background: #3fbbc0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.content-product .image-action .action {
    background: #3fbbc0;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: -100%;
    transition: all ease-in-out .3s;
    left: 0;
}

.content-product.active .image-action .action, .content-product:hover .image-action .action {
    bottom: -6%;
}

.content-product.active .image-action, .content-product:hover .image-action {
    border-color: #3fbbc0;
}


.content-product .image-action {
    overflow: hidden;
    margin: 1px;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    min-height: 270px;
    text-align: center;
    border: 1px solid rgb(201, 231, 232);
    border-radius: 6px;
}

.content-product .image-action .action ul {
    display: inline-block;
    list-style: none;
    padding: 0;
}

.content-product .image-action .action ul li {
    float: left;
    margin-right: 10px;
}

.content-product .image-action .action ul li:before {
    bottom: 100%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translate(-50%, 10px);
    -moz-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}

.content-product .image-action .action ul li a {
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.content-product.active .image-action img, .content-product:hover .image-action img {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.5;
}

.content-product.active .info-product p::after, .content-product:hover .info-product p::after {
    width: 100%;
}
.sidebar .product-category .sidebar-heading h3 i{color:#3fbbc0;font-size: 2.30rem}
.content-product .action ul li .input-qty{
    width: 90px;
    height: 45px;
    text-align: center;
    background: #f5f5f5;
    color: #696969;
    border: none;
    margin-right: 10px;
    padding: 0px 10px;
}
.content-product .image-action .quantity{
    position: relative;
    z-index: 999;
    top: 70px;
    visibility: hidden;
}
.content-product .image-action .quantity h4{
    background: #f4f4f4;
    color: #3fbbc0;
    font-size: 18px;
    padding: 15px;
}
.content-product:hover .image-action .quantity{
    visibility: visible;
}
.subfilter-list ._more_option{
    color:#4b4b4b;
    font-size: 1.45rem;
    transition: all ease-in-out .3s;
}
.subfilter-list ._more_option:hover{
    color: #3fbbc0;
}

.product-category .confirm .single_button,.modal-footer .single_button, .modal-body .single_button{
    background: #3fbbc0;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    line-height: 45px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    text-transform: uppercase;
    padding: 0px 25px;
    white-space: nowrap;
    -webkit-transition: all ease-in-out 0.3s;
    -khtml-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.product-category .confirm .single_button:hover,.modal-footer .single_button:hover{
    background: #55c7cb;
}



/***********************CSS style cart***********************/
.cart-note .customer_ctrl {
    padding: 5px 0;
    margin: 5px 0;
}

.cart-note .customer_ctrl .customer_form {
    width: 90%;
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 5px;
    background: #eee;
    color: #444;
}

.cart-note .customer_ctrl .customer_form::-webkit-input-placeholder{
    color:#666;
    font-size: 15px;
}
.cart-note .customer_ctrl .customer_form:-ms-input-placeholder{
    color:#666;
    font-size: 15px;
}
.cart-note .customer_ctrl .customer_form::placeholder {
    color:#666;
    font-size: 15px;
}
.cart-note .customer_ctrl .customer_select{
    width: 90%;
    border-radius: 3px;
    border: 1px solid #eee;
    padding: 5px;
    background: #eee;
    color: #444;
}
.full_{
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.full_:hover{
    background: #ace3e6;
    color: #009095;
}
.cus_full .customer_form{width:100% !important;}
/*****************************product status css******************************/
.product_status{
    padding-top: 80px;
    margin-top: 120px;
}
.section-heading h2{
    font-size: 27px;
    font-weight: 600;
    color: #555;
    padding-bottom: 8px;
    padding-top: 30px;
}
.panel .panel-heading h3{
    font-size: 19px;
    font-weight: lighter;
}
/********************************main page css*******************************/
.intro-content .intro-image{border-radius: 5px;}
#main {
    display: block;
    margin-top: 120px;
    position: relative;
    padding-top: 80px;}
.menu_shop a{padding: 6px !important;}
.menu_shop i{
    border: 1px solid #3fbbc0;
    border-radius: 50%;
    padding: 11px;
    color: #3fbbc0;
}
/**************product css***************/
#page-content-wrapper,#brands_cate,#size_cate,#type_cate{display:none}
#wrapper .wrapper_title h3{
    font-size: 2.30rem;
    text-align: center;
    padding-top: 22px;
    color: #0e484a;
}
#content{position: relative}
#isItLoaded {
    display: none;
}
#loading{
    z-index: 9999;
    display: none;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 180px;
    background: url("../img/loading.gif") no-repeat center center;
    position: absolute;
 }
.add-to-cart i{
    padding-left: 5px;
}
/*************shop cart***************/
:root,
[data-theme="default"] {
    --color-primary-darker: hsl(220, 90%, 36%);
    --color-primary-darker-h: 220;
    --color-primary-darker-s: 90%;
    --color-primary-darker-l: 36%;
    --color-primary-dark: hsl(220, 90%, 46%);
    --color-primary-dark-h: 220;
    --color-primary-dark-s: 90%;
    --color-primary-dark-l: 46%;
    --color-primary: hsl(220, 90%, 56%);
    --color-primary-h: 220;
    --color-primary-s: 90%;
    --color-primary-l: 56%;
    --color-primary-light: hsl(220, 90%, 66%);
    --color-primary-light-h: 220;
    --color-primary-light-s: 90%;
    --color-primary-light-l: 66%;
    --color-primary-lighter: hsl(220, 90%, 76%);
    --color-primary-lighter-h: 220;
    --color-primary-lighter-s: 90%;
    --color-primary-lighter-l: 76%;
    --color-accent-darker: hsl(355, 90%, 41%);
    --color-accent-darker-h: 355;
    --color-accent-darker-s: 90%;
    --color-accent-darker-l: 41%;
    --color-accent-dark: hsl(355, 90%, 51%);
    --color-accent-dark-h: 355;
    --color-accent-dark-s: 90%;
    --color-accent-dark-l: 51%;
    --color-accent: hsl(355, 90%, 61%);
    --color-accent-h: 355;
    --color-accent-s: 90%;
    --color-accent-l: 61%;
    --color-accent-light: hsl(355, 90%, 71%);
    --color-accent-light-h: 355;
    --color-accent-light-s: 90%;
    --color-accent-light-l: 71%;
    --color-accent-lighter: hsl(355, 90%, 81%);
    --color-accent-lighter-h: 355;
    --color-accent-lighter-s: 90%;
    --color-accent-lighter-l: 81%;
    --color-black: hsl(240, 8%, 12%);
    --color-black-h: 240;
    --color-black-s: 8%;
    --color-black-l: 12%;
    --color-white: hsl(0, 0%, 100%);
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-success-darker: hsl(94, 48%, 36%);
    --color-success-darker-h: 94;
    --color-success-darker-s: 48%;
    --color-success-darker-l: 36%;
    --color-success-dark: hsl(94, 48%, 46%);
    --color-success-dark-h: 94;
    --color-success-dark-s: 48%;
    --color-success-dark-l: 46%;
    --color-success: hsl(94, 48%, 56%);
    --color-success-h: 94;
    --color-success-s: 48%;
    --color-success-l: 56%;
    --color-success-light: hsl(94, 48%, 66%);
    --color-success-light-h: 94;
    --color-success-light-s: 48%;
    --color-success-light-l: 66%;
    --color-success-lighter: hsl(94, 48%, 76%);
    --color-success-lighter-h: 94;
    --color-success-lighter-s: 48%;
    --color-success-lighter-l: 76%;
    --color-error-darker: hsl(355, 90%, 41%);
    --color-error-darker-h: 355;
    --color-error-darker-s: 90%;
    --color-error-darker-l: 41%;
    --color-error-dark: hsl(355, 90%, 51%);
    --color-error-dark-h: 355;
    --color-error-dark-s: 90%;
    --color-error-dark-l: 51%;
    --color-error: hsl(355, 90%, 61%);
    --color-error-h: 355;
    --color-error-s: 90%;
    --color-error-l: 61%;
    --color-error-light: hsl(355, 90%, 71%);
    --color-error-light-h: 355;
    --color-error-light-s: 90%;
    --color-error-light-l: 71%;
    --color-error-lighter: hsl(355, 90%, 81%);
    --color-error-lighter-h: 355;
    --color-error-lighter-s: 90%;
    --color-error-lighter-l: 81%;
    --color-warning-darker: hsl(46, 100%, 41%);
    --color-warning-darker-h: 46;
    --color-warning-darker-s: 100%;
    --color-warning-darker-l: 41%;
    --color-warning-dark: hsl(46, 100%, 51%);
    --color-warning-dark-h: 46;
    --color-warning-dark-s: 100%;
    --color-warning-dark-l: 51%;
    --color-warning: hsl(46, 100%, 61%);
    --color-warning-h: 46;
    --color-warning-s: 100%;
    --color-warning-l: 61%;
    --color-warning-light: hsl(46, 100%, 71%);
    --color-warning-light-h: 46;
    --color-warning-light-s: 100%;
    --color-warning-light-l: 71%;
    --color-warning-lighter: hsl(46, 100%, 81%);
    --color-warning-lighter-h: 46;
    --color-warning-lighter-s: 100%;
    --color-warning-lighter-l: 81%;
    --color-bg: hsl(0, 0%, 100%);
    --color-bg-h: 0;
    --color-bg-s: 0%;
    --color-bg-l: 100%;
    --color-contrast-lower: hsl(0, 0%, 95%);
    --color-contrast-lower-h: 0;
    --color-contrast-lower-s: 0%;
    --color-contrast-lower-l: 95%;
    --color-contrast-low: hsl(240, 1%, 83%);
    --color-contrast-low-h: 240;
    --color-contrast-low-s: 1%;
    --color-contrast-low-l: 83%;
    --color-contrast-medium: hsl(240, 1%, 48%);
    --color-contrast-medium-h: 240;
    --color-contrast-medium-s: 1%;
    --color-contrast-medium-l: 48%;
    --color-contrast-high: hsl(240, 4%, 20%);
    --color-contrast-high-h: 240;
    --color-contrast-high-s: 4%;
    --color-contrast-high-l: 20%;
    --color-contrast-higher: hsl(240, 8%, 12%);
    --color-contrast-higher-h: 240;
    --color-contrast-higher-s: 8%;
    --color-contrast-higher-l: 12%;
}
@supports (--css: variables) {
    @media (min-width: 64rem) {
        :root {
            --space-unit: 1.25em;
        }
    }
}
:root {
    --radius: 0.25em;
}
:root {
    --font-primary: sans-serif;
    --text-base-size: 1em;
    --text-scale-ratio: 1.2;
    --text-xs: calc(1em / var(--text-scale-ratio) / var(--text-scale-ratio));
    --text-sm: calc(var(--text-xs) * var(--text-scale-ratio));
    --text-md: calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));
    --text-lg: calc(var(--text-md) * var(--text-scale-ratio));
    --text-xl: calc(var(--text-lg) * var(--text-scale-ratio));
    --text-xxl: calc(var(--text-xl) * var(--text-scale-ratio));
    --text-xxxl: calc(var(--text-xxl) * var(--text-scale-ratio));
    --body-line-height: 1.4;
    --heading-line-height: 1.2;
    --font-primary-capital-letter: 1;
}
@supports (--css: variables) {
    @media (min-width: 64rem) {
        :root {
            --text-base-size: 1.25em;
            --text-scale-ratio: 1.25;
        }
    }
}
mark {
    background-color: hsla(355, 90%, 61%, 0.2);
    background-color: hsla(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l), 0.2);
    color: inherit;
}
.text-component {
    --line-height-multiplier: 1;
    --text-vspace-multiplier: 1;
}
:root {
    --cd-color-1: hsl(210, 31%, 24%);
    --cd-color-1-h: 210;
    --cd-color-1-s: 31%;
    --cd-color-1-l: 24%;
    --cd-color-2: hsl(204, 73%, 52%);
    --cd-color-2-h: 204;
    --cd-color-2-s: 73%;
    --cd-color-2-l: 52%;
    --cd-color-3: hsl(0, 0%, 100%);
    --cd-color-3-h: 0;
    --cd-color-3-s: 0%;
    --cd-color-3-l: 100%;
    --cd-color-4: hsl(192, 15%, 94%);
    --cd-color-4-h: 192;
    --cd-color-4-s: 15%;
    --cd-color-4-l: 94%;
    --cd-color-5: hsl(7, 80%, 56%);
    --cd-color-5-h: 7;
    --cd-color-5-s: 80%;
    --cd-color-5-l: 56%;
    --font-primary: "Source Sans Pro", sans-serif;
}
.cd-cart__trigger {
    z-index: 3;
    height: 72px;
    width: 72px;
    overflow: visible;

}
#checkCart{
    display: none;
    transition: -webkit-transform 0.2s 0s;
    transition: transform 0.2s 0s;
    transition: transform 0.2s 0s, -webkit-transform 0.2s 0s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
}
.cd-cart__trigger, .cd-cart__content {
    bottom: 40px;
}
.cd-cart__trigger, .cd-cart__content {
    position: relative;
    top: 30px;
    /*right: 0;*/
    left: 100%;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
}
.cd-cart__trigger::after, .cd-cart__trigger::before {

    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 100%;
    width: 100%;
    background: url(../img/cd-icons-cart-close.svg) no-repeat 0 0;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;

}
.cd-cart__trigger::after, .cd-cart__trigger::before {

    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 100%;
    width: 100%;
    background: url(../img/cd-icons-cart-close.svg) no-repeat 0 0;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;

}
.text-replace {

    color: transparent;
    text-indent: 100%;
    white-space: nowrap;

}
.cd-cart__count {
    position: absolute;
    top: -10px;
    right: -10px;
    height: 38px;
    width: 28px;
    background: #e94a35;
    background: var(--cd-color-5);
    color: #fff;
    color: var(--cd-color-3);
    font-size: .83333em;
    font-size: var(--text-sm);
    font-weight: 700;
    border-radius: 50%;
    text-indent: 0;
    transition: -webkit-transform .2s .5s;
    transition: transform .2s .5s;
    transition: transform .2s .5s,-webkit-transform .2s .5s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.cd-cart__trigger::after {
    background-position: -72px 0;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.cd-cart__trigger::after, .cd-cart__trigger::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 100%;
    width: 100%;
    background: url(../img/cd-icons-cart-close.svg) no-repeat 0 0;
    background-position-x: 0px;
    background-position-y: 0px;
    transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s;
    transition: opacity .2s,transform .2s,-webkit-transform .2s;
}
.cd-cart__count li {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    list-style: none;
}
.cd-cart__count {
    color: #fff;
    color: var(--cd-color-3);
    font-size: .83333em;
    font-size: var(--text-sm);
    font-weight: 700;
    text-indent: 0;
}
#shop_pop .cd-cart__details{text-align: center}
#shop_pop .cd-cart__details .input-qty{margin-right: 10px}
.cd-cart__details .input-qty{
    text-align: center;
    color: #222222;
    background: #f5f5f5;
    height: 31px;
    width: 90px;
    padding: 0px;
    border: none;
}
.cd-cart__details h3{
    font-weight: bolder;
    padding: 6px 28px;
    font-size: 15px;
}
.cd-cart__details .remove{
    display: inline-block;
    width: 29px;
    height: 28px;
    background: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    text-align: center;
    color: #d0021b;
}
.shopItemBottom{
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding: 0;
}
.modal-body {
    max-height: calc(100vh - 310px);
    overflow-y: auto;
}
.modal-open {
    overflow: hidden;
    /*overflow-y: scroll;*/
    /*padding-right: 0 !important;*/
}
.inner-header-modal > div,.header-div{
    padding: 0;
}
.inner-header-modal{
    margin:15px 0;
}
.inner-header-modal .truncate{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #f06f5e;

}
.inner-header-modal:after{
    content: "";
    position: absolute;
    border-bottom: 1px dashed #9fa6a6;
    right: 0;
    left: auto;
    width: 100%;
    top: 45px;
}
/*******************status*********************/
#user_order_list .cart-table{
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
#user_order_list .cart-table thead th{
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    color: #999;
    text-align: center;
    padding: 18px;
    background: #17595b;
}
#user_order_list .cart-table thead th span {
    font-size: 15px;
    color: #fff;
    font-weight: bolder;
    text-transform: capitalize;
    position: relative;
}
#user_order_list .cart-table tbody td {
    padding: 17px 28px;
    color: #17595b;
    font-size: 15px;
}
#user_order_list .cart-table .cart_item {
    border-bottom: 1px solid #eee;
    text-align: center;
}
#user_order_list .cart-table .cart_item:nth-child(even){
    background: #f3feff;
}
#user_order_list .cart-table .cart_item:hover{
    background:#f9fdf2;
}
.btn_delete{margin: 0 10px}

/****************************************/
.footer_middle i,.footer_address i{
    color:#17595b
}


.widget .footer_header{
    font-size: 18px;
    padding-bottom: 15px;
    color: #555;
}
.footer_middle ul li, #footer p{font-size: 15px}
#footer{border-top:2px solid #3fbbc0;color:#17595b}
#footer li a{
    color:#17595b
}
.navbar-custom ul.nav ul.dropdown-menu li a:hover{
    color: #fff !important;
    background: #4fbad2;
}
.qty_en{
    padding-right:5px
}
