:root {
    --white: #fff;
    --text-color-black: #131313;
    --header: #ffffff;
    --side-bar: #7e2a8f ;
    --sidemenu-color: #ffffff;
    --side-sub-menu-bg: #181e25;
    --primary: #7e2a8f !important;
    --second-primary: #ed1c24;
    --second-color: #ed1c24;
    --second-dark: #7e2a8f;
    --card-radius: 15px;
    --card-radius-product: 20px;
    --card-radius-second: 20px;
    --card-bg: #ffffff;
    --card-border: 2px solid #ffffff;
    --card-shadow: 0px 6px 34px rgba(215,216,222,.41);
    --btn-border-radius: 30px;
    --primary-light: #001047;
    --table-text: #131313;
    --table-even: #ffffff;
    --table-odd: #fdf6ff;
    --table-th: #7f2a8e;
    --table-th-border: #505050;
    --table-th-color: #ffffff;
    --table-border: #c7c7c7;
    --scroller-bg: #aaaaaa;
    --scroller-box: #018cdb;
    --text-color-black: #2e3841;
    --header-bg: #ffffff;
    --header-link-bg: #ffffff;
    --heading-color: #000;
    --product-card-bg: #ffffff !important;
    --product-card-border: 2px solid #ffffff;
    --button-color: #7e2a8f;
    --quick-view-color: #2e3841;
    --product-tab-content-bg: transparent;
    --product-tab-border: 2px solid #7f2a8e;
    --product-tab-card-radius: 20px;
    --tab-border-radius: 15px;
    --button-border-radius: 0px;
    --second-card-border: 2px solid #7f2a8e;
    --billing-address-bg: linear-gradient(71deg, rgba(237,28,36,1) 0%, rgba(129,45,144,1) 100%);
    --billing-address-border: 2px solid #7f2a8e;
    --shipping-method-border: 2px solid #7f2a8e;
    --shipping-method-bg: rgb(0 15 57);
    --footer-bottom: #2e3841;
    --footer-top: #000718;
    --sub-head-bg: transparent;
    --sub-head-color: #de771b;
    --sub-head-borderRadius: 0px;
    --btn-primary: #7f2a8e;
    --btn-primary-color: #fff;
    --btn-primary-border: 2px solid #7f2a8e;
    --btn-primary-hover: rgba(1, 5, 83, 0.7);
    --btn-gradient: linear-gradient(to bottom, #22affb, #0084cb) !important;
    --btn-secondary: #001252;
    --form-label-color: #343c55;
    --accordion-head-bg: linear-gradient(71deg, rgba(237,28,36,1) 0%, rgba(129,45,144,1) 100%);
    --accordion-head-color: #fff;
    --accordion-head-icon: #ffffff;
    --quick-view-color: #fff;
    --quick-view-card-detail: #ffffff;
    --quick-view-card-head: #ed1c24;
    --quick-view-card-head-color: #ffffff;
    --side-menu-icon: #ffffff;
    --primary-gradient: linear-gradient(-45deg, #c759db 20%, #a545b7 50%, #7f2a8e 100%);
    --button-primary-color: #ffffff;
    --button-Activecolor: #ed1f27;
}
/*=======Header & Menu Style=======*/
body {
    font-family: 'Poppins', sans-serif !important;
}

    body.materialdesign {
        background: url(../css/images/bg.png);
        background-size: 100%;
        background-color: #001453;
        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;
    background: var(--primary-gradient);
}

.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: 10px 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-image: linear-gradient(to bottom,var(--second-color),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: #000b28;
}

.btn-primary {
    background: var(--primary-gradient) !important;
    border-radius: 15px;
    margin-top: 13px !important;
    border-color: var(--btn-primary-border) !important;
    border-radius: 30px !important;
    padding: 15px 25px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: inset 0px 0px 15px 2px #7e2a8f;
    font-size: 13px;
    border:0px;
}

.btn-danger {
    /*background-image: linear-gradient(to bottom, #ff9931, #c96805) !important;
    border-radius: 15px;
    border-color: #ff8f21 !important;*/
    margin-top: 10px;
    background-image: linear-gradient(to bottom, #ae0808, #ba1717, #c62224, #d22d31, #de373e) !important;
    border-radius: 0px;
    /* margin-top: 13px !important; */
    border-radius: 30px !important;
    padding: 15px 25px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: inset 0px 0px 15px 2px #a70006;
    font-size: 13px;
    border: 0px;
}

.btn-warning {
    background-image: linear-gradient(to bottom, #ae0808, #ba1717, #c62224, #d22d31, #de373e) !important;
    border-radius: 0px;
    margin-top: 13px !important;
    border-radius: 30px !important;
    padding: 15px 25px;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: inset 0px 0px 15px 2px #a70006;
    font-size: 13px;
    border: 0px;
}

.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 #7f2a8e;
    overflow: hidden;
    box-shadow: 0 0px 6px 0px #7f2a8e !important;
    transition-duration: 0.2s;
}

    .dashboard-box:hover {
        box-shadow: 0 2px 20px 0 #7f2a8e !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);
}

.newKendo .k-widget tr:hover, .newKendo .k-widget tr.k-alt:hover {
    background-color: var(--table-trHover) !important;
}

.newKendo .k-grid tr:hover {
    color: var(--table-trHoverText) !important;
}

.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: 0px !important;
    padding-bottom: 100px;
}

.materialdesign .adminpro-custon-design .panel-heading {
    background: var(--accordion-head-bg) !important;
    color: #fff;
    border-bottom: 0px !important;
    padding: 15px 10px !important;
    border-radius: 0px 0px;
}

    .materialdesign .adminpro-custon-design .panel-heading h4 {
        color: var(--white) !important;
    }

.panel-group .panel {
    /*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%;
}

.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) !important;
}

.form-group-inner span {
    color: var(--text-color-black);
}

.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(--text-color-black) !important;
        font-size: 22px !important;
        text-transform: capitalize;
    }

.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(--white) !important;
}

.main-sparkline13-hd h1 {
    color:var(--white) !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(--white);
}

.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;
}

#tblTreeView td {
    width: 16.4%;
}
#tblTreeView td:last-child {
    padding:15px !important;
    text-align: left;
}

#tblTreeView td img {
    width: 67px !important;
}

.adminTitle {
    color:var(--text-color-black);
    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, #dvNote i {
    color:var(--text-color-black) !important;
}*/

.table-wrapper i {
    color:var(--white);
}

.returning-wrapper h4 {
    color: var(--text-color-black);
}

    .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-color: var(--header-link-bg) !important; 
}

.header-top {
        background: #ffffff;
}

#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: #efeeef !important;
    border-bottom: var(--card-border) !important;
    border-radius: 15px !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;
}
.sub-category-grid .item-box {
    width: 18%;
    padding: 16px !important;
   
}

.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: #7e2a8f;
    border-radius: 0px;
    font-size: 15px;
    font-weight: 500;
    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: 500;
            text-transform: capitalize;
            color:var(--text-color-black);
            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%;
            max-height: 100% !important;
        }

.item-box .product-title a {
    color: var(--text-color-black);
    font-size: 16px;
    font-weight: 500;
}

.item-box .product-title:after {
    display: none;
}

.item-box .details {
    color:var(--text-color-black);
    font-size: 12px;
}

.item-box .actual-price {
    font-size: 16px;
    color: var(--second-color);
    font-style: normal;
    font-weight: 500;
}

.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: 30px;
}

    .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: #fcfcfc !important;
    background: var(--primary) url(../../img/icon-qv.png) no-repeat 10px center !important;
    border-radius: 30px !important;
}

.category-description p {
    /*background: var(--second-color) !important;*/
    background: #ffffff !important;
}

.news-list-homepage .title strong {
    /*color: var(--text-color-black) !important;
    font-size: 25px !important;*/
    font-weight: 600 !important;
    font-size: 40px !important;
    font-weight: 600;
    color: #343c55 !important;
    text-align:center;
}

.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: #fff !important;
        text-align: center;
        margin: 25px 0px !important;
    }

        .rich-blog-homepage .title strong {
            font-weight: 600 !important;
        }

    .rich-blog-homepage .blog-post {
        border-radius: 20px;
        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: transparent !important;
		border-top:none !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: 15px;
}

.rich-blog-homepage .view-all a {
    color: var(--second-dark);
    font-weight: 600 !important;
}

.post-title, .news-title {
    font-weight: 600 !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;
    margin-top: 5.0em;
}

    .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);	
    margin: 5px 0 20px;
	background-color:transparent !important;
   padding: 22px 15px !important;
}
.breadcrumb li *{
	color:var(--text-color-black) !important;	
}
.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: 15px;
    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-Activecolor);
    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: #131313 !important;
    /*background: rgba(2, 5, 64, 0.7) !important;*/
    text-align: center;
    border: 1px solid var(--table-border) !important;
}

.venextgridcolor {
    color:var(--text-color-black) !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(--second-primary) 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(--primary-gradient) !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; 
    color: var(--button-primary-color) !important;
    margin-top: 15px;
	border-radius:30px;
}

.page-title h1 {
    color:var(--text-color-black);
    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(--text-color-black); 
}

.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(--text-color-black) !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;
    background: #d7d7d7;
}

    /*.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: rgb(0 17 56 / 70%) !important;
    background-image: none !important;
} 

.footer-bottom { 
    background: transparent !important;
    position: relative;
}

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: var(--header);
    border: 1px solid #fff;
    border-radius: 15px;
}

    .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;
    color: #c00 !important;
}

.divKyc {
    border: 2px solid rgba(255,255,255,0.2);
    border-radius: 15px;
    padding: 15px;
    margin: 15px 0px;
    display: inline-block;
    width: 100%;
}

/*====order details======*/
.ordertext {
    color: #fff;
}

.dashone-adminprowrap {
    padding: 0px;
    background: transparent;
    margin-top: 25px;
}

.contact-client-address p {
    color: #000 !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;
}


#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: 15px;
    }

        .block .title strong {
            color:var(--text-color-black);
        }

    .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(--text-color-black) !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);
}
 

    .sub-category-item .picture img, .manufacturer-item .picture img, .vendor-item .picture img {
        border-radius: var(--card-radius);
        height: 100%;
        width: 100%;
    }

#receipt label {
    color: var(--form-label-color) !important;
} 

.order-progress li.inactive-step a {
    opacity: 0.5;
    cursor: default;
    color: var(--second-color) !important;
}

.checkout-page .address-item {
    background: #ffffff;
    /*border: var(--billing-address-border);*/
    border-radius: var(--card-radius-second);
    box-shadow:var(--card-shadow);
    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;
    box-shadow: var(--card-shadow);
}

#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: 5px;
}

#TabPinsDetails .col-lg-12, #TabDetails .col-lg-12 {
    background: transparent !important;
}

#tblTreeView td {
    color: var(--text-color-black);
}

.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(--text-color-black) !important;
    background-color: var(--second-color) !important;
    border-color: var(--second-color) !important;
}

.pswrdrecvry {
    margin: 10px;
}

#passrecoveryid {
    color: var(--text-color-black);
}

.btn-secondary {
    color: #535353 !important;
    border-radius: 30px;
    padding: 15px 25px;
    background: linear-gradient(180deg, rgba(245, 245, 245, 1) 0%, rgb(233 233 233) 100%) !important;
    box-shadow: inset 0px 0px 15px 2px #cfcfcf;
    border: 0px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}



    .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: 15px;
    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: #fff;
}

    .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;
}
 
.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(--white);
}


/*====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);
} 
.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: 13px 10px;
    /* border: var(--btn-primary-border) !important; */
    margin: 0px !important;
    background: var(--primary-gradient) !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%  ;
    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(--text-color-black);
}

.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:#ffffff !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;
}
.quickView .k-window-titlebar.k-header .k-window-actions{
	background-color: #fff !important;
}
#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(--white) !important;*/
        background:#000 !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;
    }

    #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: 31.33%;
        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 15px !important;
        margin-top: 15px !important;
    }

    .category-item .title a, .sub-category-item .title a, .manufacturer-item .title a, .vendor-item .title a {
        font-size: 12px;
        text-transform: capitalize;
    }

    input[type="button"], input[type="submit"], button, .button-1, .button-2 {
        margin-top: 0px;
    }

    .footer-bottom {
        color:var(--text-color-black) !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 !important;
    }

    .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: 48%;
        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 { 
    background-size: cover !important;  
	    animation: changeBg-1 15s infinite;
    width: 100% !important;
    height: 180px !important;
}

    .CatImgcontainer .CatImgwrapper:hover {
        border: 5px solid var(--primary);
    }
 

    .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);
		height:200px;
    }

    .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: 0px !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;
    }
    .category-item .picture, .sub-category-item .picture, .manufacturer-item .picture, .vendor-item .picture {
        height:auto;
    }
}

@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: 0px !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: 0px !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%;
    }
}

@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:0px !important;
    }
}


@media (min-width: 680px) and (max-width: 980px) {
    .slider-wrapper {
        margin-top: 0px !important;
    }

    #SearchResponsiveStore {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .header-logo {
        width: 118px;
        float: left;
    }
}

@media (min-width: 360px) and (max-width: 680px) {
    .slider-wrapper {
        margin-top: 0px !important;
    }

    #SearchResponsiveStore {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
    }
    .header {
        height: 72px;
    }
    .header-logo {
        width: 115px;
        float: left;
    }

    .item-box .old-price {
        line-height: 20px !important;
    }

    .item-box p.old-price {
        line-height: 20px !important;
    }

    .form-control {
        box-shadow: none;
        transition:none;
    }
    .custome-header {
        border-bottom: 0px solid #f3f3f3;
    }
}



.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:50%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 70%;
    overflow: scroll;
    height: auto;
    background-color: transparent;
     -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.popup::-webkit-scrollbar{
    display: none;
}

    .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: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #c90000;
    opacity: 1;
    background: #ffffff;
    padding: 2.5px 7px;
    border-radius: 80px;
    }

        .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;
    border-bottom: 1px solid #5c415f;
    margin-bottom: 5px;
}

.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: 7px double #5c415f;
    color: black;
    background: #fff;
    border-radius: 3px;
    margin-top: 17px;
    box-shadow: rgba(92, 65, 95, 1) 0px 2px 8px 0px;
    box-shadow: inset 0 0 10px #5c415f;
        border-radius: 10px;
}

.closediv {
    position: fixed;
    width: 49%;
    /*padding: 3px;*/
    /*background-color: #eaeaea;*/
    margin-top: 7px;
}

.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: 100%;
    }

    .closediv {
        width: 97%;
    }

    .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;*/
    min-width: 350px;
}

@media screen and (max-width: 640px) {
    .genoMainPopCont {
        /*min-width: 500px !important;*/
         /*min-width: 395px !important;*/
		min-width: 310px !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 !important;
}

.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(--text-color-black) !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: 100%;
        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: #fff !important;
    margin-right: 35px;
}

.CurrentOfferBuyBox h1 {
    text-align: center;
    color: #fff !important;
}

.OfferTitle {
    text-align: center;
    color: #fff !important;
}
.header {
  box-shadow: none !important;
}
@media (max-width: 1980px) {
    .master-wrapper-page {
        width: 1170px !important;
    }
}
@media (max-width: 1260px) {
    .master-wrapper-page {
        width: 1170px !important;
    }
}
@media (max-width: 1170px) {
    .master-wrapper-page {
        width: 1100px !important;
    }
}
@media (max-width: 1100px) {
    .master-wrapper-page {
        width: 1000px !important;
    }
}
@media (max-width: 981px) {
    .master-wrapper-page {
        width: 980px !important;
    }
}
@media (max-width: 820px) {
    .master-wrapper-page {
        width: 750px !important;
    }
}
@media (max-width: 768px) {
    .master-wrapper-page {
        width: 100% !important;
    }
}
@media (min-width: 1023px) {
  .register-content {
    margin: 50px 35px !important;
  }
}

/*End PUK */
/* Used for removing spaces between * and label */

@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;
}	 
 
 #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;
}
@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: left !important;
}
#upgTrn #paymentInfo .required{
	margin:0 !important;
}
#epinsecretcodelabel label{
	color: #7f2a8e !important;
}
h1, h2 {
	font-weight:700 !important;
}
.cart td, .data-table td{
	background:none !important;
}
.pickup-in-store{
	color: var(--second-color);
}
.checkout-page .payment-method input[type="checkbox"], input[type="radio"]{
	margin:0 0 5px 0 !important; 
}

.checkout-page, .checkout-page .checkout-data{
	padding: 0 5px;
}
.checkout-page .payment-info p{
	color:var(--text-color-black) ;
}
button, input, optgroup, select, textarea {
	/* Color:#000d3a !important; */
}
.materialdesign .mg-b-15, .container-fluid #sparkline16id {
	padding-top: 20px !important;
}

@media (max-width: 660px){
 .form-group-inner label{
	 padding:0 !important;
	 width:auto !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;
}

#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;
}

#PaymentProcessed label {
    width: auto !important;
  }
   .register-content  .form-group-inner .col-md-6 {
	  width:100% !important;
	  padding-left: 15px !important;
  padding-right: 15px !important;
  }
  
 #PaymentInfo #dvEpinUnicDetails{
	  padding: 0 !important;
  }
  .register-content  .form-group-inner input{
	  width:100% !important;
  }
  
 #PaymodePanel #paymodeDetailsDiv input{
	  width:100% !important;
  }
   #PaymodePanel #paymodeDetailsDiv .col-md-6{
	  width:100% !important;
  }
  
  .header-links div{
	  background:none !important;
  }
  .shipping-options input, .shipping-options .inputs select{ 
	      width: 100% !important;
    display: block; 
  }
  .shipping-options .inputs label { 
    width: auto !important;
}

.edit-address label {
    /*width:auto !important;*/
	display:inline-block !important;
} 
 
#receipt1 .col-md-4 
{
   text-align: center !important;
}
#upgTrn #paymentInfo .form-group-inner .row div span{
	 float: none !important;
}
/*puk for Vnext_blue bugs */
 .col-md-6 .form-control, select {
 position: static !important;
 }
 /*.col-md-12 .sparkline16-graph .form-group-inner .col-md-6{
	 width:100% !important;
 }*/
 .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error{
	 text-align:center !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; */
}

/*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: blink 1s infinite;
}
.highlightoffer .CurrentOfferBuyBox .h1style h1 strong{
    animation: blink 1.5s infinite;
 
}
@keyframes blink {
    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: var(--form-label-color) !important;
}
.cart-info #offerImagediv{
	text-align:center !important;
}
@media (min-width: 980px) {
#co-payment-info-form .inputs label{
	width:auto !important;
}
.opcbilling-addressform .info, .opcbilling-addressform .info, #receipt1 .col-md-4 {
     text-align: right !important; 
}
    .opcbilling-addressform .info td {
        text-align: center !important;
    }

}

.opcbilling-addressform .info, .opcbilling-addressform .info #lblEwalletAmount > table td {
    color: #fff !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(--text-color-black) !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(--text-color-black);
}
body{
background-color: var(--header) !important;
}
.dataTables_wrapper input{
background:var(--white) !important;
}

@media (max-width: 600px){
.category-item {
display: block;
width: 100%;
}

.master-column-wrapper{
margin: 0 10px;
}

}
@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;
}
}

.elementor-widget-image img { 
    height: 120px;
}
.elementor-container .title {
    padding: 5px !important;
}
 
.manufacturer-list-page .title:after{
margin:0;
}

.manufacturer-list-page .title a{
    color: #000 !important;
}
 
.overview label{
 margin-bottom: 0px !important;
}
#tbReceiptCommission table  tr{
    background: var(--white);
  color:#000 !important;
}
/************ PK After UAT Uploading  *****************************/

#dvContainer table {
    color: var(--text-color-black) !important;
}

.RightLabel label {
    color: var(--text-color-black) !important;
}

#dvContainer table tr td .forcheckbox {
    color: var(--text-color-black) !important;
}

header .label-for-check
{    display: flex !important;
   
}
#MatchingIncomeReconsulationReport_wrapper{
overflow:auto;
}

.profile-contact-menu #quantityspan{
color: cornflowerblue !important;
}

@media (max-width: 800px) {
    .mobile-nav .navUL .fa-user, .mobile-nav .navUL .fa-link {
        font-size: 0 !important;
    }
    .mobile-nav .navUL {
        background-color: #ffffff !important;
        border: 1px solid white;
    }
}

.category-item .CatImgcontainer{ 
    padding-top: 0px;
}

.CatImgcontainer .CatImgwrapper { 
    background-size: cover !important;   
}
.all-form-element-inner .data-custon-pick {
     padding-left: 15px !important; 
     padding-right: 15px !important; 
} 
.table-wrapper table td:last-child { 
    min-height: 15px !important;  
}

span .k-select { 
    background-color: #a2a2a2 !important;
}

.register-content .form-group-inner input[type="radio"]{
width:auto !important;
}



.btn-warning, .btn-secondary,.login-horizental .btn-primary{
    border-radius: 30px;
     margin-top: 0px !important;  

} 

#PayoutStartDate, #PayoutEndDate{
color:var(--white);
}

.forum-search-box    .advanced  #Search{
display:none;
}
.custom-datatable-overright .Selectdropfield{
  position: relative !important;
    z-index: 1 !important;
 }
#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), #b7020b) !important;
}
#Diventeredamt .lblAmount{
     color:#fff !important;
 }
/*PUK form Matrix tree genealogy*/
@media (max-width: 2000px) and (min-width: 780px){
.newMatrix .genoMainPopCont{
    min-width: 401px !important;
   
}
.newm{
     width:40% !important;
 }
.matrixp{
    width:40% !important;
     height: 60%;
}
.valm{
    width:60% !important;
}
 .newMatrix{
    border: 3px solid #ddd;
    color: black;
    background: #fff;
    border-radius: 3px;
    margin-top: 40px;
    min-width: 100px !important;
}
 .matrixclose{
     width: 38% !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;
}
/*//PUK SBU bugs*/
/*.propastsign span {
    margin: 0 2px 0 -11px !important;
}*/
/*New label and astrick design*/


@media screen and (min-width: 1024px) {
    #genderDetails .col-lg-6 {
        padding: 0px !important;
    }

    #genderDetails .forcheckbox {
        padding-right: 7px !important;
    }
}

@media (max-width: 600px) {
    .form-group-inner #genderDetails {
        display: inline-block;
        text-align: start;
        padding-left: 0% !important;
    }
        .form-group-inner label {
            padding: 5px !important;
        }
}


@media screen and (min-width: 1024px) {
    .commonnewdeno .form-group-inner .row {
        width: 100% !important;
        display: inline-block !important;
        text-align: left !important;
        font-size: 16px !important;
        font-family: 'Poppins' !important;
    }
    .commonnewdeno .form-group-inner {
    /*text-align: center !important;*/
     margin-bottom: 0px !important;
}
    .commonnewdeno .form-group-inner .row label {
            margin-bottom: -5px !important;
        }

.commantheme {
    margin-bottom: 0px !important;
}

.commonnewdeno .validation-summary-errors {
    text-align: center !important;
}
.newUidv .form-group-inner {
    text-align: -webkit-center !important;
}

.newUidv .form-group-inner .row {
        width: 50% !important;
       
        text-align: left !important;
    }

/*.adminpro-custon-design .memdetailsection{
        width: 100% !important;
    float: left !important;
    }
    .memdetailsection2{
    width: 50% !important;
    float: left !important; 
    }
    .memdetailsection3{
    width: 48% !important;
    float: left !important;
    margin-left: 17px !important;
    }
    .memdetailsection4{
         width: 48% !important;
    float: left !important;
      margin-left: 17px !important;
    }*/
}
.optbtnsec{
    margin-top: 13px !important;
}

@media screen and (max-width: 768px) {
    .col-lg-12 .commonnewdeno {
        padding: 0;
    }
     .WWInfo{
 padding: 0;
    }
        .dvmobview{
 padding: 0;
    }
    .datatable-dashv1-list .custom-datatable-overright{
 padding: 0;
    }
        .commonnewdeno .form-group-inner {
    text-align: center !important;
     margin-bottom: 0px !important;
}
        #divEnterOTP{
            padding: 10px !important;
        }
       
}
@media (max-width:360px) {
    #personalDetails .btn-danger {
        margin-bottom: 3px !important;
    }
}

.dvmobview label{
font-size: 14px !important;
font-family:Poppins, sans-serif;
}


.panel-group .panelNew {
    background: var(--card-bg) !important;
     padding: 0; 
    border-radius: 15px !important;
    box-shadow: var(--card-shadow) !important;
    border: var(--card-border) !important;
    overflow: hidden;
   margin: 5px;
}
 
    .NoPad {
          padding: 0; 
    }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li{
color: #000 !important;
    }
 

.rich-blog-homepage .title {
    font-size: 40px !important;
    font-weight: 600;
    color: #343c55 !important;
}

#rich-blog-searchterms {
    margin-top: 0px !important;
}

.blog-search-box .listbox {
    padding-top: 20px;
}

.blog-search-box .search-box-button {
    background: #7e2a8f !important;
}

.product-item .btn-danger {
    box-shadow:none;
    margin-top:0px !important;
}


/*header style*/

.top-link-header {
    padding: 5px 15px;
    background: var(--second-primary);
    display:flex;
}

    .top-link-header ul.top-contact-detail {
        list-style: none;
        display: inline-flex;
        margin: 5px 100px 5px 0px;
        float: right;
    }

.top-link-header ul.top-contact-detail li {
    padding:0px 5px;
    color:#ffffff;
    font-size:14px;
}
.top-link-header ul.top-contact-detail li a {
    color: #ffffff;
    font-size: 14px;
    text-decoration:none;
}

.top-link-header ul.top-contact-detail li img {
     width:30px;
     margin-right:2px;
}
.top-link-header ul.top-social-link {
   list-style: none;
   display: inline-flex;
   margin: 0px;
   float: right;
   margin: 5px 100px 5px 0px;
}
.top-link-header ul.top-social-link li {
   padding: 0px 3px;
}
.top-social-link li img {
    width:30px;
}
.top-login {
    float: right;
    margin-top: 5px;
    width: 30px;
    margin-left: 3px;
}
.top-link-header .header {
    background:transparent;
    height:auto;
    border-bottom:0px;
}
.top-link-header .header-links ul {
    margin-bottom:0px;
}

.header {
    float: left;
    width: 15%;
    height: 60px;
    background: #ffffff;
    /*border-bottom: 2px solid #f3f3f3;*/
}

#headerMenuParent {
    float: left;
    width: 85%;
}

.header-menu > ul {
    width: 100%;
    padding-left: 00px;
    margin-top: 17px;
    float: left;
}

.header-menu.stick {
    /*position: fixed;
    top: 0;
    width: 80%;
    z-index: 10000;
    right: 0;
    border-radius: 0px;*/
    position: unset;
    width: unset;
}

.custome-header {
    background: #ffffff;
    border-bottom: 2px solid #f3f3f3;
}

.fixed-header {
    position: fixed;
    top: 0;
    z-index: 9;
    width: 100%;
}

.header-menu {
    box-shadow: none;
    height: 82px !important;
    padding-left: 15px;
    padding-right: 15px;
}

.header-menu > ul > li > a, .header-menu > ul > li > span {
  color: #000000;
}

.education-right-button {
    float: right !important;
    background: #ed1c24 !important;
    color: #ffffff;
    /*padding: 0px 5px 0px !important;*/
}
.education-right-button a {
        color: #ffffff !important;
}
.education-right-button .sublist-wrap a {
        color: #505050 !important;
}
@media(max-width:1023px) {
    .education-right-button .sublist-wrap a {
        color: #fff !important;
    }
}
.header-menu > ul > .education-right-button > a:before {
    display: none
}
.education-menu {
    background: #ed1c24;
    color: #ffffff;
    padding: 15px 5px 15px !important
}

.education-menu span {
    color: #ffffff;
}

.header-menu > ul > li > .education-menu:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    background: #ededed;
    width: 0;
    height: 48px;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1;
    border-bottom: 5px solid #c6c6c6;
    display: none;
}

.header-menu > ul > li:hover > a:before, .header-menu > ul > li:hover > span:before {
    width: 100%;
    left: 0;
    background: #cccccc;
}

#AjaxFiltersProForm {
    margin: 0 0 15px !important;
}

@media(max-width:980px) {
    .top-link-header {
        display: inline-block;
        width: 100%;
    }

        .top-link-header ul.top-contact-detail li img {
            width: 25px;
        }

        .top-link-header ul.top-contact-detail li a {
            font-size: 12px;
        }

        .top-link-header .col-md-6 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .top-link-header .header {
            width: 100%;
        }

    .header-top {
        padding: 5px;
    }

    .header-menu {
        height: 100vh !important;
        padding-left: 0px;
        padding-right: 0px;
    }

        .header-menu > ul {
            padding-left: 0px;
            margin-top: 0px;
            float: unset;
            width: 100%;
        }

    .justAFixingDivBefore, .header-menu {
        background: var(--white) !important;
    }

        .header-menu > ul li > .with-subcategories {
            width: calc(100% - 50px);
            float: left;
        }

    .CatImgcontainer .CatImgwrapper {
        width: 100% !important;
        height: 160px !important;
    }

    .mobile-no-visible {
        display: none;
    }

    .education-right-button {
        width: 100%;
    }

    .fixed-logo {
        position: unset;
    }

    .top-link-header ul.top-contact-detail {
        margin: 5px 40px 5px 0px;
    }

    .top-link-header ul.top-social-link {
        float: right;
        margin: 5px 40px 5px 0px;
    }

    .top-link-header .container, .top-link-header .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .custome-header .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .custome-header {
        border-bottom: 0px solid #f3f3f3;
        height: 145px;
    }
    .header {
        height: auto;
    }
    #SearchResponsiveStore {
        width: 100% !important;
        height: 34px;
    }
}


@media(max-width:768px) {
    .top-link-header {
        display: inline-block;
        width: 100%;
    }
        .top-link-header ul.top-contact-detail li img {
            width: 25px;
        }

        .top-link-header ul.top-contact-detail li a {
            font-size: 12px;
        }

        .top-link-header .col-md-6 {
            padding-left: 5px;
            padding-right: 5px;
        }

        .top-link-header .header {
            width: 100%;
        }

    .header-top {
        padding: 5px;
    }

    .header-menu {
        height: 100vh !important;
        padding-left: 0px;
        padding-right: 0px;
    }

        .header-menu > ul {
            padding-left: 0px;
            margin-top: 0px;
            float: unset;
            width: 100%;
        }

    .justAFixingDivBefore, .header-menu {
        background: var(--white) !important;
    }

        .header-menu > ul li > .with-subcategories {
            width: calc(100% - 50px);
            float: left;
        }

    .CatImgcontainer .CatImgwrapper {
        width: 100% !important;
        height: 160px !important;
    }

    .mobile-no-visible {
        display: none;
    }

    .education-right-button {
        width: 100%;
    }

    .fixed-logo {
        position: unset;
    }
    .top-link-header ul.top-contact-detail {
        margin: 5px 40px 5px 0px;
    }
    .top-link-header ul.top-social-link {
        float: right;
        margin: 5px 40px 5px 0px;
    }
    .top-link-header .container, .top-link-header .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .custome-header .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .custome-header {
        border-bottom: 0px solid #f3f3f3;
        height: 145px;
    }

}

@media(max-width:600px) {
    .top-link-header {
        display:inline-block;
        padding: 5px 5px;
    }
   .top-link-header .header {
      width: 100%;
   }
    .item-box .product-item .picture img {
        height: 100% !important;
    }
    .item-box input[type="button"] {
        background-size: 28px 28px !important;
        background-position: 0px 2px !important;
    }
    .item-box .product-title a {
        font-size: 13px;
    }
    .top-link-header ul.top-social-link {
        margin: 5px 5px 5px 0px;
    }
    .top-link-header ul.top-contact-detail {
        margin: 5px 15px 5px 0px;
    }
    .custome-header {
        height:auto;
    }
}


@media(max-width:480px) {

    .top-link-header ul.top-social-link {
        float: left;
        margin: 5px 5px 5px 0px;
    }
}


.flex-box {
    display: flex;
    flex-wrap: wrap;
}

#achievers {
    display: flex;
    flex-wrap: wrap;
}


@media (max-width:660px)
{
     .btn-warning
    {
        margin-top:0px !important;
    }

}

@media (max-width:660px)
{
    .lipopCont
    {
        font-size:8px !important;

    }
}

@media (max-width:1024px)
{
    .lipopCont
    {
        font-size:8px !important;

    }
}

.liflex  .ulgeno .w-25
{
    width:25% !important;
}

.liflex  .ulgeno .w-75
{
    width:75% !important;
}

   @media screen and (min-width: 992px) and (max-width: 1920px) {
        .col-md-12 .sparkline16-graph .epinset .form-group-inner .col-md-6 {
            width: 50% !important;
        }
    }
   @media screen and (min-width:360px) and (max-width: 660px) {
    .opcbilling-addressform .edit-address label {
        display: contents !important;
    }
}
.email-label{
    margin-right:8px !important;
  
}
#topcartlink span, .header-links a {
    color: var(--white) !important;
}