
:root {
    --white: #fff;
    --header: #ffffff;
    --side-bar: #2e3841;
    --sidemenu-color: #dce0f7;
    --side-sub-menu-bg: #181e25;
    --primary: #cd8800 !important;
    --second-primary: #ffaa01;
    --second-color: #fea400;
    --second-dark: #ffaa01;
    --card-radius: 0px;
    --card-radius-product: 0px;
    --card-radius-second: 0px;
    --card-bg: #ffffff;
    --card-border: 2px solid #f1f1f1;
    --card-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    --btn-border-radius: 30px;
    --primary-light: #001047;
    --table-odd: #f5f5f5;
    --table-even: #ffffff;
    --table-text: #2e3841;
    --table-th: #f9a61a;
    --table-th-border: #ffffff;
    --table-th-color: #ffffff;
    --table-border: #c7c7c7;
    --scroller-bg: #dcdcdc;
    --scroller-box: #aaaaaa;
    --text-color-black: #2e3841;
    --header-bg: #ffffff;
    --header-link-bg: linear-gradient(to left, #FFC107, #ffa500);
    --heading-color: #2e3841;
    --product-card-bg: #f5f5f5;
    --product-card-border: 2px solid #f8f8f8;
    --button-color: #F7A840;
    --quick-view-color: #2e3841;
    --product-tab-content-bg: #f0f0f0;
    --product-tab-border: 2px solid #f8f8f8;
    --product-tab-card-radius: 0px;
    --tab-border-radius: 0px;
    --button-border-radius: 0px;
    --second-card-border: 2px solid #f1f1f1;
    --billing-address-bg: #e1e1e1;
    --billing-address-border: 2px solid #f1f1f1;
    --shipping-method-border: 2px solid #f1f1f1;
    --shipping-method-bg: #f0f0f0;
    --footer-bottom: #2e3841;
    --footer-top: #f1f1f1;
    --sub-head-bg: #f0f0f0;
    --sub-head-color: #1a1a1a;
    --sub-head-borderRadius: 0px;
    --btn-primary: linear-gradient(145deg, rgba(222,119,27,1) 0%, rgba(250,167,27,1) 100%);
    --btn-primary-color: #fff;
    --btn-primary-border: 2px solid #ef941b;
    --btn-primary-hover: #f9a61a;
    --btn-gradient: linear-gradient(145deg, rgba(222,119,27,1) 0%, rgba(250,167,27,1) 100%);
    --btn-secondary: #868786;
    --form-label-color: #2e3841;
    --accordion-head-bg: linear-gradient(to left, #FFC107, #ffa500);
    --accordion-head-color: #fff;
    --accordion-head-icon: #fafafa;
    --quick-view-color: #fff;
    --quick-view-card-detail: #ffffff;
    --quick-view-card-head: #de771b;
    --quick-view-card-head-color: #ffffff;
    --side-menu-icon: #fafafa;
    --primary-gradient: linear-gradient(145deg, rgba(222,119,27,1) 0%, rgba(250,167,27,1) 100%);
    --button-primary-color: #ffffff;
}
/*=======Header & Menu Style=======*/

body {
    font-family: 'Poppins', sans-serif !important;
}

    body.materialdesign {
        background-color: #ffffff;
        height: auto;
        min-height: 100vh;
    }

.shadow-reset {
    box-shadow: none !important;
}

.header-top-area {
    height: 80px;
}

.materialdesign .fixed-header-top {
    padding: 10px;
    background: var(--header);
}

.navbar-btn i {
    color: var(--text-color-black) !important;
}

.materialdesign #sidebar {
    background-image: url(../img/sidebar.jpg) !important;
    background-color: var(--side-bar) !important;
    border: 0px;
}

.materialdesign .sidebar-header h3 {
    color: var(--white) !important;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li, active {
    border-bottom: 0px;
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    color: var(--sidemenu-color) !important;
}

.left-sidebar-menu-pro a i {
    color: var(--side-menu-icon);
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a {
    font-weight: 400;
        padding: 12px 10px;
    font-size: 12px;
}

#faIconStyle {
    font-size: 15px !important;
    padding-right: 15px !important;
    padding-left: unset;
    margin-right: 7px;
    margin-left: 10px;
}

.left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover i {
    animation: swing ease-in-out 0.5s 1 alternate;
}

.materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited {
    background: var(--second-dark) !important;
}

.materialdesign #sidebar .sidebar-header, .materialdesign #sidebar, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li .left-menu-dropdown {
    background-color: var(--side-sub-menu-bg);
}

.btn-primary {
    background: var(--btn-gradient) !important;
    border-radius: 0px;
    margin-top: 13px !important;
    border-color: var(--btn-primary-border) !important;
}

.btn-danger {
    background-image: linear-gradient(to bottom, #ff3c31, #c30505) !important;
    border-radius: 15px;
    border-color: #ff8f21 !important;
    /* margin-top: 13px; */
}

.btn-warning {
    background-image: linear-gradient(to bottom, #ae0808, #ba1717, #c62224, #d22d31, #de373e) !important;
    border-radius: 0px;
    margin-top: 13px !important;
}

.header {
    /*min-height: auto !important;*/
    border-radius: 15px;
}

.card {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius) !important;
}

.btn-icon-clipboard {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius-product) !important;
    border: var(--card-border) !important;
    box-shadow: var(--card-shadow) !important;
    color: var(--second-color) !important;
}
/*=======Dashboard Style=======*/
.ma-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.dashboard-box {
    width: 100%;
    background: rgba(1, 5, 83, 0.7);
    border-radius: 20px;
    border: 1px solid #1cadff;
    overflow: hidden;
    box-shadow: 0 0px 6px 0px #1cadff !important;
    transition-duration: 0.2s;
}

    .dashboard-box:hover {
        box-shadow: 0 2px 20px 0 #1cadff !important;
    }

    .dashboard-box .dashboard-content {
        padding: 20px;
        /*text-align: center;*/
    }

.dashboard-content h3 {
    color: #fff;
    text-transform: capitalize;
    font-size: 1.6em;
    font-weight: 600;
    margin: 10px 0px 0px;
}

.dashboard-content p {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    margin: 0px;
}

.dashboard-content .dashboard-box-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 10px;
    margin-bottom: 10px;
    /*margin: 0px auto 10px auto;*/
}

.dashboard-box .view-more-btn {
    padding: 10px 20px;
    text-align: right;
    color: #fff;
    background: #020540;
    font-size: 13px;
    text-transform: capitalize;
}

.oceangreen-bg {
    background: linear-gradient(0deg, rgb(0, 155, 181) 0%, rgb(37, 216, 253) 100%);
}

.red-bg {
    background: linear-gradient(0deg, rgb(231, 76, 71) 0%, rgb(245, 109, 105) 100%);
}

.orange-bg {
    background: linear-gradient(0deg, rgb(233, 146, 13) 0%, rgb(254, 172, 46) 100%);
}

.blue-bg {
    background: linear-gradient(0deg, rgb(51, 132, 230) 0%, rgb(30, 110, 207) 100%);
}

.purple-bg {
    background: linear-gradient(0deg, rgb(78, 36, 216) 0%, rgb(64, 23, 197) 100%);
}

.pink-bg {
    background: linear-gradient(0deg, rgb(147, 49, 239) 0%, rgb(125, 32, 211) 100%);
}

.card-style {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow);
}

.chart-wrapper {
    background-color: transparent !important;
}
/*.sparkline11-list, .sparkline8-list, .sparkline9-list  {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow) !important;
    margin-top:15px;
}*/
.col8Chart {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/*.sparkline9-hd, .sparkline8-hd, .sparkline11-hd {
    background: var(--second-primary) !important;
    color: #fff;
    border-bottom: 0px !important;
    border-radius: 0px !important;
    padding: 15px 10px !important;
}*/
/*.sparkline9-hd h1, .sparkline8-hd h1, .sparkline11-hd h1 {
    color:var(--white) !important;
}*/
.materialdesign .nav-tabs.custom-menu-wrap li a {
    background-color: var(--second-dark) !important;
    color: var(--white) !important;
    border-radius: 15px !important;
    margin-top: 5px;
    margin-left: 5px;
    padding: 8px !important;
}

.materialdesign .nav-tabs.custom-menu-wrap li.active {
    border-top: 0px !important;
    border-bottom: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-radius: 15px;
    padding: 0px !important;
}

    .materialdesign .nav-tabs.custom-menu-wrap li.active a {
        background: var(--second-primary) !important;
        box-shadow: var(--card-shadow);
        border: var(--card-border);
    }

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    color: var(--table-th-color) !important;
    background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important;
    font-size: 14px !important;
}

.table-wrapper::-webkit-scrollbar {
    width: 10px;
}
/* Track */
.table-wrapper::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
}
/* Handle */
.table-wrapper::-webkit-scrollbar-thumb {
    background: rgba(28, 175, 255, 0.5);
    border-radius: 10px;
}
    /* Handle on hover */
    .table-wrapper::-webkit-scrollbar-thumb:hover {
        background: rgba(28, 175, 255, 0.5);
    }

.table-wrapper tr:nth-child(odd) {
    background: var(--table-odd);
}

.table-wrapper tr:nth-child(even) {
    background: var(--table-even);
}

.table-wrapper td {
    color: var(--table-text) !important;
    /*background: rgba(2, 5, 64, 0.7) !important;*/
    text-align: center;
    border: 1px solid var(--table-border) !important;
}

.sparkline9-graph, .sparkline11-graph {
    background: transparent !important;
}

/*====inner pages====*/
.materialdesign .admin-dashone-data-table-area {
    margin-top: 20px;
    margin-bottom: 100px !important;
    padding-bottom: 100px;
}

.materialdesign .adminpro-custon-design .panel-heading {
    background: var(--accordion-head-bg) !important;
    color: var(--accordion-head-color);
    border-bottom: 0px !important;
    padding: 15px 10px !important;
    border-radius: 0px 0px !important;
}

    .materialdesign .adminpro-custon-design .panel-heading h4 {
        color: var(--text=color-black) !important;
    }

.panel-group .panel {
    background: var(--card-bg) !important;
    padding: 0px;
    border-radius: 0px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 10px 0px;
    width: 100%;
}

.materialdesign .adminpro-custon-design .admin-panel-content {
    background: transparent;
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px solid #ddd;
    padding: 20px 0px;
}

.bounce {
    -webkit-animation-name: none;
    animation-name: none;
}

.form-group-inner label {
    color: var(--form-label-color);
    margin-top: 0px;
}

span.italic {
    color: var(--text-color-black) !important;
}

input[type=file] {
    /*display: block;*/
    color: var(--text-color-black);
}

.form-group-inner .row .col-md-4 span {
    color: var(--text-color-black);
margin: 0px !important;
}

.sparkline8-graph, .sparkline7-graph, .sparkline16-graph, .sparkline9-graph {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow) !important;
    margin-top: 15px;
    overflow-x: auto;
}

.sparkline8-hd, .sparkline9-hd, .sparkline16-hd, .sparkline11-hd {
    background: transparent !important;
    border: 0px !important;
}

    .sparkline9-hd h1, .sparkline7-hd h1, .sparkline8-hd h1, .sparkline11-hd h1, .sparkline16-hd h1 {
        color: var(--heading-color) !important;
        font-size: 22px !important;
        text-transform: uppercase;
    }

.sparkline8-graph .sparkline8-graph {
    background: transparent;
    border-radius: 0px;
    border: 0px;
    box-shadow: none !important;
}

.sparkline7-list, .sparkline13-list {
    background: var(--card-bg);
    border-radius: var(--card-radius);
    border: var(--card-border);
    overflow: hidden;
    box-shadow: var(--card-shadow) !important;
    margin-top: 15px;
}

.sparkline7-graph, .sparkline13-graph {
    background: transparent;
    border: 0px;
    margin-top: 0px;
    box-shadow: none !important;
    padding: 10px;
    margin-top: 0px;
}

.sparkline7-hd, .sparkline13-hd {
    background: var(--billing-address-bg) !important;
    color: #fff;
    border-bottom: 0px !important;
    border-radius: 0px !important;
    padding: 15px 10px !important;
}

.dashone-comment {
    margin-top: 15px !important;
    padding: 5px !important;
    border: 0px !important;
    box-shadow: none !important;
}

.main-spark7-hd h1 {
    font-size: 16px !important;
    color: var(--heading-color) !important;
}

.main-sparkline13-hd h1 {
    color: var(--heading-color) !important;
    font-size: 18px !important;
}

.single-skill, .contact-client-single, .user-profile-wrap, .user-profile-about, .user-profile-post, .user-profile-mutual-friends, .project-details-wrap, .project-details-descri, .project-details-files {
    background-color: transparent;
}

span i {
    color: var(--primary);
}

.profile-contact-menu {
    padding: 10px;
}

    .profile-contact-menu li, .profile-contact-menu label {
        color: var(--text-color-black);
        font-weight: 700;
    }

        .profile-contact-menu li span {
            font-weight: 400;
        }

.info {
    color: var(--text-color-black);
}

    .info label {
        color: var(--text-color-black);
    }

/*====table style====*/


.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: var(--text-color-black);
}

    .dataTables_wrapper .dataTables_length select {
        background: var(--primary);
    }

.cell-border {
    background: var(--primary);
    border-radius: 15px;
}

.adminTitle {
    color: var(--white);
    padding: 10px !important;
}

#searchResult {
    /*color:var(--white) !important;*/ /*puk Bug #72071*/
}

.input-group-addon i {
    color: var(--primary);
}

.label-wrapper label, .radiolabel, #radPaymode, #reqStatus, .custm-font label, .custm-font b, .table-wrapper b, .table-wrapper i, #dvNote i {
    color: var(--text-color-black) !important;
}

.returning-wrapper h4 {
    color: var(--white);
}

    .returning-wrapper h4 a {
        color: var(--second-color);
        font-weight: 600 !important;
    }

.canvasjs-chart-canvas {
    background: transparent !important;
}

.dataTables_wrapper, .datatable-dashv1-list {
    padding: 15px !important;
    margin: 0px;
}

.table {
    margin-bottom: 0px;
}

/*=========Ecommerce style==========*/

.header-menu {
      background: var(--header-link-bg) !important;
}

.header-top {
    /*  background: var(--header-bg);*/
}

#topcartlink a:before {
    background-color: transparent !important;
}

#topcartlink span, .header-links a {
    color: var(--text-color-black) !important;
}

    .header-links a:hover {
        color: var(--second-color) !important;
    }

.mini-shopping-cart .count {
    color: var(--text-color-black);
}

#customerlanguage, #customerCurrency {
    background: var(--side-bar);
    margin-left: 5px;
    border: var(--card-border);
    background: var(--side-bar) !important;
}

.home-page-filter-selectors {
    width: 50% !important;
}

.home-page-filter-selector {
    width: 48% !important;
    margin: 0 0 0 2%;
}

.home-page-filter-button {
    float: left !important;
}

.home-page-filters-wrapper {
    background: var(--second-dark) !important;
    border-bottom: var(--card-border) !important;
    border-radius: 15px !important;
}

/*.master-wrapper-page {
    width: 95% !important;
}*/
.home-page-category-grid .item-grid {
    width: 100%;
}

.home-page-category-grid .item-box, .sub-category-grid .item-box {
    width: 18%;
    /*margin: 0px 1% !important;*/
    /*border: var(--card-border) !important;
    box-shadow: var(--card-border) !important;
    border-radius: 15px;*/
    padding: 0px !important;
    /*overflow: hidden;*/
}

.category-item .picture a, .sub-category-item .picture a {
    height: auto;
}

.category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
    background: var(--card-bg);
    border-radius: 0px;
    font-size: 16px;
    text-transform: capitalize;
}

.home-page-category-grid .item-grid {
    background: none !important;
}

.home-page-category-grid {
    background: none !important;
    /*padding-bottom: 00px !important;*/
}

    .home-page-category-grid .title strong, .product-grid .title {
        margin-bottom: 25px;
    }

        .home-page-category-grid .title strong, .product-grid .title strong {
   /* font-size:25px;*/
    font-weight: 600;
            text-transform: capitalize;
            color: var(--heading-color);
            text-align: left;
        }

            .home-page-category-grid .title strong::after, .product-grid .title strong::after {
                width: 70px;
                display: block;
                height: 20px;
                height: 6px;
                background: var(--second-dark);
                margin: 5px 0px;
                border-radius: 5px;
            }

.item-box .product-item {
    border: var(--product-card-border);
    /*box-shadow: var(--card-shadow);*/
    background: var(--product-card-bg);
    border-radius: var(--card-radius-product);
}

    .item-box .product-item .picture {
        border-radius: var(--card-radius-product);
        padding: 0px;
        overflow: hidden;
        background: #ffffff;
    }

        .item-box .product-item .picture img {
   /* width:100%;
   height: 100% !important;*/
	 width:100% !important;
   height: auto !important;
		}
.item-box .product-title a {
    color: var(--text-color-black);
    font-size: 16px;
    font-weight: 600;
}

.item-box .product-title:after {
    display: none;
}

.item-box .details {
    color: var(--text-color-black);
    font-size: 12px;
}

.item-box .actual-price {
    font-size: 18px;
    color: var(--second-color);
    font-style: normal;
}

.item-box .old-price {
    color: #a1a1a1;
    font-size: 14px;
}

.item-box input[type="button"] {
    background: var(--button-color) url(../../img/icon-add-to-cart.png) no-repeat left top !important;
    border-radius: 0px;
}

    .item-box input[type="button"]:hover {
        background-color: var(--second-color) !important;
    }

.product-list .item-box {
    width: 100% !important;
}

.item-box {
    border: 0px;
}

    .item-box .product-item {
        transition-duration: 0.3s;
    }

        .item-box .product-item:hover {
            box-shadow: 0px 0px 26px 0px rgba(0,0,0,0.1);
            border: 2px solid #eae9e9;
        }

.quick-view-button a {
    color: #ffffff !important;
    background: #2e3841 url(../../img/icon-qv.png) no-repeat 10px center !important;
    border-radius: 0px !important;
}

.category-description p {
    color: var(--text-color-black) !important;
}

.news-list-homepage .title strong {
    color: var(--heading-color) !important;
    font-size: 25px !important;
    font-weight: 500 !important;
}

.rich-blog-homepage {
    /*background:var(--primary) !important;
    border:var(--card-border);
    box-shadow:var(--card-shadow);
    border-radius:var(--card-radius);*/
    padding: 15px;
    border-bottom: var(--card-border);
}

    .rich-blog-homepage .post-primary {
        width: auto;
        max-width: none !important;
    }

    .rich-blog-homepage .title {
        border-bottom: 0px !important;
        font-size: 25px !important;
        color: var(--heading-color) !important;
        text-align: center;
        margin: 0px 0px !important;
    }

        .rich-blog-homepage .title strong {
            font-weight: 600 !important;
        }

    .rich-blog-homepage .blog-post {
        border-radius: 0px;
        overflow: hidden;
        padding: 15px;
        background: var(--card-bg);
        margin-top: 15px !important;
        box-shadow: var(--card-shadow);
        border: var(--card-border);
    }

    .rich-blog-homepage .post-picture {
        border-radius: 15px;
        box-shadow: var(--card-shadow);
    }

    .rich-blog-homepage .post-title {
        color: var(--second-dark) !important;
        border-bottom: var(--card-border);
        margin-bottom: 15px;
        background-color: #f6f6f6 !important;
    }

.post-date, .news-date {
    color: var(--text-color-black);
}

.post-description p {
    color: var(--text-color-black);
}

.rich-blog-homepage .read-more, .post-actions .read-more {
    background-color: var(--second-dark) !important;
    border-radius: 0px;
}

.rich-blog-homepage .view-all a {
    color: var(--second-dark);
    font-weight: 600 !important;
}

.post-title, .news-title {
    font-weight: 500 !important;
    color: var(--second-dark);
    margin-bottom: 25px;
}

.news-list-homepage {
    background: #010922;
    border-radius: var(--card-radius);
    border: var(--card-border);
    padding: 15px;
    background-size: cover;
    background-image: url(../img/news-bg.jpg);
    position: relative;
    box-shadow: var(--card-shadow);
    overflow: hidden;
}

    .news-list-homepage:before {
        position: absolute;
        content: '';
        background: var(--card-bg);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .news-list-homepage .sub-title {
        position: relative;
    }

.post-body, .news-body {
    color: var(--text-color-black);
}

.news-card .buttons {
    text-align: left !important;
}

.home-page-filters-wrapper .search-button {
    background: var(--primary) !important;
    border-radius: var(--card-radius);
}

.home-page-polls .title strong {
    font-weight: 600;
    color: var(--text-color-black);
    border-bottom: 0px;
}

.main-poll {
    color: var(--text-color-black);
}

.breadcrumb {
    border-bottom: 2px solid var(--second-color);
    color: var(--text-color-black);
}

.gallery .picture-wrapper {
    border-radius: var(--card-radius-product);
    border: var(--product-card-border);
    /*box-shadow: var(--card-shadow);*/
    overflow: hidden;
}

    .gallery .picture-wrapper .picture {
        border: 0px !important;
    }

.gallery .picture {
    margin: 0px !important;
}

.overview .product-name h1 {
    color: var(--second-dark);
}

.overview .short-description {
    color: var(--text-color-black);
}

.overview .prices:before, .variant-overview .prices:before {
    background: transparent !important;
    -webkit-transform: none;
    -ms-transform: skew(-15deg);
    transform: none;
}

.overview .product-price {
    color: var(--second-color) !important;
}

.overview .add-to-cart-button, .variant-overview .add-to-cart-button {
    background: var(--second-dark) url(../../img/icon-add-to-cart.png) no-repeat left top !important;
    border-radius: 15px;
    margin-top: 0px;
}

.overview .prices, .variant-overview .prices {
    background: transparent !important;
}

.overview .qty-input, .variant-overview .qty-input, .overview .qty-dropdown, .variant-overview .qty-dropdown {
    width: 45px;
    height: 45px;
   /* margin: 0px 10px !important;*/
    border-radius: 0px;
    background: var(--primary);
    /*border: var(--card-border);*/
    color: #fff;
    outline: 0px;
}

.overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price {
    color: var(--text-color-black);
}

.product-no-reviews, .product-reviews-overview {
    margin: 10px 0 20px 0px !important;
}

.productTabs {
    margin: 0 0 40px;
    background: var(--product-tab-content-bg);
    border-radius: var(--product-tab-card-radius);
    border: var(--product-tab-border);
    overflow: hidden;
    /*box-shadow: var(--card-shadow);*/
    padding: 15px;
}

.ui-tabs .ui-tabs-nav, .ui-tabs .ui-tabs-panel {
    background: transparent;
}

    .ui-tabs .ui-tabs-panel p {
        color: var(--text-color-black);
    }

    .ui-tabs .ui-tabs-nav li a {
        border-bottom: 0px solid #fff;
        background: var(--second-dark);
        color: var(--white);
        border-radius: 15px;
        margin: 0px 2px;
        border-radius: var(--tab-border-radius);
    }

.ui-tabs .ui-state-active.ui-tabs-active a {
    background: var(--button-color);
    border-radius: var(--tab-border-radius);
}

/*======cart page======*/
.cart tr:nth-child(odd) {
    background: var(--table-odd);
}

.cart tr:nth-child(even) {
    background: var(--table-even);
}

.cart th {
    background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important;
}

.cart td {
    color: var(--text-color-black) !important;
    /*background: rgba(2, 5, 64, 0.7) !important;*/
    text-align: center;
    border: 1px solid var(--table-border) !important;
}

.venextgridcolor {
    color: var(--heading-color) !important;
    background-color: transparent !important;
}

.cart-footer {
    background: transparent;
    border: var(--second-card-border);
    box-shadow: none;
    border-radius: var(--card-radius-second);
    color: var(--text-color-black);
}

.update-cart-wrap input[type="submit"] {
    background: var(--second-dark) url(../../img/icon-update-cart.png) no-repeat 12px center !important;
    border-radius: var(--btn-border-radius);
}

.continue-shopping-wrap input[type="submit"] {
    background: var(--button-color) url(../../img/icon-add-to-cart.png) no-repeat 1px center !important;
    border-radius: var(--btn-border-radius);
}

    .continue-shopping-wrap input[type="submit"]:hover {
        background: var(--second-color) url(../../img/icon-add-to-cart.png) no-repeat 1px center !important;
    }

.product-subtotal, .cart-total-left label, .value-summary {
    color: var(--text-color-black) !important;
}

.shopping-cart-page .button-1, .checkout-page .button-1 {
    background: var(--second-color) !important;
    box-shadow: none !important;
    border-radius: 15px;
}

.checkout-data .checkout-data {
    border: var(--card-border);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    color: var(--text-color-black);
    padding: 10px;
}

input[type="button"], input[type="submit"], button, .button-1, .button-2 {
    background: var(--btn-primary) !important;
    border-radius: var(--button-border-radius) !important;
    color: var(--button-primary-color) !important;
    margin-top: 15px;
}

.page-title h1 {
    color: var(--heading-color);
    text-transform: capitalize;
    font-weight: 500;
}

.checkout-data .cart-footer {
    background: transparent !important;
    border: 0px !important;
    box-shadow: none !important;
}

.order-review-data > div, .order-details-area > div, .shipment-details-area > div {
    background: transparent !important;
    border-left: 0px !important;
}

.order-completed-page, .order-completed-page .page-title {
    background: transparent !important;
}

.section .title strong {
    font-weight: 600;
    color: var(--text-color-black);
}

.share-info {
    color: var(--text-color-black);
}

.showNoteonboth, .treetext {
    color: var(--text-color-black);
}

#tbTree span {
    color: var(--text-color-black);
}

#tbTree a {
    color: var(--second-color);
}

.TeamRight, .TeamLeft {
    color: var(--second-color);
}

.showNoteonlyMobileview {
    color: var(--text-color-black);
}
/*=====Footer=====*/
.materialdesign .footer-copyright-area {
    z-index: 999999999;
    position: fixed;
    bottom: 0px;
    padding: 0px;
}

.footer-copyright-area .container-fluid {
    padding: 0px !important;
}

.footer-copy-right {
    position: relative;
}

.footer-disclaimer {
    color: var(--white);
    font-size: 12px;
}

.materialdesign .footer-copy-right a {
    color: var(--primary);
}

.footer-top .footer-block:nth-child(1) {
    width: 33.33%;
}

.footer-top .footer-block:nth-child(2) {
    width: 33.33%;
    margin-right: 0%;
}

.footer-top .footer-block {
    width: 33.33%;
}

.footer-menu li {
    font-size: 14px;
    color: var(--text-color-black);
}

.footer-block .newsletter .title strong {
    font-weight: 300;
    font-size: 16px;
    color: #8f8f8f !important;
}

.footer-top {
    background: var(--footer-top);
    /*border-top: 1px solid var(--second-primary);*/
    color: #fff;
}

    .footer-top .footer-block h3 {
        color: var(--text-color-black) !important;
    }

.footer-block h3, .footer-block .topic-block h2 {
    color: var(--text-color-black) !important;
}

.footer-block h3 {
    color: var(--white) !important;
}

    .footer-block h3:before, .footer-block .topic-block h2:before {
        width: 0 !important;
    }

.footer-block .newsletter .title strong {
    color: var(--text-color-black) !important;
}

.footer {
    background-size: cover;
    background-image: url(../../img/footer-bg.jpg);
    position: relative;
    padding: 0px;
}

    .footer:before {
        position: absolute;
        content: '';
        background: var(--card-bg);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
/* .footer-centering {
    width: 980px;
    margin: 0 auto;
    position: relative;
} */
.footer-middle {
    /*background: transparent !important;*/
    /*background-image: none !important;*/
}

.footer-bottom {
    background: var(--footer-bottom) !important;
    position: relative;
    padding: 10px 0px;
}

a:not([href]):not([tabindex]) {
    /*  color: var(--quick-view-color) !important;*/
    text-decoration: none;
}

#goToTop {
    background: var(--second-color) url(../../img/goTop.png) no-repeat center 46%;
}

.menucount .picture {
    margin-right: 5px;
    width: 40px !important;
    height: 30px !important;
}

    .menucount .picture img {
        width: 25px;
    }

.mini-shopping-cart {
    background: #ffffff;
    border: 1px solid #fff;
    border-radius: 0px;
}

    .mini-shopping-cart .menucount {
        padding: 3px 0 5px;
        border-bottom: 0px;
    }

.menucount a {
    height: 30px;
    padding-top: 2px !important;
    color: var(--text-color-black);
}

    .menucount a:hover {
        color: var(--second-color) !important;
    }


.home-page-filters-wrapper .results-number {
    background: transparent !important;
}

.admin-header-links a {
    color: var(--text-color-black) !important;
}

.panel-title, #panle1 {
    color: #fff !important;
}

.footer-copyright-area {
    margin-left: 0px !important;
}

.required {
    margin: 0 2px 0 0 !important;
    color: #c00 !important;
}

.divKyc {
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 0px;
    padding: 15px;
    margin: 15px 0px;
    display: inline-block;
    width: 100%;
}

/*====order details======*/
.ordertext {
    color: var(--text-color-black);
}

.dashone-adminprowrap {
    padding: 0px;
    background: transparent;
    margin-top: 25px;
}

.contact-client-address p {
    color: var(--text-color-black) !important;
}

    .contact-client-address p strong {
        color: var(--second-color) !important;
    }

#GuestMember .sparkline11-list {
    background: var(--card-bg) !important;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    padding: 15px;
}

    #GuestMember .sparkline11-list ul.message-list-menu li {
        color: var(--text-color-black);
    }

.dashone-adminprowrap label {
    color: var(--text-color-black);
}

.custom-datatable-overright table tbody tr td a {
    /*color: var(--second-color);*/
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background-image: var(--primary-gradient) !important;
}

.wrapper {
    background: #00286f;
}

#dvContainer {
    overflow-x: unset !important;
}

.return-request-list-page #dvContainer {
    margin-left: unset !important;
}

.contact-client-single #dvContainer {
    margin-left: unset !important;
}

#tbReceiptCommission table {
    /*background: var(--text-color-black);*/
}

#lblDate label {
    color: var(--text-color-black);
}
/*.toggle-password {
    color: var(--primary) !important;
    position: relative;
    top: 18px;
}*/
/*.toggle-password { change done by DG For eye icon on all pages*/
.toggle-password, .toggle-password1, .toggle-password2, .toggle-password3 {
    color: var(--primary) !important;
    position: relative;
    top: 15px;
}

.Notealigne i {
    color: var(--text-color-black) !important;
}

.form-group-inner .row .col-md-4 {
    padding-left: 0px !important;
}

.accept-privacy-policy label {
    color: var(--text-color-black) !important;
}

.accept-privacy-policy .read {
    color: var(--second-color) !important;
}

.custom-datatable-overright table tbody tr td {
    border: 0px solid #ececec;
}

    .custom-datatable-overright table tbody tr td p {
        color: var(--text-color-black);
    }

.block {
    text-align: left;
    box-shadow: var(--card-shadow);
    background: var(--card-bg);
    border-radius: var(--card-radius);
    overflow: hidden;
    padding: 15px;
    margin-top: 15px;
}

    .block .title {
        background: var(--second-dark) !important;
        border-radius: 0px;
    }

        .block .title strong {
            color: var(--white);
        }

    .block .list a {
        color: var(--text-color-black);
        font-size: 13px;
        border: 0px;
        padding: 9px 10px;
    }

    .block .listbox {
        background: transparent;
    }

    .block .list a:before {
        background: var(--second-color);
    }

    .block .tags li a, .product-tags-all-page li a {
        color: var(--text-color-black);
    }

    .block .view-all a {
        background: var(--second-color);
        border: 0px;
        border-radius: 15px;
    }

.blog-search-box .search-box-button {
    background-color: var(--primary) !important;
}

.email-a-friend-page .inputs label {
    color: var(--text-color-black);
}

.custom-inbox-message {
    background: transparent;
}

.basic-search input[type="text"] {
    width: 40%;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #888888;
}

.search-input input + label {
    color: var(--text-color-black);
}

.advanced-search .inputs label {
    color: var(--text-color-black);
}

.advanced-search .price-range {
    color: var(--text-color-black);
}

.product-list .item-box .product-title {
    padding: 0px 0px 0px 0px !important;
    margin-top: 0px !important;
}

.product-list .quick-view-button {
    left: -5px !important;
}

.product-list .item-box .details {
    text-align: left;
}

.product-list .item-box .product-title a {
    text-align: left;
}

.product-list .product-rating-box .rating {
    margin: 0 0px 5px;
}

.product-list .item-box .add-info {
    text-align: left !important;
}

.product-list .item-box .buttons {
    text-align: left !important;
}

#VideoGallery .page-title {
    background-color: transparent !important;
}

    #VideoGallery .page-title h1 {
        /*background-color: transparent !important;*/
        color: var(--heading-color) !important;
    }

#viewSectionGalary {
    border: var(--card-border) !important;
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    background: var(--card-bg);
    padding: 15px;
}

    #viewSectionGalary h2.product-title {
        color: var(--text-color-black) !important;
        margin-top: 15px;
        font-size: 16px !important;
    }

#VideoGallery .page-title small {
    color: var(--text-color-black) !important;
}

    #VideoGallery .page-title small i {
        margin-right: 5px;
        margin-left: 5px;
    }
/*=====Forum====*/

.topic-block-body p, .forums-header {
    color: var(--text-color-black);
}

.forum-search-box .search-box-button {
    background: var(--second-color) url(../../img/search-button.png) center no-repeat !important;
    margin-top: 0px;
    border-radius: 0px 0px;
}

.forums-table-section-title a {
    color: var(--text-color-black);
}

.data-table th, .forums-table-section th {
    border: 1px solid var(--second-primary) !important;
    background: var(--second-color) !important;
    color: #fff;
}

.forums-table-section-title {
    color: var(--text-color-black);
}

.forums-table-section .view-all, .actions a {
    color: var(--second-color) !important;
}

.forum-page .forum-info {
    color: var(--text-color-black);
}

.forum-page .forum-actions a {
    color: var(--second-color);
}

.forum-topic-page .topic-actions .actions a {
    color: var(--second-color);
}

.forum-breadcrumb {
    width: 100% !important;
    max-width: 100%;
}

.form-fields .inputs label, .form-fields .inputs strong {
    color: var(--text-color-black);
}

.topic-post .post-info {
    color: var(--text-color-black);
}

.topic-posts .topic-post a {
    color: var(--second-color);
}

.topic-post .post-content {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
    margin-top: 15px;
}

.topic-post .post-head {
    margin: 0 0 10px;
    border: 0px;
    border-bottom: 1px solid var(--second-color);
    background: transparent;
    padding: 5px;
    overflow: hidden;
    color: var(--second-color);
}

.topic-posts .topic-post {
    border-bottom: 0px;
}

.manufacturer-item .picture a, .vendor-item .picture a {
    /*height: 200px;*/
}

.manufacturer-grid .item-box, .vendor-grid .item-box {
    border: var(--card-border);
    border-radius: var(--card-radius);
}

.category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
    height: auto;
}

    .sub-category-item .picture img, .manufacturer-item .picture img, .vendor-item .picture img {
        border-radius: var(--card-radius);
    /*height: 100%;*/
	 height: 300px;
        width: 100%;
    }

#receipt label {
    color: var(--text-color-black) !important;
}

.order-progress a {
    color: var(--second-color);
    font-weight: 600;
}

.order-progress li.inactive-step a {
    opacity: 0.5;
    cursor: default;
    color: var(--text-color-black) !important;
}

.checkout-page .address-item {
    background: var(--billing-address-bg);
    border: var(--billing-address-border);
    border-radius: var(--card-radius-second);
    box-shadow: none;
    color: var(--text-color-black);
    font-size: 14px;
}

.shipping-method .method-list, .payment-method .method-list {
    color: var(--text-color-black);
}

.method-list .method-description {
    font-size: 14px;
    margin-left: 18px;
}

.shipping-method .method-list li {
    background: var(--shipping-method-bg);
    border: var(--shipping-method-border);
    padding: 15px;
    border-radius: var(--card-radius-second);
    min-height: 130px;
}

#OrderTolal {
    color: var(--second-color);
}

.edit-address label {
    color: var(--text-color-black);
}

.inputs select {
    background: #fff;
}

.inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
    border-radius: 0px;
}

#TabPinsDetails .col-lg-12, #TabDetails .col-lg-12 {
    background: transparent !important;
}

#tblTreeView td {
    color: var(--white);
}

.return-request-list-page .page-title h1 {
    color: var(--text-color-black) !important;
}

.registration-result-page .panel {
    background-color: transparent;
    border: 0px solid transparent;
}

#viewSectionGalary {
    color: var(--text-color-black);
}

    #viewSectionGalary h4, .category-description p {
        font-size: 14px !important;
        text-align: left;
        line-height: 22px;
    }

.compare-products-page, .manufacturer-description, .review-rating label {
    color: var(--text-color-black);
}

    .compare-products-page .clear-list {
        background: var(--second-color);
        border: var(--card-border);
        border-radius: var(--card-radius);
    }



.compare-products-table-mobile tr:nth-child(odd) {
    background: rgba(0, 21, 80, 0.8);
}

.compare-products-table-mobile tr:nth-child(even) {
    background: rgba(13, 97, 198, 0.7);
}

.compare-products-table-mobile td {
    color: #fff !important;
    background: rgba(2, 5, 64, 0.7) !important;
    text-align: center;
    border: 1px solid #1338a1 !important;
}

.product-list .item-box:after {
    background: transparent;
}

.productTabs .write-review {
    background-color: transparent !important;
}

.previous-product a, .next-product a {
    color: var(--text-color-black) !important;
    border-bottom: 1px solid var(--second-primary) !important;
    background: transparent !important;
}

    .next-product a:before, .previous-product a:before {
        border-left: 0px;
    }

.next-product a {
    /*padding: 10px 65px 10px 10px !important;*/
    /*border-left: 0px !important;*/
}

.previous-product a {
    /*padding: 10px 10px 10px 65px !important;*/
    /*border-right: 0px !important;*/
}

.sevenspikes-cloudzoom-gallery {
    margin-top: 25px;
}

.ui-tabs .full-description, .product-tags-box {
    color: var(--text-color-black) !important;
}

.overview .product-name {
    margin: 25px 0 15px;
}

.overview .custom-pvbv {
    text-align: left !important;
    margin-left: 0px !important;
    padding: 15px;
    display: inline-block;
    float: left;
}

.pvBvCss {
    color: var(--text-color-black) !important;
}

.email-a-friend-page .title a {
    color: var(--second-color);
}

input[type="submit"] {
    color: var(--white) !important;
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
}

.pswrdrecvry {
    margin: 10px;
}

#passrecoveryid {
    color: var(--text-color-black);
}

.btn-secondary {
    border: 1px solid var(--second-color) !important;
    background: #fff !important;
    color: var(--second-color) !important;
    border-radius: 15px;
    margin-top: 13px;
}



    .btn-secondary a {
        color: var(--second-color) !important;
    }

.login-content {
    margin-top: 50px !important;
    margin: 25px 10px !important;
    padding-bottom: 15px;
}

.news-items .buttons {
    text-align: left;
}


.news-list-homepage .view-all {
    position: relative;
}

.news-items .read-more {
    background-color: var(--btn-secondary) !important;
    border-radius: 0px;
    border: var(--card-border);
}

.news-list-homepage .view-all a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.blog-page .post {
    background: var(--card-bg);
    border: var(--card-border);
    box-shadow: var(--card-shadow);
    border-radius: var(--card-radius);
    padding: 15px !important;
}

.blog-page .post-body:after {
    display: none;
}

.read-comments {
    color: var(--text-color-black);
}

.blog-page .post-body {
    height: auto;
}

.rich-blog-homepage .view-all a {
    color: var(--text-color-black) !important;
}

.article-details-text {
    color: var(--text-color-black) !important;
}

.blog-page .post {
    width: 100% !important;
}

.blog-page .post-head {
    background-color: transparent !important;
}

.post-content {
    background: transparent;
}

.post-navigation a {
    background-color: transparent !important;
    border-bottom: 1px solid var(--second-color) !important;
    color: #fff;
}

.new-comment .title, .comment-list .title {
    color: var(--text-color-black);
}

    .fieldset .title strong:before, .comment-list .title:before {
        background: var(--second-color);
    }

/*.new-comment .inputs textarea {
    width:100%;
    max-width: 100%;

}*/

.blog-comment, .news-comment {
    border: var(--card-border);
    background: transparent;
    color: #fff;
    border-radius: var(--card-radius);
}

.blog-search-box .search-box-button {
    height: 40px !important;
    background: var(--second-color) url(../images/search-button.png) center no-repeat !important;
    border-radius: 0px 15px 15px 0px;
    top: 1px !important;
}

.newsletter-email input[type="text"] {
    border-radius: 15px 0px 0px 15px;
}

.newsletter-email input[type="button"] {
    border-radius: 0px 15px 15px 0px;
    background: var(--second-color) url(../../img/icon-newsletter.png) center no-repeat !important;
}

.post-title:before, .news-title:before {
    background: var(--primary);
}

.home-page-filter-selector {
    width: 49% !important;
    margin: 0 0 0 1% !important;
}

.home-page-filters-wrapper .search-button {
    margin-left: 5px !important;
}

.checkout-page .payment-info {
    background: var(--card-bg);
    border: var(--card-border);
    border-radius: var(--card-radius);
    box-shadow: var(--card-shadow);
}

#Notediv i {
    color: var(--text-color-black) !important;
}

/* #receipt  label { */
    /* /* width: 30% !important; */ 
    /* /* float: left !important; */ 
/* } */

.cart-collaterals .coupon-code input[type="text"] {
    border-radius: 5px;
    margin-right: 8px;
}

.custom-datatable-overright h4 {
    color: var(--text-color-black);
}

    .custom-datatable-overright h4 a {
        color: var(--second-color);
    }

.dvcenter strong {
    color: var(--text-color-black);
}

#searchResult {
    margin-top: 25px;
}

.datatable-dashv1-list p i {
    color: var(--text-color-black) !important;
}

.btn-primary.active {
    border: 0px solid var(--second-color) !important;
    background: var(--second-primary) !important;
    color: var(--white) !important;
}

.form-text-row {
    color: var(--text-color-black);
}

#noteleft i {
    color: var(--text-color-black) !important;
}

#NomineeDetails .form-group-inner .row #DateOfBirthDay, #personalDetails .form-group-inner .row #DateOfBirthDay {
    width: 33.33% !important;
    margin: 0px;
}

#NomineeDetails .form-group-inner .row #DateOfBirthMonth, #personalDetails .form-group-inner .row #DateOfBirthMonth {
    width: 32.33% !important;
    margin-left: 1%;
    margin-right: 0px;
}

#NomineeDetails .form-group-inner .row #DateOfBirthYear, #personalDetails .form-group-inner .row #DateOfBirthYear {
    width: 32.33% !important;
    margin-left: 1%;
    margin-right: 0px;
}

.accordion-head a i {
    color: var(--text-color-black);
}


/*====Category Page====*/
.block {
    padding: 10px;
}

    .block .title strong {
        font-size: 14px;
        font-family: Poppins;
        padding: 6px 30px 6px 10px;
    }

    .block .listbox .list, .block .listbox .nav-list {
        margin-top: 10px;
    }

        .block .listbox .list li, .block .listbox .nav-list li {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        .block .listbox .list a {
            padding-top: 1px;
            padding-bottom: 1px;
        }

        .block .listbox .nav-list a {
            color: var(--text-color-black);
            font-size: 13px;
            padding-top: 1px;
            padding-bottom: 1px;
        }

.product-grid .thumbnail {
    background: transparent;
    border: 0px;
    padding: 0px;
}

.item-box .product-rating-box {
    height: 25px;
}

.product-item .details .add-info .buttons input[type="button"] {
    margin-top: 0px !important;
    margin-left: 0px;
}

.forum-search-page .search-results {
    color: var(--text-color-black);
}

.overview .manufacturers {
    color: var(--text-color-black);
}

.product-no-reviews, .product-reviews-overview {
    margin: 10px 0 10px 0px !important;
}

.attributes {
    color: var(--text-color-black);
}

.breadcrumb {
    margin: 5px 0 20px;
}

.gallery, .product-details-page .overview {
    border-bottom: 0px;
    padding: 0 0 5px;
    margin: 15px 15px 5px;
}

/*=====Epin Login=====*/
.login-horizental .loginBtn {
    padding: 0px 8px 2px 8px !important;
    line-height: 32px !important;
    font-size: 14px !important;
    width: 220px;
    border-radius: var(--card-radius);
    text-align: center;
}


#mydirectDataTable .totalquantitywidth {
    /*  width: 100%;*/
    color: #000;
    text-align: center;
    background: transparent;
}

#OrderSummary .sparkline9-graph {
    background: transparent !important;
    margin-top: 0px !important;
}

#OrderSummary .sparkline16-graph {
    margin-top: 10px !important;
    color: var(--text-color-black);
}

#paymodeDetailsDiv {
    color: var(--text-color-black);
}

#PaymodePanel .dashone-comment {
    border: var(--card-border) !important;
}

    #PaymodePanel .dashone-comment .sparkline16-graph {
        box-shadow: none !important;
        border: 0px;
        margin-top: 0px !important;
    }

#PaymodePanel .navcontainer .nav-tabs .btn-primary {
    margin-top: 0px;
    margin-right: 5px;
}

.order-summary-content .no-data {
    color: var(--text-color-black);
}

/*====register style====*/
.register-box {
    width: 83.33333333%;
    margin: 0 auto;
    float: none;
}

.register-box-big {
    width: 100%;
    margin: 0 auto;
}

.register-content .submit, .register-content .backlogin {
    border-radius: var(--btn-border-radius);
    padding: 10px 10px;
    border: var(--btn-primary-border) !important;
    margin: 0px !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover) !important;
}

.login-horizental {
    margin-top: 10px;
}

#registerPanelCount .form-group-inner .row #JoiningDay {
    width: 31.33% !important;
    margin-right: 1% !important;
}

#registerPanelCount .form-group-inner .row #JoiningMonth {
    width: 33.33% !important;
    margin-right: 1% !important;
}

#registerPanelCount .form-group-inner .row #JoiningYear {
    width: 33.33% !important;
    margin-right: 0% !important;
}

.otp {
    border: 2px solid var(--second-dark) !important;
    border-radius: 30px !important;
    background: var(--second-dark) !important;
    color: var(--white) !important;
}

#RegisterSuccess {
    color: var(--text-color-black);
    margin-top: 60px !important;
}

.register-content .page-body .page-title h1 {
    margin-top: 15px !important;
}

.RegTextalign .txtPhoneValue {
    width: 50%;
}

.block-blog-archive {
    margin-left: 0px;
    margin-right: 0px;
}

.inputs select {
    box-shadow: none;
}

.update-cart-wrap, .continue-shopping-wrap {
    margin-bottom: 0px !important;
}

.cart-collaterals .title strong {
    font-size: 16px;
}

.cart-collaterals .hint {
    font-size: 13px;
    font-weight: 400;
}

.cart-collaterals .shipping label {
    font-size: 13px;
}

.terms-of-service {
    font-size: 12px;
}

.page .section {
    box-shadow: none;
}

.shipping-method .method-list li label, .payment-method .method-list li label {
    font-size: 13px;
    font-weight: 400;
}

.billing-info .info-list, .shipping-info .info-list {
    font-size: 14px;
}

.mini-shopping-cart .quantity, .mini-shopping-cart .price, .mini-shopping-cart .price span, .mini-shopping-cart .totals {
    color: var(--text-color-black) !important;
}

    .mini-shopping-cart .totals strong, .mini-shopping-cart .name a {
        color: var(--second-color) !important;
    }

#sparkline16id {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#ScrollableDiv111 .ccMenu {
    margin-top: 0px;
}

    #ScrollableDiv111 .ccMenu a {
        margin-top: 0px;
        margin-bottom: 0px;
    }

#noteid {
    color: var(--text-color-black);
}

#paymentInfoHeading {
    color: var(--text-color-black) !important;
}


/*#SetManualdate #receipt label {
    width: 100% !important;
    float: none !important;
    color: var(--second-color) !important;
}*/
#SetManualdate label {
    width: 100% !important;
    float: none !important;
    /* color: var(--second-color) !important;*/
    display: contents;
}

.WWCustomEpinOrderFilterCls #divTraderName {
    width: 100%;
}

.WWCustomEpinOrderFilterCls .data-custon-pick {
    width: 50%;
}

#genderDetails .forcheckbox {
    color: var(--text-color-black) !important;
}

.print-head {
    background-color: var(--primary) !important;
    border-bottom: 5px solid var(--second-primary) !important;
}

    .print-head h4 {
        color: var(--text-color-black) !important;
    }

.next-product, .previous-product {
    /*background: var(--second-primary);*/
    border: 1px solid var(--second-primary);
}

.categoryMenu-panle {
    width: 265px !important;
    right: 18px !important;
}

    .categoryMenu-panle:before {
        right: 17px !important;
        left: auto;
    }

.search-results .no-result {
    color: var(--text-color-black);
}

#tbTree hr {
    border-color: var(--text-color-black) !important;
}

.mobile-nav .nav-item .fa-sign-out-alt {
    color: var(--primary);
}

.panel {
    box-shadow: none;
}

.center-1 .product-grid .item-box:nth-child(4n+1) {
    clear: none !important;
}

.quickViewWindow .gallery {
    margin: 5px;
}

.quickViewWindow .product-content {
    background: var(--quick-view-card-detail);
}

.quickViewWindow .popup-header {
    background: var(--quick-view-card-head) !important;
}

.quickViewWindow .product-name {
    color: var(--quick-view-card-head-color) !important;
    font-weight: 600;
}

.quickViewWindow .overview #accordion .purchase-area .prices {
    float: none !important;
}

.quickViewWindow .overview .custom-pvbv {
    padding: 1px 5px !important;
    margin-bottom: 10px !important;
    font-size: 18px !important;
}

    .quickViewWindow .overview .custom-pvbv label {
        margin-bottom: 0px;
    }

.quickView .k-window-titlebar.k-header .k-window-actions a {
    background-color: #fff !important;
    padding: 5px;
}

#SavingbtnValue #SavingAccType, #SavingbtnValue #CurrentAccType, #SavingbtnValue #OtherAccType {
    padding-right: 0px;
}

.datatable-dashv1-list #btnAll, .datatable-dashv1-list #btnSealed, .datatable-dashv1-list #btnUnSealed {
    height: auto !important;
}

/*===Kendo Style===*/

.newKendo #pageInfo {
    background-color: transparent !important;
    border: 0px !important;
    color: var(--text-color-black) !important;
}

.k-grid.k-widget .k-grid-toolbar {
    background: #001453 !important;
    padding: 1px 8px;
}


#PasswordResetPanelCount .sparkline16-list {
   /* width:50%;*/
    margin-left: auto;
    margin-right: auto;
}

.login-horizental #SetPassword {
    margin-top: 0px;
}

.white-note {
    color: var(--text-color-black);
}

.forum-edit-page .form-fields {
    width: 80%;
    margin: 15px auto;
}

    .forum-edit-page .form-fields .inputs label {
        margin-left: 0px !important;
    }

    .forum-edit-page .form-fields .inputs input {
        width: 60%;
    }

.forum-edit-page textarea {
    width: 60%;
    margin-left: 232px;
}

.forum-edit-page .toolbar img {
    width: auto !important;
}

.forum-edit-page .buttons {
    width: 60%;
    margin-left: 232px;
}

.no-data {
    color: var(--text-color-black);
}

#checkout-steps .step-title {
    border-bottom: 1px solid var(--second-primary);
}

.product-tags-all-page .product-tags-list, .vendor-list-page .vendor-list {
    background: var(--second-primary);
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.15);
    padding: 10px;
    border-radius: var(--card-radius);
    border: var(--card-border);
}

.register-result-padding label {
    color: var(--second-color);
}

#divOtp {
    background: var(--card-bg) !important;
    padding: 0px;
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
    margin: 15px 0px;
    width: 100%;
}

    #divOtp .panel-heading {
        color: #004d7a !important;
        background: var(--second-primary) !important;
        color: #fff;
        border: 0px;
        border-radius: 0px;
    }

.order-summary-content .billing-info-wrap, .order-summary-content .shipping-info-wrap {
    color: var(--text-color-black);
}

.padd-le-0 {
    padding-left: 5px !important;
}

@media(max-width:1250px) {
    .dashboard-content h3 {
        font-size: 1.4em;
    }
}

@media(max-width:1024px) {
    #dvContainer {
        margin-left: 300px !important;
    }

    .dashboard-box .dashboard-content {
        padding: 10px;
    }

    .dashboard-content p {
        font-size: 13px;
        height: 40px;
    }

    .dashboard-content h3 {
        font-size: 14px;
    }
}

@media (min-width: 991px) and (max-width:1024px) {
    .content-inner-all {
        margin-left: 234px;
    }
}

@media(max-width:1000px) {
    .login-content {
        margin-top: 30px !important;
        height: 440px !important;
    }

    .footer-centering {
        width: 100%;
    }

    header {
        background: var(--header) !important;
        padding: 5px 15px !important;
        top: 0px;
        height: 60px !important;
    }

        header label {
            color: var(--text-color-black) !important;
        }

    .mean-container a.meanmenu-reveal span {
        background: var(--text-color-black) !important;
    }

    .mean-container .mean-nav ul {
        background: var(--side-bar) !important;
    }

        .mean-container .mean-nav ul li a {
            color: var(--white);
            background: var(--side-bar);
        }

    .navUL {
        background-color: var(--white) !important;
        box-shadow: none !important;
    }

    .ShoppingwishlistResponsive {
        padding-left: 7px !important;
    }

    .ShoppingwishlistResponsive {
        font-size: 10px !important;
        margin-left: 26.6px;
    }

    .ShoppingNotificationsCountResponsive {
        font-size: 10px !important;
        margin-left: 28px;
    }

    .ShoppingcartCountResponsive {
        font-size: 10px !important;
        margin-left: 28.8px;
    }

    #changepasswordlabel {
        padding-left: 0px !important;
    }
}

@media(max-width:768px) {
    #PasswordResetPanelCount .sparkline16-list {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

        #PasswordResetPanelCount .sparkline16-list .btn-secondary {
            margin-top: 0px;
        }

    .overview {
        text-align: center;
    }

    .cart-info .add-to-cart {
        width: 300px;
        margin: 0 auto;
    }

    .footer-top .footer-block:nth-child(1) {
        width: 100%;
    }

    .footer-top .footer-block:nth-child(2) {
        width: 100%;
    }

    .footer-top .footer-block {
        width: 100%;
    }

    .form-group-inner .row .col-md-4 {
        margin-top: 0px;
        padding-left: 5% !important;
    }

    .justAFixingDivBefore, .header-menu {
        background: var(--primary) !important;
    }

    .header-currencyselector {
        float: left;
    }

    .header-menu > ul li {
        background: transparent;
        border-bottom: 0px solid var(--second-primary);
        /* color: #fff; */
    }

        .header-menu > ul li > a, .header-menu > ul li > span {
            padding: 12px 18px 12px !important;
            color: #fff;
            font-size: 14px;
            text-transform: capitalize;
        }

    .responsive-nav-wrapper {
        background-image: none !important;
    }

    #genderDetails {
        padding-left: 35%;
    }

    .materialdesign .admin-dashone-data-table-area {
        margin-top: 20px !important;
    }

    .main-sparkline17-hd h1 {
        font-size: 16px !important;
    }

    .sparkline17-hd {
        padding: 0px !important;
    }

    .sparkline9-hd h1, .sparkline8-hd h1, .sparkline11-hd h1, .sparkline12-hd h1, .sparkline13-hd h1, .sparkline14-hd h1, .sparkline10-hd h1 {
        font-size: 16px !important;
    }

    .topic-post .post-info, .profile-info-box {
        padding-left: 0px !important;
    }

    .custom-pvpbcenter {
        margin-left: 10px !important;
    }

    .previous-product, .next-product {
        margin-bottom: 15px;
    }

    #receipt label {
        width: 100% !important;
        display: contents;
	}
    #SearchResponsiveStore {
        width: 100% !important;
    }

    .overview .custom-pvbv {
        text-align: center !important;
        padding: 5px 5px;
        float: none;
    }

    .header-links span {
        display: block;
        width: 17px;
        height: 17px;
        background: #e10000;
        border-radius: 50%;
        text-align: center;
        line-height: 17px !important;
        /* margin: 0px; */
        padding: 0px !important;
    }

    .is-required .inputs input[type="text"], .is-required .inputs input[type="password"], .is-required .inputs select, .is-required .inputs textarea {
        width: 98% !important;
        max-width: 100% !important;
    }

    .is-required input[type="text"] {
        width: 95% !important;
    }

    .shipping-method .method-list li {
        min-height: auto;
    }

    .order-review-data > div, .order-details-area > div, .shipment-details-area > div {
        width: 100%;
        border-bottom: 1px solid #2c4e9b;
    }

    .cart-footer .totals {
        width: 100%;
    }

    .epin-detail-form {
        margin-left: 0px !important;
    }

        .epin-detail-form #SelectReqNoTraderNameId {
            margin-bottom: 15px;
        }

        .epin-detail-form .WWCustomEpinOrderFilterCls .col-md-12 {
            padding-left: 0px;
            padding-right: 0px;
        }

    #dvContainer {
        margin-left: 195px !important;
    }

    .epin-filter-show {
        margin-top: 0px !important;
    }

    .forum-edit-page textarea {
        margin-left: 0px;
    }

    .forum-edit-page .buttons {
        width: 100%;
        margin-left: 0px;
    }

    #EpinTextValue {
        text-align: center;
    }

    .mobile-input input[type="text"], .mobile-input textarea {
        width: 98% !important;
    }

    #RegisterSuccess {
        margin-top: 11px !important;
    }
}

@media(max-width:660px) {
    .change-password-icon {
        position: relative !important;
        top: 7px;
    }

    #dvContainer {
        margin-left: 160px !important;
    }

    .RegTextalign .txtPhoneValue {
        width: 100%;
    }

    .register-box .register-content {
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-bottom: 0px;
    }

    .cart-footer {
        margin-top: 15px;
    }

    .header-top-area {
        height: 65px !important;
    }
}

@media(max-width:600px) {

    .custom-table {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .welcome-adminpro-area .container-fluid, .welcome-adminpro-area .container-fluid .col-xs-12 {
        padding: 0px;
    }

    #dvBill, #Manualprint {
        padding: 0px;
    }

    .header {
        min-height: auto !important;
    }

    .home-page-filters-wrapper {
        padding: 10px 10px !important;
        height: 57px;
    }

    .home-page-filter-selector {
        float: left;
        margin: 0px !important;
    }

    .home-page-filter-selectors {
        width: 220px !important;
        float: left;
    }

    .home-page-filter-selector .k-dropdown {
        width: 98% !important;
    }

    .home-page-filters-wrapper .search-button {
        height: 37px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
    }

    .home-page-category-grid .item-box, .sub-category-grid .item-box {
    width: 49%;
  /*  margin: 10px 1% !important;*/
        float: left;
        text-align: center;
    }

    .home-page-category-grid .title strong, .product-grid .title strong {
        text-align: left;
    }

    .home-page-category-grid {
        padding-bottom: 0px !important;
    }

    .home-page-category-grid {
        padding-bottom: 0px !important;
    }

    .item-box {
        width: 100%;
    }

    .slider-wrapper {
        margin-top: 28px !important;
    }

    .center-1, .center-2 {
        margin: 25px 0;
    }

    #AjaxFiltersProForm {
        margin: 0 0 20px !important;
	margin-top: 142px !important;
    }

    .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
        font-size: 14px;
        text-transform: capitalize;
    }

    input[type="button"], input[type="submit"], button, .button-1, .button-2 {
        margin-top: 0px;
    }

    .footer-bottom {
        color: var(--white) !important;
        text-align: center;
    }

    .materialdesign .adminpro-custon-design .panel-heading h4 {
        text-align: left;
    }

    #personalDetails #genderDetails {
        padding-left: 0%;
    }

    .dashone-adminprowrap {
        background: transparent !important;
    }

    #SearchResponsiveStore {
        position: unset !important;
        margin-top: 0px !important;
    }

    .rich-blog-image img {
        width: 100%;
    }
    /* .newsletter-email input[type="button"] {
    margin: 0px auto;
} */
    .admin-dashone-data-table-area .main-sparkline16-hd h1 {
        color: var(--text-color-black) !important;
    }

    .responsive-nav-wrapper-parent {
        height: auto;
    }

    .side-2 {
        margin: 10px 0px !important;
    }

    .block {
        margin-top: 5px;
    }

    .register-box {
        width: 100%;
        margin: 20px auto;
    }

    .attributes dt {
        padding: 0px;
    }

    #ScrollableDiv {
        padding-bottom: 0px;
    }

    .btn-primary {
        /* margin-top: 0px;*/
    }

    .dataTables_wrapper .dataTables_length select {
        width: 50px !important;
    }

    #dvContainer {
        margin-left: 0px !important;
    }

    #Save-EpinTransfer {
        margin-top: 10px !important;
    }

    .forum-topic-page .topic-posts {
        text-align: center;
    }

    .mobile-input input[type="text"], .mobile-input textarea {
        width: 96% !important;
    }

    #changepasswordlabel {
        margin-top: 10px !important;
    }

    .register-content {
        padding: 20px 20px 20px 20px;
        margin: 50px auto 20px;
    }

    .WWCustomEpinOrderFilterCls .data-custon-pick {
        width: 100% !important;
    }

    #OrderPlaceFromDate, #OrderPlaceToDate {
        width: 100% !important;
    }

    .data-custon-pick {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media(max-width:480px) {
    #divStockInfo {
        margin-top: 0% !important;
    }

    #personalDetails #genderDetails {
        padding-left: 0px;
    }

    .button, select {
        width: 100% !important;
        margin-bottom: 5px !important;
    }

    .form-group-inner .row .col-md-4 {
        margin-top: 0px !important;
        padding-left: 0% !important;
    }

    .custom-pvpbcenter {
        margin-left: 0px !important;
    }

    .ui-tabs-nav li a {
        margin: 10px 0 !important;
    }

    .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul, .custom-tab ul {
        padding: 0 0 0 0px;
    }

    .login-content {
        margin-top: 50px !important;
        margin: 25px 10px !important;
    }

    .block {
        width: 100%;
    }

    .attributes dt, .attributes dd {
        background: transparent;
    }

    .overview .custom-pvpbcenter {
        width: auto;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .center-2 {
        margin-top: 0px !important;
    }

    .blog-page {
        margin-top: 0px !important;
    }

    .checkout-page .section {
        margin: 0px;
        padding: 0px;
    }

    .dataTables_wrapper, .datatable-dashv1-list {
        padding: 5px !important;
    }

    #ScrollableDiv {
        padding-bottom: 0px;
    }

    .table-wrapper table td:nth-child(3):before, .table-wrapper table td:nth-child(5):before {
        color: var(--text-color-black) !important;
    }

    #ScrollableDiv111 .ccMenu a {
        margin-top: 5px;
    }

    .panel .panel-body {
        padding-left: 0px;
        padding-right: 0px;
    }

    #divShowHide .navcontainer .nav-tabs li {
        width: 100% !important;
    }

    #PaymodePanel .navcontainer .nav-tabs .btn-primary {
        margin-right: 0px;
    }

    .change-password-icon {
        top: 4px;
    }

    #changepasswordlabel {
        margin-top: 10px !important;
    }

    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 10px;
    }

    #GoogleAuth {
        margin-left: 0 !important;
    }

    .register-box-big {
        padding: 0px;
    }

    #registerPanelCount .form-group-inner .row #JoiningDay {
        width: 28.33% !important;
    }

    .home-page-category-grid .item-box, .sub-category-grid .item-box {
    width: 100%;
        margin: 10px 1% !important;
    }
}

@media(max-width:420px) {
    .home-page-filter-selectors {
        width: 100% !important;
    }

    .home-page-filters-wrapper {
        height: 115px;
    }

    .dataTables_wrapper, .datatable-dashv1-list {
        padding: 10px !important;
    }

    .btn-warning {
        /* margin-top: 10px;*/
    }
}

@media (max-width:360px) {
    .custom-pvpbcenter {
        margin-left: 0px !important;
    }

    .login-content {
        margin-top: 50px !important;
        margin: 25px 10px !important;
    }

    #dvContainer table {
        font-size: 12px;
    }

    #registerPanelCount .form-group-inner .row #JoiningDay {
        width: 100% !important;
        margin: 0px !important;
    }

    #registerPanelCount .form-group-inner .row #JoiningMonth {
        width: 100% !important;
        margin-right: 0% !important;
    }

    #registerPanelCount .form-group-inner .row #JoiningYear {
        width: 100% !important;
        margin-right: 0% !important;
    }

    .continue-shopping-wrap input[type="submit"] {
        margin-top: 10px;
    }

    .compare-products-page {
        margin-top: 0px !important;
    }
}

.bizdata {
    color: #fff;
}

.item-box .old-price {
    padding: 0px;
}

.view-all-btn {
    padding: 0px;
}

    .view-all-btn .read-more {
        margin: 0px;
        padding: 0px 20px;
    }

.panel-body {
    text-align: inherit !important;
}

.cart-footer .totals {
   /* width: 250px !important;*/
}

.message-error {
    padding: 0px;
}

.mar-t-0 {
    margin-top: 0px;
}

.padd-15 {
    padding: 15px;
}

.padd-0 {
    padding: 0px !important;
}

html {
    --scrollbarBG: var(--scroller-bg) !important;
    --thumbBG: var(--scroller-box) !important;
}
/*====kindo style=====*/
.NewGridNorecord {
    background-color: transparent !important;
}

.k-grid-header .k-header {
    background: var(--table-th) !important;
}

.k-grid-content {
    background-color: transparent !important;
}

.newKendo #pageInfo {
    background: transparent !important;
    border: 0px !important;
}

.k-grid.k-widget .k-grid-toolbar {
    background: transparent !important;
}

.newKendo .k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    background-color: transparent !important;
}

.k-grid {
    background-color: transparent !important;
}

    .k-grid.k-widget .k-pager-wrap {
        background: var(--k-pager-bg) !important;
    }

    .k-grid tr:nth-of-type(odd) {
        background-color: var(--table-odd) !important;
        color: var(--table-text);
    }

    .k-grid tr:nth-child(even) {
        background-color: var(--table-even) !important;
        color: var(--table-text);
    }

.k-pager-numbers .k-link.k-state-selected {
    background-color: var(--primary) !important;
}

.k-grid tr td {
    border: 1px solid #dddddd !important;
}




/*==========Categories Style===========*/

.CatImgcontainer .CatImgwrapper {
    width: 200px !important;
    height: 200px !important;
    background-size: cover !important;
    border-radius: 50%;
    border: 5px solid #f5f5f5;
    overflow: hidden;
    transition: all .2s ease-in-out;
    margin: 0 auto;
}

    .CatImgcontainer .CatImgwrapper:hover {
        border: 5px solid var(--primary);
    }

.category-item:hover .title a, .sub-category-item:hover .title a, .manufacturer-item:hover .title a, .vendor-item:hover .title a {
    background-image: none !important;
}

.category-item {
    overflow: visible;
}

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -41px !important;
    }

        .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
            background: transparent;
            color: var(--text-color-black);
        }

    .category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        max-width: 100%;
        -webkit-transform: translateZ(0) scale(1.0, 1.0);
    }

    .category-item:hover .picture, .sub-category-item:hover .picture, .manufacturer-item:hover .picture, .vendor-item:hover .picture {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

@media(max-width:1024px) {
    .CatImgcontainer .CatImgwrapper {
        width: 180px !important;
        height: 180px !important;
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important;
    }
}

@media(max-width:768px) {
    .CatImgcontainer .CatImgwrapper {
        width: 130px !important;
        height: 130px !important;
    }

    .product-grid .item-box, .product-list .item-box {
  /*  width: 50% !important;*/
        float: left;
        margin: 0;
    }

    .product-grid .item-grid .Eventitem-box {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }
}

@media(max-width:600px) {
    .CatImgcontainer .CatImgwrapper {
        width: 180px !important;
        height: 180px !important;
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important;
    }
}

@media(max-width:480px) {
    .CatImgcontainer .CatImgwrapper {
        width: 150px !important;
        height: 150px !important;
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: -15px !important;
    }

    category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
        height: auto !important;
    }

    .product-grid .item-box, .product-list .item-box {
    width: 100% !important;
    }
	.home-page-category-grid .title{
		margin: 0px 0 5px 25px !important;
		position: relative !important;
	}
}

@media(max-width:400px) {
    .CatImgcontainer .CatImgwrapper {
        width: 100px !important;
        height: 100px !important;
    }

    .category-item .title, .sub-category-item .title, .manufacturer-item .title, .vendor-item .title {
        margin-bottom: 12px !important;
    }
}


@media (min-width: 680px) and (max-width: 980px) {
    .slider-wrapper {
        margin-top: 45px !important;
    }

    #SearchResponsiveStore {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .header-logo {
        width: 230px;
        float: left;
    }
}

@media (min-width: 360px) and (max-width: 680px) {
    .slider-wrapper {
        margin-top: 0px !important;
    }

    #SearchResponsiveStore {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .header-logo {
    width:100%;
        float: left;
    }
	.product-grid .item-grid .Eventitem-box{
		width: 49% !important;
	}
    .item-box .old-price {
        line-height: 4.5em !important;
    }

    .item-box p.old-price {
        line-height: 4.5em !important;
    }
}



.manufacturer-list-page .title {
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--heading-color);
    text-align: left;
}

    .manufacturer-list-page .title:after {
        content: "";
        display: block;
        width: 70px;
        height: 6px;
        background: var(--second-dark);
        margin: 10px 0px;
        border-radius: 5px;
    }

.elementor-element .picture h2:after {
    display: none;
}

.elementor-element .picture a {
    color: var(--text-color-black);
}

#receiptmargin {
    margin-top: 2px !important;
}

#tblIDWisedownlineDetails td {
    text-align: left !important;
}

.Eventitem-box .box {
    background: var(--primary-gradient) !important;
    border-radius: 0px !important;
}

.inputs input[type="text"] {
    max-width: 98% !important;
}
/*BY DG for eye icon*/
@media screen and (max-width: 660px) {
    .form-group-inner .form-control {
        width: 100% !important;
    }
}

.forums-table-section a {
    color: var(--second-color) !important;
}

/*select option:hover, select option:focus, select option:active{
	background-color: #ddd !important;
	box-shadow: 0 0 10px 100px #1882A8 inset;
}*/

/************After login social link****************************/
.loginBtn--google {
    background: #DD4B39 !important;
}

.loginBtn--facebook {
    background: #4C69BA !important;
}

.login-horizental #SetPassword {
    padding: 0px 8px 2px 8px !important;
    line-height: 32px !important;
    font-size: 14px !important;
    width: 220px;
    border-radius: var(--card-radius);
    text-align: center;
}

#SetPassword {
    margin-top: 0px !important;
}

@media (min-width: 320px) and (max-width: 480px) {
    #FacebookAuth {
        margin-left: 0% !important;
    }
}

/***********Bug #72264 dropdown overlaping*******************************/
.select2-container {
    position: relative;
    z-index: 120 !important;
}
/***********Brand Section*******************************/
.elementor-widget-container .title {
    color: var(--main-color) !important;
}

.elementor-container .title {
    color: var(--primary) !important;
}
/*******************Seller list**********************************************/
.vendor-item .title {
    display: block !important;
    margin-bottom: 0px !important;
}



.view-all-btn .read-more {
    background: var(--primary) !important;
    color: var(--white) !important;
    padding: 12px 12px !important;
}

/*PUK*/
/*//puk form genelogy poppup*/
@media (min-width: 360px) {
    .mean-container .mean-bar {
        /*width: 100%;*/
    }
}

.overlayGenoPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    .overlayGenoPop:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 95px auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 70%;
    overflow: scroll;
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popup .close {
        /*position: absolute;
                                    top: 20px;
                                    right: 30px;*/
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #c90000;
        opacity: 1;
    }

        .popup .close:hover {
            color: #06D85F;
        }

/*.popup .content {
                                    max-height: 30%;
                                    overflow: auto;
                                }*/
.liflex {
    display: flex;
}

.lipopCont {
    float: left;
    border: 3px solid #ddd;
    padding: 5px;
    font-size: 0.8em;
}

.lipopContEmpty {
    float: left;
    /*border:3px solid #ddd;*/
    font-size: 1em;
    text-align: right !important;
}

.ulgeno {
    width: 100%;
}

.genolbl {
    width: 50%;
    font-weight: 700;
}

.genoval {
    width: 50%;
}

.genowd50 {
    width: 50%;
}

.genoBold {
    font-weight: 700;
}

.genoTitle {
    padding: 10px 0 0 0;
}

.ulgeno .lipopContEmpty:first-child {
    border-right: 3px solid #ddd;
}

.genoMainPopCont {
    border: 3px solid #ddd;
    color: black;
    background: #fff;
    border-radius: 3px;
    margin-top: 40px;
}

.closediv {
    position: fixed;
    width: 38%;
    /*padding: 3px;*/
    background-color: #eaeaea;
    margin-top: -10px;
}

.popup .close:hover {
    color: #5d5d5d;
}

.popmainLbl {
    font-weight: 700;
    padding-left: 10px;
    line-height: 30px;
}

.labelsec {
    font-weight: 700;
    text-align: center !important;
}

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }

    .popup {
        width: 90%;
    }

    .closediv {
        width: 86%;
    }

    .footer-disclaimer {
        display: none;
    }

    #ScrollableDiv {
        width: 100% !important;
        /*margin: 40px !important;*/
    }
}

.sec3 {
    width: 33.333% !important;
}

.treesec {
    width: 35% !important;
}

.divsec {
    width: 65% !important;
}

.atreesec {
    width: 100%;
}

@media screen and (max-width: 360px) {
    .trinarypop {
        width: 100% !important;
    }

    .closediv {
        width: 84%;
    }

    .overlayGenoPop {
        padding: 10px 20px 10px 20px;
    }
}

.genoMainPopCont {
    min-width: 480px;
}

@media screen and (max-width: 640px) {
    .genoMainPopCont {
        min-width: 500px !important;
    }
}
/*PUK for Offer label icon form offer product*/
.cart .product img {
    width: 100% !important;
    max-width: 50px !important;
}

.offerImage {
    width: 100%;
    top: 0 !important;
    width: 60px !important;
    position: absolute !important;
    z-index: 999 !important;
    right: 0 !important;
}

.offerImageclass img {
    /*width: 50px;*/
    position: relative !important;
    width: 60px;
    padding: 18px 0 !important;
}

/*end PUK*/
/*BY DG*/
.opcbilling-addressform .inputs label {
    margin-left: 0% !important;
}

.opcbilling-addressform .inputs {
    text-align: center;
}

.opcbilling-addressform .info .inputs label {
    width: 30%;
}

@media screen and (min-width: 1024px) {
    .opcbilling-addressform .col-md-4, .opcbilling-addressform .col-md-5 {
        text-align: right;
    }

    .opcbilling-addressform .col-md-6 {
        text-align: left;
    }
}

.opcbilling-addressform .info, .opcbilling-addressform .info #lblEwalletAmount {
    color: black;
}

.compare-products-table td, .forums-table-section td {
    background: none;
}

.generic-coommon-reports .form-group-inner label {
color: var(--form-label-color); !important;
}
/*end DG*/
/*puk form current offer page form guest command member*/

@media all and (max-width:1100px) and (min-width:990px) {
    .CurrentOfferMainBox {
        width: 49% !important;
    }
}

.CurrentOfferMainBox .sparkline7-graph {
    display: block !important;
}

.CurrentOfferMainBox .sparkline7-hd {
    padding: 8px 4px;
    background: var(--table-th) !important;
}

@media only screen and (min-width: 351px) and (max-width: 400px) {

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 50px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 500px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 117px;
    }
}

@media only screen and (min-width: 501px) and (max-width: 700px) {
    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 176px;
    }
}

.CurrentOfferMainBox {
    min-height: 500px !important;
}

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 50%;
        border: white solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        /*overflow-y: auto;*/
        min-height: 400px;
        height: 100px;
    }


    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px; /* Optional: Add padding for content */
    }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar {
            width: 12px;
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-thumb {
            background-color: #888; /* Color of the thumb */
            border-radius: 8px; /* Rounded corners of the thumb */
            border: 3px solid #fff; /* Border around the thumb */
        }

        .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-track {
            background-color: #f1f1f1; /* Color of the track */
            border-radius: 8px; /* Rounded corners of the track */
        }

    .CurrentOfferMainBox .product-name {
        display: block;
        flex-direction: column;
        flex-basis: 19% !important;
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }


    .CurrentOfferMainBox .image {
        width: 200px;
        height: 200px;
        font-weight: bold;
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: 50%;
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: 80%;
    }


.CurrentOfferMainBox {
    /*display: flex*/;
    justify-content: center;
    align-items: center;
}

    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: x-small;
        padding-right: 30px;
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
    }

@media (max-width:479px) and (min-width:320px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-flow: column;
        font-size: xx-small;
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column;
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 96%;
        border: white solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        /* overflow-y: auto; */
        min-height: 400px;
        height: 100px;
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
        flex-flow: column;
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: 12px;
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important;
    }
}

@media (max-width:599px) and (min-width:480px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        /* flex-flow: column; */
        font-size: 8px;
    }

    .CurrentOfferMainBox .image {
        width: 150px;
        height: 150px;
        font-weight: bold;
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column;
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: white solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        /* overflow-y: auto; */
        min-height: 400px;
        height: 100px;
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
        /*flex-flow: column;*/
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller;
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important;
    }
}



@media (max-width:1023px) and (min-width:600px) {
    .CurrentOfferMainBox .Datediv {
        display: flex;
        justify-content: center;
        align-items: center;
        /* flex-flow: column; */
        font-size: xx-small;
    }

    .CurrentOfferMainBox .image {
        width: 200px;
        height: 200px;
        font-weight: bold;
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .CurrentOfferMainBox .InnerBox {
        display: flex;
        flex-flow: column;
    }

    .CurrentOfferMainBox .CurrentOfferBuyBox {
        width: 98%;
        border: white solid 2px;
        margin-left: 6px;
        margin-right: 6px;
        margin-bottom: 10px;
        border-radius: 8px;
        /* overflow-y: auto; */
        min-height: 400px;
        height: 100px;
    }

    .CurrentOfferMainBox .container {
        display: flex;
        border: 1px solid #ccc;
        width: auto;
        /*flex-flow: column;*/
    }

    .CurrentOfferMainBox .box1 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .box2 {
        padding: 10px;
        margin: auto;
        width: auto;
        font-size: 11px;
    }

    .CurrentOfferMainBox .scrollable-content {
        width: 100%;
        height: 100%;
        overflow-y: auto;
        padding: 10px;
        font-size: smaller;
    }

    .CurrentOfferMainBox .profile-contact-menu {
        padding-left: 10px !important;
    }
}


.CurrentOfferMainBox .OfferTitle {
    color: #fff !important;
    font-size: small;
}

.CurrentOfferMainBox .OfferTitlediv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.CurrentOfferMainBox .typeoffer {
    color: #fff !important;
}

.CurrentOfferMainBox .Datediv h1 {
    color: #000 !important;
    margin-right: 35px;
}

.CurrentOfferBuyBox h1 {
    text-align: center;
    color: #000 !important;
}

.OfferTitle {
    text-align: center;
    color: #fff !important;
}
/* Used for removing spaces between * and label */
@media (max-width: 660px){
 .form-group-inner label{
	 padding:0 !important;
 }
 .form-group-inner .col-xs-12 {
width:100% !important;
margin:0px !important;
text-align: center;
}	
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    padding: 20px 10px;
}
#txtPassword .form-control {
	width:100%;
}

#PaymodePanel  .mCustomScrollBox   .col-md-4 label {
    padding-left: 0px !important;  
}

#displayamt {
    text-align: center !important; 
}

#PaymentInformation .custom-datatable-overright table tbody tr td p { 
    text-align: justify;
}
#paymodeDetailsDiv .col-xs-11{
	width:100% ! important;
}
#SetManualdate, #paymentInfo .form-group-inner{
	width:100% ! important;
}
.payment-info .WWCustWalletcls   .col-md-5,  .payment-info .newupgradetext  .col-md-4{
        text-align: left !important;
		    padding-left: 0 !important;
}
.payment-info .WWCustWalletcls   .col-md-5,  .payment-info .newupgradetext  .col-md-4{
        text-align: left !important;
		    padding-left: 0 !important;
}

#upgTrn .col-md-6 {
    width: 100%;
    display: block; 
}

#paymentInfo .newupgradetext .col-md-6 {
    width: 100%;
    display: block;
	    padding: 0;
}

#upgTrn #paymentInfo table tbody tr td p { 
    text-align: justify !important;
}

#PaymodePanel  .newupgradetext   .col-md-6 {
     width: 100% !important; 
}

#receipt1 input[type="file"] 
{
   padding-left: 0px !important;
}
.opcbilling-addressform input[type="text"]{
	width:85% !important;
}
.#receipt1 .col-md-4 {
    text-align: center !important; 
}
 .col-md-6 .form-control, select {
 position: static !important;
 }
  .col-md-12 .sparkline16-graph .form-group-inner .col-md-6{
	 width:100% !important;
 }
 .admin-panel-content .divKycblock .col-lg-4 .required{
	 float:initial !important;
 }
   
.form-group-inner .col-md-6{
	width:100% !important;
}
.login-horizental .btn-primary{
	/* margin-top:0px !important; */
}
}

@media (max-width:2000px) and (min-width:1100px) {
            .form-group-inner .row .col-md-4 {
                padding-left: 14.50% !important; 
            }
        }
@media (width: 1024px) {
.form-group-inner .row .col-md-4 {
    padding-left: 10% !important;
}
}
@media (min-width: 981px) {
#registerPanelCount .regpaymode  .inputs .col-md-4 label {
    width: 65% !important;
  }
  
#registerPanelCount .regpaymode  input[type="file"]{
	float: left;
  padding-left: 5px;
}


#upgTrn #ewalletlablelalign,  #upgTrn #epinsecretcodelabel, #upgTrn .newupgradetext .col-md-4{
	text-align: right !important;
}
#upgTrn #ewalletlablelalign .required{
    padding: 0 !important;
	 margin: 0 !important;
}	
.payment-info .WWCustWalletcls   .col-md-5,  .payment-info .newupgradetext  .col-md-4{
        text-align: left !important;
		    padding-left: 0 !important;
}
 
 #upgTrn #paymentInfo .inputs{
	 padding-right:0px !important;
 }
 
 
#paymentInfo .newupgradetext .col-md-6 {
    text-align: left !important; 
}
#paymentInfo .newupgradetext .col-md-6  input[type="text"]{
    width: 82% !important; 
}

}
@media (max-width: 2000px) and (min-width: 1100px) {
  .form-group-inner .row .col-md-4 {
   padding-left: 15% !important;
  }
  .payment-info .newupgradetext   .col-md-4{
        padding-left: 0 !important;
}

}

#registerPanelCount .regpaymode .form-group-inner .row .col-md-4 {
	padding-left: 11% !important;
}
.materialdesign .mg-b-15, .container-fluid #sparkline16id {
	/* padding-top: 20px !important; */
}
@media (min-width: 992px){
#PaymentProcessed1 .col-md-4 {
	width: 28.333333% !important;
	
}

#paymodeDetailsDiv .newupgradetext   .col-md-4 label{
    text-align: left !important;
}
#PaymodePanel  .newupgradetext   .col-md-4 label, #upgTrn #ewalletlablelalign label{
     width: auto !important;
	text-align: right !important;
}
 

/* AJS For Register Payment modes and other fields label alignment */
 #PaymentProcessed   .col-md-4{
	     width: 25% !important; 
    text-align: right; 
	padding: 0;
 }
#registerPanelCount .regpaymode .form-group-inner .row .col-md-4 {
	padding-left: 3% !important;
}

.regpaymode .required { 
    padding-right: 2px;
}
#registerPanelCount .regpaymode .inputs .col-md-4 label { 
    width: auto !important;
	text-align: right !important;
}

 #PaymodePanel #paymodeDetailsDiv  .col-md-4{ 
    text-align: right !important;  
 }
 
}

#divNameAmount #displayamt { 
     margin-top: 0px;  
}



.inputs.is-required > label:after {
    float: left !important;
    padding: 2px 6px 2px 2px !important;
}
#receipt1 .col-md-4 
{
   /* text-align: right !important; */
}
#upgTrn #paymentInfo .required{
	margin:0 !important;
}

.purchase-area #offerImagediv{
    width: fit-content;
}
.overview  .manufacturers .label{
    color: var(--text-color-black);
}

 .overview .label{
      color: var(--text-color-black);

 }

@media (min-width: 1023px){
.col-md-offset-1 .register-content {
    /* margin: 50px 120px; */
    margin: 0px 0px !important;
}
}
@media (min-width: 600px) and (max-width: 601px){
.form-group-inner .divCol1{
width:100% !important;
}
.form-group-inner .divCol2{
width:100% !important;
}
}

/* //PUK */
#personalInfoDetailPanel {
    /*  width: 50%;
    margin-left: 12%;*/
    width:auto !important;
    margin-left: 0px !important;
}
.inputs input[type="text"], .inputs input[type="password"], .inputs select, .inputs textarea {
    width: 50% !important;
}
.checkout-page .payment-method input[type="checkbox"], input[type="radio"] {
    margin: 0 0 5px 0 !important;
}

@media (max-width: 660px) {
    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
         padding: 20px 10px !important; 
    }
  #personalDetails #genderDetails {
      padding-left:0px !important;
  }
 #paymodeDetailsDiv .col-md-6{
      width:100% !important;
  }
 .form-group .col-xs-11{
 width:100% !important;
 }
 .col-md-4 .required {
    margin:0px !important;
}

} 
/* End PUK */
/*PUK css Admin Module Blue*/
.well{
margin-bottom: 0px;
  padding:0px !important; 
  margin-bottom: 0px !important; 
  background: var(--card-bg) !important;
  border: 0px !important; 
  border-radius: 0px !important; 
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: var(--card-shadow) !important;
  background: var(--card-bg);
  border-radius: var(--card-radius) !important;
  overflow: hidden;
padding: 10px !important;
  margin-top: 15px;

}
.overview .qty-input{
	color: #fff !important;
}
input[type="text"], input[type="password"], textarea,select {
	Color:#000 !important;
}
#addtocart_29_EnteredQuantity{
	  	background: var(--btn-primary) !important;
		border: none !important;

}
.breadcrumb > li + li:before {
 
    content: none !important;
}
 .highlightoffer .profile-contact-menu{
     /*border:3px dashed var(--table-th) !important;*/
       /* background-image: url(../img/bluebg.jpg); */
     background-size: cover;
     background-repeat: no-repeat;
     padding: 10px;
     border-radius: 15px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	background-color: var(--table-th);
	 margin: 10px 0;
}

.highlightoffer .h1style{
    background-image: url(../img/offer.png);
     background-repeat: no-repeat;
     /*width:80px;*/
     height:60px;
   
}

  
.highlightoffer .CurrentOfferBuyBox .h1style h1{
    font-size: 2em;
    font-weight : bold;
    color: #cd0202 !important;
     animation: Offerblink 1s infinite;
}
.highlightoffer .CurrentOfferBuyBox .h1style h1  strong{
    animation: Offerblink 1.5s infinite;
 
}
@keyframes Offerblink {
    0% { color: #f91f3e; } /* Light yellow */
    50% { color: transparent; }
    100% { color: #f91f3e; } /* Light yellow */
}
.CurrentOfferMainBox .highlightoffer .container{
    border: none !important;
}
.CurrentOfferBuyBox .scrollfree{
    overflow-y:scroll !important;
}
@media (max-width: 600px) {
    #registerPanelCount .form-group-inner .row #JoiningDay {
        margin-bottom: 5px !important;
    }
}
.col-md-5 label{
    color:#1a1a1a !important;
}


/************ AJS After UAT Uploading  *****************************/
@media (max-width: 1440px) and (min-width: 1024px) {
    .divKyc {
        height: 96% !important;
    }
}

.divKyc.inside-box {
    background-color: transparent !important;
} 
.sparkline8-graph, .sparkline7-graph, .sparkline16-graph, .sparkline9-graph{
    overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}

#VideoGallery .page-title h1, .page-title h1{
    background-color: transparent !important;
}

 #lblDatetd{
color:#fff !important;
}

#tbVoucher{
     width: 100% !important; 
}
.sparkline16-graph strong#searchResult, #noteQRCodeSection span, div#searchResult b, .contact-client-content p{
color: var(--white) !important;
}
.cart th{
   background: var(--table-th) !important;
    border: 1px solid var(--table-th-border) !important;
}
.address-client-ct a{
color: cornflowerblue;
}
#welcome .more-info:hover{
color: var(--white);
}
body{
background-color: var(--header) !important;
}
.dataTables_wrapper input{
background:var(--white) !important;
}

@media (max-width: 600px){
.master-column-wrapper{
margin: 0 10px;
}

.quickView, .quickViewWindow{
    width: 100% !important;
    overflow: auto;
}
.cart-collaterals {
width:100%;
}
.shipping-options .inputs label{
width:auto !important;
}
.checkout-page .inputs input , .estimate-shipping .inputs input ,.estimate-shipping .inputs select{
display:block !important;
width:100% !important;
}

.checkout-page .inputs input[type="text"], .checkout-page .inputs input[type="password"], .checkout-page .inputs select, .checkout-page .inputs textarea{
display:block !important;
width:100% !important;
} 

.register-content .sparkline16-graph .form-group-inner input[type="text"], .register-content .sparkline16-graph .form-group-inner .form-control{
width:95% !important;
}
.register-content{
padding: 0 !important;
}

#registerPanelCount .field-icon{
margin-right:28px !important;
}
}
@media (max-width: 480px){
.previous-product a, .next-product a {
border-bottom:none !important;
}
.next-product a {
    padding: 10px 40px 10px 10px !important; 
}
.previous-product, .next-product { 
    margin: 10px;
}
.productTabs {
    margin: 0 10px 40px !important;
}
}


.category-item {
display: inline-block;
}

.elementor-widget-image img { 
    height: 120px;
}
.elementor-container .title {
    padding: 5px !important;
}

.manufacturer-list-page .title:after{
margin:0;
}
#footerResponsive{
    /*display:none !important;*/
}
 .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:hover, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:focus, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:active, .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited{
    background: linear-gradient(to bottom, var(--second-color), var(--second-dark)) !important;
}
#Diventeredamt .lblAmount{
     color:#fff !important;
 }
/*puk*/
.custom-datatable-overright .form-group-inner .col-md-5 label{
color:var(--form-label-color) !important;
}
#tbTree td{
            vertical-align :top !important;
        }
  .materialdesign .left-custom-menu-adp-wrap ul.left-sidebar-menu-pro li a:visited{
    background:  var(--second-color) !important; 
}
  .nav .open > a{
      background-color:inherit !important;
  }
/*PUK for Mobile View Header Icon*/
.custom-mobile .mobile-nav   .navUL  i{ 
display:none !important;
}
/* PUK Hotfix Bug #76693 */
#registerPanelCount, .shadow-reset h1{
text-transform: capitalize !important;
}

.orderhistory{
    padding:10px 0px;
}
.bar-notify {
    margin: 15% 0;
}
@media screen and (max-width: 1024px) {
    .bar-notify {
        margin: 45% 0;
    }
}

/*//PUK SBU bugs*/
.propastsign span{
    margin:0 2px 0 -11px !important;
}


@media (max-width:660px)
{
    .nivo-controlNav a
    {
        width:8px !important;
        height:8px !important;
        border-radius:8px;
    }
}

@media (min-width: 981px) {
    .shopping-cart-page .totals {
        width: 41% !important;
    }
}