:root {
    --theme-color0: #539165;
    --theme-color1: #0da487;    
    --theme-color-rgb: 13, 164, 135;
    --theme-color1: #0e947a;
    --theme-color1-rgb: 14, 148, 122;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%)
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link-single::before {
    content: none !important;
    padding-top: 15px;
}

.category-list {
    gap: 0;
}

.clearall a {
    color: var(--theme-color) !important;
}

.clearall::before {
    content: none !important;
}

.shop-section .show-button .filter-category ul li:before {
    content: none !important;
}

.shop-section .show-button .filter-category ul li {
    padding-right: 7px !important;
}

.invoice-table {
    margin-top: 25px
}

.invoice-table .table {
    border: 1px solid #E2E2E2
}

.invoice-table .table>:not(:first-child) {
    border-top: 1px solid #E2E2E2
}

.invoice-table .table thead tr th {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-left: 1px solid #E2E2E2;
    padding: calc(9px + (12 - 9) * ((100vw - 320px) / (1920 - 320)));
    white-space: nowrap
}

.invoice-table .table tbody tr td {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: #939393;
    border-left: 1px solid #E2E2E2;
    padding: 18px;
    white-space: nowrap
}

.invoice-table-2 {
    margin-top: 25px;
}

.invoice-table-2 .table {
    border: 1px solid #E2E2E2;
    padding: 2px;
    border-radius: 2px;
}

.invoice-table-2 .table>:not(:first-child) {
    border-top: none
}
/* 
.invoice-table-2 .table thead {
   border-radius: 5px;
}
*/
.invoice-table-2 .table thead tr th {
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    padding: 5px;
    content: none !important;
}

.invoice-table-2 .table tbody tr:nth-child(even) td {
    background-color: #F7F7F7
}
.invoice-table-2 .table tbody tr:nth-child(odd) td {
    background-color: #ffffff
}
.invoice-table-2 .table tbody tr td {
    font-weight: normal;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    color: #222;
    border-left: 1px solid #E2E2E2;
    border-bottom: none;
    padding: 9px 18px
}

.invoice-table-2 .table tbody tr td.actions {
    max-width: 75px !important;
    padding: 0px !important;
}

.invoice-table-2 .table tbody tr td .product-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.invoice-table-2 .table tbody tr td .product-option li {
    width: auto;
    white-space: nowrap
}

.breadcrumb-item:not(.active) {
    cursor: pointer;
}

.breadcrumb-item.active {
    cursor: default;
}
.cart-list {
    max-height: 350px;
    overflow-y:scroll;
    -webkit-overflow-scrolling-y: touch;
}

.btn-soft-primary {
    color: #3980c0;
    background-color: rgba(57, 128, 192, 0.1);
    border-color: transparent;
}

.btn-soft-primary:hover,
.btn-soft-primary:focus,
.btn-soft-primary:active {
    color: #fff;
    background-color: #3980c0;
}

.btn-soft-primary:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(57, 128, 192, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(57, 128, 192, 0.5);
}

.btn-soft-secondary {
    color: #74788d;
    background-color: rgba(116, 120, 141, 0.1);
    border-color: transparent;
}

.btn-soft-secondary:hover,
.btn-soft-secondary:focus,
.btn-soft-secondary:active {
    color: #fff;
    background-color: #74788d;
}

.btn-soft-secondary:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(116, 120, 141, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(116, 120, 141, 0.5);
}

.btn-soft-success {
    color: #33a186;
    background-color: rgba(51, 161, 134, 0.1);
    border-color: transparent;
}

.btn-soft-success:hover,
.btn-soft-success:focus,
.btn-soft-success:active {
    color: #fff;
    background-color: #33a186;
}

.btn-soft-success:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(51, 161, 134, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(51, 161, 134, 0.5);
}

.btn-soft-info {
    color: #4bafe1;
    background-color: rgba(75, 175, 225, 0.1);
    border-color: transparent;
}

.btn-soft-info:hover,
.btn-soft-info:focus,
.btn-soft-info:active {
    color: #fff;
    background-color: #4bafe1;
}

.btn-soft-info:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(75, 175, 225, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(75, 175, 225, 0.5);
}

.btn-soft-warning {
    color: #fc931d;
    background-color: rgba(252, 147, 29, 0.1);
    border-color: transparent;
}

.btn-soft-warning:hover,
.btn-soft-warning:focus,
.btn-soft-warning:active {
    color: #fff;
    background-color: #fc931d;
}

.btn-soft-warning:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(252, 147, 29, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(252, 147, 29, 0.5);
}

.btn-soft-danger {
    color: #fa6374;
    background-color: rgba(250, 99, 116, 0.1);
    border-color: transparent;
}

.btn-soft-danger:hover,
.btn-soft-danger:focus,
.btn-soft-danger:active {
    color: #fff;
    background-color: #fa6374;
}

.btn-soft-danger:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(250, 99, 116, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(250, 99, 116, 0.5);
}

.btn-soft-pink {
    color: #e83e8c;
    background-color: rgba(232, 62, 140, 0.1);
    border-color: transparent;
}

.btn-soft-pink:hover,
.btn-soft-pink:focus,
.btn-soft-pink:active {
    color: #fff;
    background-color: #e83e8c;
}

.btn-soft-pink:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(232, 62, 140, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(232, 62, 140, 0.5);
}

.btn-soft-light {
    color: #f5f6f8;
    background-color: rgba(245, 246, 248, 0.1);
    border-color: transparent;
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light:active {
    color: #fff;
    background-color: #f5f6f8;
}

.btn-soft-light:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(245, 246, 248, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(245, 246, 248, 0.5);
}

.btn-soft-dark {
    color: #384861;
    background-color: rgba(56, 72, 97, 0.1);
    border-color: transparent;
}

.btn-soft-dark:hover,
.btn-soft-dark:focus,
.btn-soft-dark:active {
    color: #fff;
    background-color: #384861;
}

.btn-soft-dark:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(56, 72, 97, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(56, 72, 97, 0.5);
}

.btn-soft-purple {
    color: #564ab1;
    background-color: rgba(86, 74, 177, 0.1);
    border-color: transparent;
}

.btn-soft-purple:hover,
.btn-soft-purple:focus,
.btn-soft-purple:active {
    color: #fff;
    background-color: #564ab1;
}

.btn-soft-purple:focus {
    -webkit-box-shadow: 0 0 0 0.15rem rgba(86, 74, 177, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(86, 74, 177, 0.5);
}

.btn-soft-light {
    color: #74788d;
}

.btn-soft-light:hover,
.btn-soft-light:focus,
.btn-soft-light:active {
    color: #384861;
}

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

@media (max-width: 576px) { 
    .w-xs-25 { width: 25% !important}
    .w-xs-50 { width: 50% !important}
    .w-xs-75 { width: 75% !important}
    .w-xs-100 {width: 100% !important}
    .w-xs-auto {width: auto !important}
    .h-xs-25 {height: 25% !important}
    .h-xs-50 {height: 50% !important}
    .h-xs-75 {height: 75% !important}
    .h-xs-100 {height: 100% !important}
    .h-xs-auto {height: auto !important}    
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
    .w-sm-25 { width: 25% !important}
    .w-sm-50 { width: 50% !important}
    .w-sm-75 { width: 75% !important}
    .w-sm-100 {width: 100% !important}
    .w-sm-auto {width: auto !important}
    .h-sm-25 {height: 25% !important}
    .h-sm-50 {height: 50% !important}
    .h-sm-75 {height: 75% !important}
    .h-sm-100 {height: 100% !important}
    .h-sm-auto {height: auto !important}    
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    .w-md-25 { width: 25% !important}
    .w-md-50 { width: 50% !important}
    .w-md-75 { width: 75% !important}
    .w-md-100 {width: 100% !important}
    .w-md-auto {width: auto !important}
    .h-md-25 {height: 25% !important}
    .h-md-50 {height: 50% !important}
    .h-md-75 {height: 75% !important}
    .h-md-100 {height: 100% !important}
    .h-md-auto {height: auto !important}    
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .w-lg-25 { width: 25% !important}
    .w-lg-50 { width: 50% !important}
    .w-lg-75 { width: 75% !important}
    .w-lg-100 {width: 100% !important}
    .w-lg-auto {width: auto !important}
    .h-lg-25 {height: 25% !important}
    .h-lg-50 {height: 50% !important}
    .h-lg-75 {height: 75% !important}
    .h-lg-100 {height: 100% !important}
    .h-lg-auto {height: auto !important}    
 }

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .w-xl-25 { width: 25% !important}
    .w-xl-50 { width: 50% !important}
    .w-xl-75 { width: 75% !important}
    .w-xl-100 {width: 100% !important}
    .w-xl-auto {width: auto !important}
    .h-xl-25 {height: 25% !important}
    .h-xl-50 {height: 50% !important}
    .h-xl-75 {height: 75% !important}
    .h-xl-100 {height: 100% !important}
    .h-xl-auto {height: auto !important}    
 }

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

 }