﻿/*=======DeeptiU Style=======*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');

body {
  /*font-family: 'Poppins', sans-serif !important;*/
   font-family: 'Roboto', sans-serif !important;
}
.ma-b-0 {
  margin-bottom: 0px;
}
.ma-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.ma-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.p-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.register-content .col-md-1, .register-content .col-md-10, .register-content .col-md-11, .register-content .col-md-12, .register-content .col-md-2, .register-content .col-md-3, .register-content .col-md-4, .register-content .col-md-5, .register-content .col-md-6, .register-content .col-md-7, .register-content .col-md-8, .register-content .col-md-9 {
  float: left !important;
}
.btn.btn-primary {
  background: linear-gradient(180deg, var(--secondary) 0%, var(--secondary-medium) 100%) !important;
  border-radius: 30px;
  font-weight: 500 !important;
}
.btn.btn-primary:focus, .btn.btn-primary:hover {
  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-medium) 100%) !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  webkit-transform: skew(0);
  transform: skew(0deg);
  /*-webkit-transform: scale(1.1);
  transform: scale(1.1);*/
}
.main-menu.goToTop {
  bax-shadow: none;
  background: var(--HeaderBg); /*AJS*/
}
.side_menuPOP {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  left: -256px;
  position: absolute;
  top: 0;
  width: 250px;
  z-index: 999999999;
  /*background:var(--side-menu-bg) ;*/
  background: url("../images/menu-bg.jpg") center;
  background-color: rgba(0, 0, 0, 1);
  height: 100vh;
  background-size: cover;
}
.side_menuPOP:before {
  position: absolute;
  content: '';
  background: var(--side_menuPOPbefore);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.left-custom-menu-adp-wrap {
  background-color: transparent !important;
}
.header-upper {
  height: unset;
  border-bottom: 0px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  height: 80px;
}
.header-top-right ul li.my-account a, .header-top-right ul li.register a {
  border-left: 0px;
}
a.aTopIcons {
      background: var(--HeaderIconBg);/*AJS*/
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 50%;
    margin-right: 8px;
    padding: 0px !important;
    border-right: 0px;
}
.page-title h1, .panel-heading h1 {
  font-size: 25px;
  color: var(--black) !important;
  margin: 10px 0 10px;
  letter-spacing: normal;
  background: none;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center !important;
}
.page-title h1::after, .panel-heading h1::after {
  content: ' ';
  display: block;
  width: 100px;
  margin: 10px auto;
  border: 3px solid var(--head-border-color);
  border-radius: 5px;
}
#quickTabs .ui-widget-header .ui-state-active a::after, .admintab-wrap ul li.active a::after, .private-messages-page .nav-tabs li.active a::after, .product-details-page .nav-tabs li.active a::after, .profile-page .nav-tabs li.active a::after {
  border-top-color: var(--secondary);
}
#quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
  margin-right: 5px !important;
  color: var(--white) !important;
  background: var(--primary) !important;
  border-radius: 15px !important;
  border: 0px !important;
}
#quickTabs .ui-tabs-nav li.ui-state-active a, .admintab-wrap ul li.active a {
  background: var(--secondary) !important;
  border-color: var(--secondary) !important
}
.header {
  background: var(--HeaderBg); /*AJS*/
}
ul.MemMenu li {
  border-left: 0px;
  border-bottom: 0px;
  border-top: 0px;
}
#faIconStyle {
  color: var(--white)
}
ul.MemMenu li .dropdown-item {
  padding: 2px 5px !important;
  background: none;
  margin: 0px;
}
ul.MemMenu, ul.MemMenu .nav-item, ul.MemMenu li {
  line-height: 30px;
  background: none;
}
ul.MemMenu {
  padding: 20px 10px;
}
ul.MemMenu li a, ul.MemMenu li a {
  border-radius: 10px;
}
ul.MemMenu li a:focus, ul.MemMenu li a:hover {
  border-radius: 10px;
}
ul.MemMenu .indicator-right-menu {
  color: var(--white);
  padding-right: 10px;
}
ul.MemMenu .dropdown-menu {
  background-color: var(--dropdown-side-bg);
  border-radius: 15px !important;
  padding: 10px;
  margin-top: 10px !important;
  box-shadow: none;
  border: 2px solid #3c3b3b;
}
.burger_box a.menu-icon {
  opacity: unset;
}
.burger_box a.menu-icon.opened {
  background: none
}
.burger_box .menu-icon_line {
  background: var(--secondary);
}
.flyout-main-wrapper .shopping-cart-link .cart-qty {
    color: var(--black);
    padding-right: 10px;
}
.pl-5, .px-5 {
  padding-left: unset !important;
  padding-right: unset !important;
  /* height: auto; */
  overflow-y: scroll;
  height: 100vh;
}
.px-5 ul.MemMenu li a {
  padding: 10px 5px;
  font-size: 13px;
  text-transform: CAPITALIZE;
}
.DashBiz {
  background-color: none;
}
.bizStatusVal h5 {
  color: var(--secondary);
  font-size: 16px;
  font-weight: 500;
  margin-top: 15px;
}
.bizStatuslbl {
  background-color: transparent;
}
.bizStatusVal {
  line-height: 2.8;
  animation: none;
  background-color: var(--secondary);
  min-height: 50px !important;
  background: linear-gradient(0deg, rgba(58, 58, 58, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}
table thead, table thead th {
  background: var(--table-th) !important;
  border: 1px solid var(--table-th-border) !important;
  color: var(--table-th-text);
  text-align: center;
  font-weight: 500;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
  border: 0px !important;
}
.sparkline13-list {
  border: 0px;
}
.sparkline11-list h1, .sparkline13-list h1, .sparkline16-list h1, .sparkline9-list h1 {
  font-size: 24px !important
}
.sparkline13-list h1 {
  color: var(--filter-head);
  font-weight: 500;
}
.sparkline13-graph {
  padding: unset;
  background: none !important;
}
.sparkline11-graph, .sparkline16-graph, .sparkline9-graph, .sparkline14-graph, .sparkline12-graph, .sparkline15-graph {
  background: transparent !important;
}
.sparkline16-list .shadow-reset, .sparkline7-graph, .sparkline8-list .shadow-reset {
  background: transparent;
}
.customerOrderbutton .btn.btn-primary {
  border: 0px solid var(--border);
  font-weight: 400;
}
.customerOrderbutton .btn.btn-primary:hover {
  transform: scale(1.0);
}
.flyout-main-wrapper .shopping-cart-link .cart-label2 {
  color: var(--icon-color);
  font-size: 14px;
}
.flyout-main-wrapper .shopping-cart-link a:hover .cart-label2 {
  color: var(--icon-color);
  text-decoration: none;
}
.wishlist-qty {
  min-width: 18px;
  height: 18px;
  line-height: 12px;
  font-size: 8px;
  background: var(--secondary);
  color: #fff;
  padding: 3px;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  /* right: 11px; */
  text-align: center;
  margin-left: -2px;
}
.shopping-cart-link > a {
  border-right: 1px solid #ccc;
}
.login-page .remember-me .checkbox label, .owl-next, .owl-prev, .shopping-cart-link > a .fa.fa-shopping-cart, a:hover {
  color: var(--icon-color);
}
.login-page .remember-me .checkbox label {
  margin-top: 0px;
}
.header-top-right ul li a:hover {
  color: var(--white);
  text-decoration: none;
}
.language-selector {
  padding: 5px 0 5px 0px !important;
  margin-left: 5px;
}
.currency-selector {
  padding: 5px 0 0 5px !important;
}
#customerTaxType, #customerCurrency, #customerlanguage {
  background-color: var(--primary-light) !important;
  color: var(--primary) !important;
  border: 0px solid #4063c9 !important;
  border-radius: 30px;
  padding: 7px 5px;
}
.admin-header-link ul {
  margin-bottom: 0px;
}
.ma-15 {
  margin-top: 15px;
}
/*=========qualifier style======*/
/*.dash-bg {
    padding: 50px 0px;
    background: linear-gradient(0deg, #4063c9 0%, #5881fb 100%);
}*/
.dash-bg {
  position: relative;
  background: url("../images/menu-bg.jpg") center;
  padding: 50px 20px !important;
}
.dash-bg:before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.qualifier-box-wrapper {
  background: #fff;
  border-radius: 30px;
  overflow: hidden;
  border: 2px solid #fff;
  background: url(../images/bg-box.jpg) center;
  background-size: cover;
  margin: 15px 0px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  transition: all 0.5s ease-in-out 0s;
}
.qualifier-box-wrapper:hover {
  transform: translateY(-10px);
}
.qualifier-box {
  height: 108px;
  padding: 20px 20px;
  background-size: 100%;
}
.qualifier-box h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
}
.trans-bg {
  background: transparent !important;
}
/*----Right pannel style start-----*/
.signin-box {
  background: var(--black);
  border: 2px solid #fff;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0s;
  margin-top: 15px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  padding: 5px;
  text-align: center;
  height: 160px;
}
.signin-box:hover {
  transform: translateY(-10px);
}
a.award-link:hover {
  text-decoration: none;
}
.signin-box img {
  width: 60px;
}
.signin-box h3 {
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  color: var(--secondary);
}
.signin-box h5 {
  color: var(--white);
  font-weight: 600;
  text-align: center;
  font-size: 16px;
}
/*----pannel style start-----*/
.panel-box-wrapper {
  background: var(--secondary);
  border: 2px solid #fff;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0s;
  margin-top: 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.panel-box-wrapper:hover {
  transform: translateY(-10px);
  /*border:2px solid var(--primary);*/
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.panel-box {
  border-radius: 0px 0px 30px 30px;
  padding: 10px;
  background: var(--black);
  /*box-shadow:0px 0px 6px 3px rgb(212, 224, 247);*/
  /*background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(80, 80, 80) 100%);*/
  background: url(../images/box-bg.jpg) center;
  background-size: 100%;
}
.panel-box h3 {
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: var(--secondary);
}
.panel-box-title {
  padding: 10px;
  text-align: center;
  min-height: 60px;
}
.panel-box-title h5 {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  margin: 0px;
  line-height: 20px;
}
.panel-box-title a {
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0px;
  line-height: 20px;
}
.panel-box-title a:hover {
  color: var(--secondary);
}
.panel-box-title span.arrow-icon {
  margin: 5px 0 0 0;
  font-size: 18px;
  color: #333;
}
.panel-box-icon {
  width: 80px;
  height: 80px;
  border-radius: 15px;
  /*position: relative;
    top: -10px;
    left: -10px;*/
  padding: 10px;
  margin: 0 auto;
  transition: all 0.5s ease-in-out 0s;
}
.panel-box-wrapper:hover .panel-box-icon {
  transform: translateY(-5px);
}
.panel-box-icon img {
  width: 100%;
}
.orange-panel-wrapper {
  background: #fc5258;
}
.orange-panel-wrapper:hover {
  border: 2px solid #fc5258;
}
/*.panel-orange-bg {
    background: linear-gradient(0deg, #fc5258 0%, #febd62 100%);
}*/
.panel-orange-text {
  color: #fc5258;
}
.red-panel-wrapper {
  background: #f83c4b;
}
.red-panel-wrapper:hover {
  border: 2px solid #f83c4b;
}
/*.panel-red-bg {
    background: linear-gradient(0deg, #f83c4b 0%, #cb5cbe 100%);
}*/
.panel-red-text {
  color: #f83c4b
}
.blue-panel-wrapper {
  background: #50539f;
}
.blue-panel-wrapper:hover {
  border: 2px solid #50539f;
}
/*.panel-blue-bg {
    background: linear-gradient(0deg, #50539f 0%, #af66f2 100%);
}*/
.panel-blue-text {
  color: #50539f
}
.purple-panel-wrapper {
  background: #6699f9;
}
.purple-panel-wrapper:hover {
  border: 2px solid #6699f9;
}
/*.panel-purple-bg {
    background: linear-gradient(0deg, #6699f9 0%, #5ec9b2 100%);
}*/
.panel-purple-text {
  color: #6699f9
}
.green-panel-wrapper {
  background: #6ac178;
}
.green-panel-wrapper:hover {
  border: 2px solid #6ac178;
}
/*.panel-green-bg {
background: linear-gradient(0deg, #6ac178 0%, #adce50 100%);
}*/
.panel-green-text {
  color: #6ac178
}
/*.panel-skyblue-bg {
    background: linear-gradient(0deg, #015ab5 0%, #37b0c4 100%);
}*/
.panel-skyblue-text {
  color: #015ab5
}
.dashboard-subhead {
  font-size: 22px;
  color: var(--black);
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 20px;
  text-align: center;
}
.dashboard-subhead::after {
  content: ' ';
  display: block;
  width: 100px;
  margin: 15px auto;
  border: 3px solid var(--secondary);
  border-radius: 5px;
}
.rightside-box-wrapper {
  background: url(../images/income-bg.png) center;
  border: 2px solid #fff;
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.5s ease-in-out 0s;
  margin-top: 25px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  height: 656px;
  position: relative;
}
.rightside-box-wrapper:before {
  position: absolute;
  content: '';
  background: rgba(227, 184, 50, 0.7);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rightside-box-wrapper img {
  width: 100%;
  padding: 25px 0px;
}
.rightside-box-wrapper .right-box-content {
  border-radius: 30px;
  padding: 20px;
  background: var(--primary);
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.rightside-box-wrapper h3 {
  font-size: 35px;
  color: var(--white);
}
.rightside-box-wrapper h5 {
  font-size: 16px;
  color: var(--white);
}
.rightside-box-wrapper .right-box-content a {
  text-align: center;
  color: var(--white);
  background: var(--secondary);
  padding: 5px 10px;
  border-radius: 30px;
  margin: 15px 0px;
}
/*======pannel style start======*/
.shadow-reset {
  box-shadow: none !important;
}
.sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 10px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  margin: 20px 2%;
  width: 96%;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.sparkline8-graph .sparkline8-graph, .sparkline16-graph .sparkline16-graph {
  background: none !important;
  box-shadow: none !important;
  padding: 0px !important;
  border: 0px !important;
  margin: 0px !important;
  width: 100% !important;
}
.sparkline13-collapse-link h1, .sparkline13-collapse-link h1 {
  padding: 0px 2%;
  color: var(--black);
  margin: 0px;
}
.sparkline13-list {
  margin-bottom: 0px !important;
}
.card-style {
  /*background:var(--primary-light) !important;*/
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.card-style-2 {
  /*background:var(--primary-light) !important;*/
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 10px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.tab-content {
  border: 0px !important;
  background: transparent !important;
}
.nav-tabs {
  border-bottom: none !important;
}
.ma-25 {
  margin-top: 25px;
}
.ma-20 {
  margin-top: 20px;
}
.padd-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.padd-20 {
  padding: 20px !important;
}
.padd-35 {
  padding: 35px !important;
}
.dashboard-table {
  overflow: scroll;
  height: 500px;
}
/*==========overright style=========*/
/*.sparkline11-graph, .sparkline9-graph, .sparkline14-graph, .sparkline12-graph, .sparkline15-graph {
  background:transparent !important;
}*/
.btn-flat {
  color: var(--black) !important;
  background-color: transparent !important;
  border-bottom: 2px solid var(--primary) !important;
  padding: 3px 5px !important;
  border-radius: 0px !important;
  margin: 10px 5px !important;
}
.register-content .main-sparkline17-hd, .register-content .smart-sparkline-hd, .register-content .sparkline-hd, .register-content .sparkline10-hd, .register-content .sparkline11-hd, .register-content .sparkline12-hd, .register-content .sparkline13-hd, .register-content .sparkline14-hd, .register-content .sparkline15-hd, .register-content .sparkline16-hd, .register-content .sparkline7-hd, .register-content .sparkline8-hd, .register-content .sparkline9-hd, .sparkline11-hd {
  padding: 0 0px;
  background-color: transparent;
}
.main-sparkline17-hd, .smart-sparkline-hd, .sparkline-hd, .sparkline10-hd, .sparkline11-hd, .sparkline12-hd, .sparkline13-hd, .sparkline14-hd, .sparkline15-hd, .sparkline16-hd, .sparkline7-hd, .sparkline8-hd, .sparkline9-hd {
  padding: 0 0px;
  background-color: transparent;
}
.main-sparkline17-hd h4, .smart-sparkline-hd h4, .sparkline-hd h4, .sparkline10-hd h4, .sparkline11-hd h4, .sparkline12-hd h4, .sparkline13-hd h4, .sparkline14-hd h4, .sparkline15-hd h4, .sparkline16-hd h4, .sparkline7-hd h4, .sparkline8-hd h4, .sparkline9-hd h4 {
  color: var(--primary);
  font-size: 20px;
  font-weight: 500;
  margin: 0px;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
  border: 1px solid #949191 !important;
  color: var(--table-text);
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: var(--table-odd)  !important;
}
.table-wrapper tr:nth-child(even) {
  background-color: var(--table-even)  !important;
}
.product-specs-box .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent !important;
}
.main-sparkline16-hd h1, .main-sparkline8-hd h1, .main-sparkline9-hd h1, .main-sparkline11-hd h1, .title.sub-title strong {
  color: #000 !important;
  text-align: center;
  font-weight: 600;
  text-transform: uppercase;
}
.main-sparkline16-hd h1::after, .main-sparkline8-hd h1::after, .main-sparkline9-hd h1::after, .main-sparkline11-hd h1::after, .title.sub-title strong::after {
  content: ' ';
  display: block;
  width: 100px;
  margin: 15px auto;
  border: 3px solid var(--head-border-color);
  border-radius: 5px;
}
.inside-box {
  background-color: var(--primary-light);
  padding: 10px;
  /*border:1px solid #708090;*/
  border-radius: 30px;
  width: 100%;
  display: inline-block;
}
.panel {
  background-color: transparent !important;
  border: 0px solid var(--primary-light) !important;
  border-radius: 30px !important;
  box-shadow: none !important;
}
.product-category-item .picture {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 30px;
  overflow: hidden;
  border: 5px solid var(--primary-light);
}
.title.sub-title strong {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 26px;
  color: var(--heading-color);
}
.title.sub-title strong::before {
  display: none;
}
.thumbnail {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  border-radius: 30px !important;
  overflow: hidden;
  border: 5px solid var(--primary-light);
  border: 0px !important;
  padding: 0px;
}
.HTitle {
  background-color: transparent !important;
  border-top: 0px solid #337ab7;
  font-weight: 600 !important;
  color: var(--primary);
  text-transform: UPPERCASE;
}
.welcomebg {
  background: transparent !important;
}
.vendor-grid .item-box .picture a img, .manufacturer-grid .item-box .picture a img, .category-grid .item-box .picture a img, .sub-category-grid .item-box .picture a img {
  height: 280px;
}
.loginBtn {
  padding: 0px 10px 3px 10px !important;
  border-radius: 20px !important;
  font-size: 15px !important;
}
/*=====background effect=====*/
.bg {
  animation: slide 3s ease-in-out infinite alternate;
    background-image: var(--bodyanimateBG);
  /* background-image: linear-gradient(-60deg, #bfbebe 50%, #929191 50%); */
  /*background-image: linear-gradient(-60deg, #3a3a3a 50%, #272727 50%);*/
  bottom: 0;
  left: -50%;
  opacity: .5;
  position: fixed;
  right: -50%;
  top: 0;
  z-index: -1;
}
.bg2 {
  animation-direction: alternate-reverse;
  animation-duration: 4s;
}
.bg3 {
  animation-duration: 5s;
}
@keyframes slide {
  0% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(25%);
  }
}
@media(max-width:1360px) {
  .panel-box-title h5 {
    font-size: 12px;
    line-height: 17px;
  }
  quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    padding: 10px 20px !important;
  }
}
@media(max-width:1024px) {
  .qualifier-box h5 {
    font-size: 14px;
    line-height: 20px;
  }
  .bizStatusVal h5 {
    font-size: 15px;
  }
  #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    padding: 9px 5px !important;
    font-size: 13px !important;
  }
  .rightside-box-wrapper {
    padding: 15px 5px;
    height: 656px;
  }
  .rightside-box-wrapper .right-box-content {
    padding: 20px 10px;
  }
  .rightside-box-wrapper h5 {
    font-size: 14px;
    color: var(--white);
  }
  .rightside-box-wrapper h3 {
    font-size: 19px;
  }
}
/*======Feature Products=====*/
.button-add-to-cart .btn-primary {
  background: url('../images/product-cart-icon.png') 12px 16px no-repeat var(--btn-primary) !important;
}
.item-box .product-box-add-to-cart-button, .item-box .add-to-wishlist-button, .item-box .add-to-compare-list-button {
  border-color: var(--primary);
}
.item-box .product-box-add-to-cart-button:hover {
  background: url('../images/product-cart-icon.png') 12px 16px no-repeat var(--secondary) !important;
  border-color: var(--secondary);
  color: var(--white) !important;
}
.item-box .add-to-compare-list-button:hover {
  background: url('../images/product-compare-icon.png') 12px 16px no-repeat var(--secondary) !important;
  border-color: var(--secondary);
  color: var(--white);
}
.item-box .add-to-wishlist-button:hover {
  background: url('../images/product-wishlist-icon.png') 12px 16px no-repeat var(--secondary) !important;
  border-color: var(--secondary);
  color: var(--white);
}
.item-box.product-grid .thumbnail .caption {
  background: var(--prodthumbnaillowerBg) !important; /*AJS*/
  padding: 10px !important;
  /*min-height: 150px;*/
  min-height: 193px;/*BY DG as UI changes if very few qty note appears and box size increases*/
}
.item-box .product-item .product-title a {
  color: var(--white);
}
.item-box .product-item .product-title a:hover {
  color: var(--white);
}
.item-box .prices span {
  font-weight: 500;
  color: var(--secondary);
}
.product-item .prices {
  margin-bottom: 5px;
}
.item-box .product-rating-box {
  margin: 0 0 5px;
}
.product-item .description {
  font-size: 12px;
  line-height: 15px;
  display: block;
  color: var(--white);
  padding: 5px;
  height: 50px;
  text-align: center;
  /*border-top: 2px solid #e2e6ec;*/
}
.thumbnail .caption .details .sku {
  /*color: var(--black) !important;
    background:var(--bv-box-bg);
    border-radius: 15px;
    padding: 2px;*/
  color: var(--white) !important;
  background: var(--bv-box-bg);
  border-radius: 0px;
  padding: 2px;
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.item-box .product-item .picture {
  /*height:auto !important;*/
  height: 300px;
  overflow: hidden;
}
/*======Home Page======*/
.product-category-item .picture .title a {
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  padding: 10px 0 10px;
  background-color: var(--primary);
  border-radius: 30px;
}
.header-lower {
  padding: 5px 15px !important;
  background: var(--primary-light);
  border-bottom: 0px !important;
  display: none;
}
.header-lower .search-box {
  width: 50%;
}
.header-lower .search-box .navbar-form, .navbar-form .form-group, .header-lower .search-box .search-nav {
  width: 100%;
}
.header-lower .search-box .search-nav {
  background: transparent !important;
}
#small-searchterms.form-control {
  color: var(--black) !important;
  padding: 5px 40px 5px 10px;
  border: 1px solid #e0e0e0;
  margin: 0 !important;
  width: 100% !important;
  background: #e9ebef;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.title.sub-title {
  margin-bottom: 30px;
}
#index-page .slider-wrapper.theme-custom {
  margin-bottom: 0px;
}
.home-page-filters-wrapper .results-number, .home-page-filters-wrapper .search-button, .product-details-page .product-share-button a span:hover {
  background: var(--gradient-main-btn) !important;
  border-radius: 30px;
}
.breadcrumb {
  background: transparent !important;
  border-bottom: 2px solid var(--primary-light) !important;
  margin-bottom: 0px !important;
}
.well, .blog-search-box {
  background: var(--primary-light) !important;
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px !important;
  border: 2px solid #fff !important;
  margin-top: 15px;
}
.title.main-title, .blog-search-box .title {
  background: var(--btn-primary);
  padding: 10px 20px;
  border-radius: 30px;
}
.title.main-title strong {
  font-weight: 500;
  font-size: 16px;
  color: var(--white);
}
.blog-search-box .title strong {
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #fff;
}
.blog-search-box .listbox {
  border: 0px solid #ddd !important;
  padding-bottom: 5px !important;
}
.blog-search-box .listbox .search-box-button {
  background-color: var(--secondary) !important;
}
.box-shadow-wrapper .listbox {
  border: 0px solid #ddd;
}
.block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li a {
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: #666;
}
.block.block-blog-archive.well.box-shadow-wrapper .listbox ul li strong, .box-shadow-wrapper .listbox ul li > a {
  background-size: 12px;
}
.box-shadow-wrapper .listbox ul li .sublist li a {
  padding: 10px 0 10px 45px;
}
.footer-upper {
      background: var(--footerupperBg); /*AJS*/
}
.footer-middle {
  padding: 35px 15px;
  background: var(--footermiddleBg); /*AJS*/
}
.footer-lower {
  background: var(--footerlowerBg); /*AJS*/
  border-top: 1px solid #0c0c0c;
  padding: 20px 15px;
}
.footer .footer-middle .social-wrapper li a {
  background: var(--socialwrapperBg) !important;
}
#newsletter-subscribe-block #newsletter-subscribe-button {
  color: var(--white);
  border-radius: 30px;
  background: url(../images/news-letter-email.png) 18px center no-repeat var(--secondary);
}
#newsletter-subscribe-block #newsletter-subscribe-button:hover {
  background-color: var(--secondary);
}
.block-blog-archive .listbox ul li a, .block-manufacturer-navigation.box-shadow-wrapper .listbox ul li.active a, .block.block-account-navigation .listbox ul li a.active, .box-shadow-wrapper .listbox ul li a:hover, .box-shadow-wrapper .listbox ul li.active.last > a {
  color: var(--primary);
}
/*======News Page======*/
.news-list-homepage {
  padding: 10px 0px 50px;
  margin: 0px !important;
}
.news-item {
  width: 33.33%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
}
.news-title {
  background: var(--primary) !important;
  border-radius: 30px;
  padding: 10px !important;
  text-transform: capitalize !important;
  font-weight: 500 !important;
}
.news-card {
  background: var(--primary-light);
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 2px solid #fff;
}
.news-list-homepage .news-date, .news-list-page .news-date {
  margin: 13px 10px !important;
  color: #abb1bd;
  font-weight: 500;
  font-size: 12px;
}
.blog-page .post .read-more, .news-list-homepage .news-items .read-more, .news-list-page .read-more {
  border-radius: 0px;
  height: 25px;
  background: transparent !important;
  color: var(--secondary) !important;
  font-weight: 500;
  margin: 15px auto;
  border: 0px;
  border-bottom: 2px solid var(--secondary);
  padding: 0px 5px;
  text-transform: capitalize;
  margin-top:5px;
}
.news-card .buttons {
  width: fit-content;
}
.rich-blog-homepage .view-all {
  position: relative;
}
.view-all a {
  background: linear-gradient(180deg, var(--secondary) 0%, var(--secondary-medium) 100%) !important;
  border-radius: 30px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}
.news-list-page .news-item {
  width: 100%;
  background: var(--primary-light);
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 2px solid #fff;
  margin-top: 15px;
}
.news-list-page .news-head {
  text-align: left;
  width: 100%;
  background: transparent;
  padding: 0px;
}
.news-list-page .news-item .button-1 {
  background: transparent;
  font-weight: 600;
  color: var(--secondary);
  text-transform: capitalize;
  border: 0px;
  border-bottom: 2px solid var(--secondary);
  padding: 0 5px;
  margin-top: 15px;
}
/*=====Blog=====*/
.blog-page .post {
  background: var(--primary-light);
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 2px solid #fff;
  margin-top: 15px;
}
.blog-posts .post-head a {
  font-weight: 600;
  padding: 10px 20px;
  background: var(--primary);
  color: var(--white);
  text-transform: capitalize;
  border-radius: 30px;
}
.blog-page .post-head {
  overflow: hidden;
  background-color: transparent;
  padding: 0px;
}
.blog-posts .post .post-body {
  border: 0px solid #eee;
}
.blog-page .post-date {
  float: right;
  margin-bottom: 15px;
}
.blog-page .blog-details a {
  color: var(--primary)
}
.bottom-box-shadow {
  display: none;
}
.rich-blog-homepage {
  position: relative;
  background: url("../images/menu-bg.jpg") center;
  padding: 50px 20px !important;
}
.rich-blog-homepage::before {
  position: absolute;
  content: '';
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.rich-blog-homepage .blog-posts {
  background: transparent !important;
  position: relative;
}
.rich-blog-homepage .blog-post {
  border: 2px solid #fff;
  background: var(--primary-light);
  border-radius: 30px;
  overflow: hidden;
  position: relative;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.post-primary {
  width: 100%;
  max-width: 100% !important;
}
.rich-blog-homepage .post-title {
  background-color: rgba(0, 0, 0, 0.8) !important;
  color: #fff !important;
  /*position: absolute;*/
  top: 15px;
  left: 15px;
  border-radius: 30px;
  border: 0px !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}
.rich-blog-homepage .post-description {
  color: var(--p-text) !important;
  padding: 0 15px;
}
.post-date {
  color: #abb1bd;
  font-weight: 500;
}
.rich-blog-homepage .read-more {
  background-color: transparent !important;
  color: var(--secondary) !important;
  border-radius: 0px;
  float: left;
  margin-left: 15px !important;
  padding: 2px 5px !important;
  border-bottom: 2px solid var(--secondary) !important;
  font-size: 13px !important;
  font-weight: 500;
  text-transform: capitalize !important;
}
.rich-blog-homepage .title {
  border-bottom: 0px solid #f10044 !important;
  margin: 0px !important;
}
.rich-blog-homepage .title strong {
  color: var(--white);
  font-size: 24px;
  letter-spacing: 0px;
  line-height: 26px;
  text-align: center;
  font-weight: 600 !important;
  text-transform: uppercase;
}
.rich-blog-homepage .title strong::after {
  content: ' ';
  display: block;
  width: 100px;
  margin: 15px auto;
  border: 3px solid var(--head-border-color);
  border-radius: 5px;
}
.rich-blog-homepage .view-all a {
  color: var(--white) !important;
}
.main-poll {
  box-shadow: none !important;
}
.home-page-polls .title {
  border-bottom: 0px solid #f10044 !important;
  letter-spacing: 0px;
  font-size: 24px;
}
.home-page-polls .title::after {
  content: ' ';
  display: block;
  width: 100px;
  margin: 15px auto;
  border: 3px solid var(--head-border-color);
  border-radius: 5px;
}
.home-page-filter-selector span.k-dropdown-wrap {
  border-radius: 30px;
}
/*=====Product details=====*/
.product-details-page .product-name.panel-heading h1 {
  text-align: left !important;
  margin: 0px;
  border-bottom: 2px solid #eaeaea;
}
.product-details-page .product-name.panel-heading h1::after {
  border: 0px;
}
.product-details-page .product-name.panel-heading {
  margin-top: 20px;
  margin-bottom: 5px;
  padding: 0px;
}
.product-details-page .add-to-cart .product-add-button .add-to-cart-button {
  background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--secondary) !important;
}
.product-details-page .overview-buttons .add-to-wishlist-button {
  background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--primary);
  border-radius: 30px;
}
.product-details-page .overview-buttons .add-to-compare-list-button {
  background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--primary);
  border-radius: 30px;
}
.product-details-page .overview-buttons .email-a-friend-button {
  background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--primary);
  border-radius: 30px;
}
.product-details-page .overview-buttons .add-to-wishlist-button:hover {
  background: url(../images/wishlist-product-icon.png) 20px 10px no-repeat var(--secondary);
  color: var(--white);
}
.product-details-page .overview-buttons .add-to-compare-list-button:hover {
  background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--secondary);
  color: var(--white);
}
.product-details-page .overview-buttons .email-a-friend-button:hover {
  background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--secondary);
  color: var(--white);
}
.product-details-page .old-product-price {
  width: auto;
  margin-right: 15px;
  line-height: 30px;
}
.product-details-page .manufacturers, .product-details-page .prices .product-price {
  margin-bottom: 10px;
  float: left;
  width: auto;
}
.gallery .picture-wrapper .picture {
  box-shadow: rgba(149, 157, 165, 0.4) 0px 8px 10px;
  border-radius: 30px;
  border: 5px solid #fff;
  margin: 15px;
  overflow: hidden;
}
.product-details-page .addtocart-quantity-box {
  margin-right: 10px;
  width: 200px;
}
.product-details-page .add-to-cart .qty-input {
  width: 100px;
  height: 40px !important;
  background: #f2f2f3;
  border: 0px;
  border-radius: 30px;
  box-shadow: rgb(218, 218, 218) 0px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
  text-align: center;
}
.product-details-page .add-to-cart .addtocart-quantity-box span {
  border: 2px solid var(--primary);
  font-size: 13px;
  height: 37px;
  line-height: 37px;
  width: 37px;
  color: var(--primary);
  border-radius: 30px;
  margin: 0px 2px;
}
.private-messages-page .tab-content, .product-details-page .tab-content, .productTabs-body, .profile-page .tab-content {
  border-radius: 30px;
  background: var(--primary-light) !important;
}
.productTabs .write-review {
  background-color: transparent;
  padding: 0px 0px;
  margin-top: 0px;
}
/*commented due to prod detail buy now btn alignment*/
/*.product-add-button {
  margin-top: 15px;
}*/
.product-details-page .add-to-cart, .product-details-page .delivery, .product-details-page .overview .delivery-date {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
#quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
  padding: 10px 20px !important;
}
/*=======cart page=========*/
.order-summary-content .panel.panel-default.cart-item-table, .wishlist-page .panel.panel-default {
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.order-summary-content .update-continue-button {
  margin: 30px 0 0px;
}
.order-summary-content .update-continue-button .continue-shopping-button {
  margin: 5px 0px;
  border-radius: 30px;
}
.order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
  margin: 0px;
  border-radius: 30px;
}
.order-summary-content .update-continue-button .continue-shopping-button:hover {
  background: url(../images/white-product-cart-icon.png) 20px center no-repeat var(--secondary) !important;
  color: var(--white);
}
.order-summary-content .update-continue-button .update-cart-button:hover, .wishlist-page .buttons .common-buttons .update-wishlist-button:hover {
  background: url(../images/shopping-cart-update-icon.png) 20px 12px no-repeat var(--secondary) !important;
  color: var(--white);
}
.shopping-cart-page .coupon-box, .shopping-cart-page .estimate-shipping, .shopping-cart-page .giftcard-box {
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.coupon-box .title, .estimate-shipping .title, .giftcard-box .title {
  padding: 10px 10px;
  border-bottom: 0px;
  text-align: center;
  text-transform: capitalize;
  background-color: var(--primary);
  border-radius: 30px;
}
.shipping-options {
  background: transparent;
}
.shipping-options:before, .shipping-options:after {
  background: transparent;
}
/*======checkout-page=========*/
.opc .step-title {
  /*background:rgba(247, 248, 250,0.5) !important;*/
  padding: 5px 5px;
  border-radius: 30px !important;
  /*box-shadow: rgba(149, 157, 165, 0.1) 0px 3px 5px !important;*/
  border: 2px solid #fff !important;
  margin: 5px 0;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.opc .step-title .number {
  background-color: var(--primary);
  border-radius: 50%;
}
.opc .active .step-title .number {
  background-color: var(--secondary);
}
.checkout-data #checkout-steps .btn.btn-primary, .next-btn-wrapper .btn.btn-primary {
  background-image: url(../images/checkout-continue-arrow.png);
  background-position: right center;
}
.shopping-cart-link > a:hover i {
  color: var(--black)
}
#billing-address-select, #shipping-address-select {
  width: 100%;
  padding: 10px 0px;
}
.method-name input[type="radio"] {
  float: left;
  margin-right: 10px;
  position: inherit;
  margin-left: 0px;
}
.method-name label {
  margin-top: 0px;
}
.manage-page, .method-description, .send-pm-button {
  margin-left: 30px;
}
.next-btn-wrapper {
  margin-left: 0px;
  margin-right: 0px;
}
/*====manufacturer====*/
.manufacturer-grid .item-box .manufacturer-item {
  background: transparent;
  /*background: var(--primary);*/
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
  border-radius: 30px !important;
  overflow: hidden;
}
.manufacturer-item .elementor-widget-container img {
  width: 100%;
}
.manufacturer-item .elementor-widget-container .title {
  background: var(--primary);
  color: var(--white);
}
/*.elementor-widget-container a {
    height:300px;
    overflow:hidden;
}*/
/*====login and register page====*/
.checkout-as-guest-or-register-block, .new-wrapper.register-block, .returning-wrapper {
  /*background: rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border: 2px solid #fff !important;*/
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.registration-page h3 {
  text-align: left;
  font-weight: 600;
  font-size: 17px;
  color: var(--black);
  border-bottom: 0px;
  padding-bottom: 0px;
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: uppercase;
  margin-left: 2%;
}
/*#topmargin {
    margin-left: 0px !important;
    background: var(--primary-light) !important;
    margin-top: 0px !important;
    padding: 20px;
}*/
.move-listItembtn {
  background-color: var(--primary) !important;
  border: 0px !important;
  border-radius: 15px;
}
.dashcardSub {
  background: var(--primary-light) !important;
  padding: 10px;
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  border: 2px solid #fff !important;
}
.dashcardSub .panel-footer {
  border-radius: 30px;
  background: linear-gradient(90deg, rgb(7, 15, 24) 0%, rgb(99, 99, 99) 100%) !important;
}
.dashcard .intro-img {
  padding: 0px;
  border-radius: 0px;
  margin: 12px;
}
.dashcard .intro-img img {
  width: 80px;
}
.bg-green, .bg-gray, .bg-orange, .bg-purple, .bg-blue, .bg-yellow, .bg-pink {
  background-color: transparent !important;
}
.bg-green::before, .bg-gray::before, .bg-orange::before, .bg-purple::before, .bg-blue::before, .bg-yellow::before, .bg-pink::before {
  background: transparent !important;
}
.home-page-filters-wrapper {
  background: var(--primary-light);
  border-bottom: 0px !important;
}
.flyout-main-wrapper .flyout-cart-wrapper {
  border-radius: 30px !important;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
  border: 2px solid #fff !important;
}
.italic {
  font-style: normal;
  color: #708090;
}
.newKendo {
  /*background: rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border: 2px solid #fff !important;*/
  margin: 20px 2%;
  width: 96%;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.blink, .blink:hover {
  color: var(--primary);
}
/*====order details page=====*/
label {
  margin-top: 10px;
}
.adminpro-message-list, .input-validation-error {
  background-color: #fff;
  /*background: rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border: 2px solid #fff !important;*/
  margin: 20px 0px;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.input-validation-error {
  background: rgba(247, 248, 250, 0.5) !important;
  padding: 15px;
  border-radius: 2px !important;
  box-shadow: none !important;
  margin: 0px 0px;
  border: 1px solid #b3b3b3 !important;
}
.adminpro-message-list .main-sparkline11-hd h1 {
  font-size: 20px !important;
  text-transform: capitalize;
  font-weight: 500 !important;
}
.adminpro-message-list .main-sparkline11-hd h1:after {
  border: 1px solid var(--head-border-color);
}
/*====Search box header=====*/
.search-box form {
  float: right !important;
}
.search-box .search-nav {
  float: left;
  height: auto !important;
  margin-right: 0px !important;
  width: 210px !important;
  padding: 0px !important;
  background: transparent;
}
#small-searchterms.form-control {
  padding: 8px 40px 8px 10px !important;
  border: 1px solid #f7f8fa;
  margin: 0 !important;
  background: var(--primary-light);
  border-radius: 20px;
}
.search-box .btn.search-box-button {
  right: -12px;
  top: 2px;
}
/*======filter options=====*/
.home-page-filter-selectors {
  width: 50% !important;
  float: left !important;
}
.home-page-filter-selector {
  width: 48% !important;
  margin: 0 0 0 2%;
}
.home-page-filter-button {
  float: left !important;
}
html {
  --scrollbarBG: var(--scroller-bg)!important;
  --thumbBG: var(--scroller-box) !important;
}
#reading-progress-fill {
  height: 5px;
  background-color: var(--secondary);
}
.input-group .form-control {
  margin-top: 0px;
}
/*=====Gallery=====*/
#viewSectionGalary {
  border: 1px solid #ddd !important;
  padding: 5px;
  /*background: rgba(247, 248, 250,0.5) !important;*/
  padding: 20px;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  /*border: 2px solid #fff !important;*/
  margin: 20px 0px;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.img-thumbnail {
  border-radius: 30px !important;
}
#viewSectionGalary .product-title {
  color: var(--primary) !important;
  text-align: center;
}
.pie-bar-line-area .sparkline7-hd {
  background: var(--primary);
  color: var(--white);
}
.profile-contact-menu {
  color: #000;
}
.sidebar .title.arrow-up-down {
  background: url(../images/toggle-up-arrow.png) no-repeat var(--secondary) right center;
}
#send-contact-us-form, .write-product-review-button {
  background-color: var(--btn-primary) !important;
}
.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
  margin: 0px;
  border-radius: 20px;
}
.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  margin: 0px;
}
.order-summary-content .update-continue-button .update-cart-button, .wishlist-page .buttons .common-buttons .update-wishlist-button {
  width: 100%;
  height: 35px;
  margin: 5px 0px !important;
  background: url(../images/shopping-cart-update-icon.png) 12px 9px no-repeat var(--btn-primary) !important;
}
.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
  width: 100%;
  height: 35px;
  background-position: 12px 9px;
  margin: 5px 0px;
}
.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  height: 35px;
  width: 100%;
  margin: 5px 0px !important;
}
.order-summary-content .product-wrapper .product a, .wishlist-content .product-wrapper .product a {
  color: var(--black);
}
/*====Epin====*/
#btnstatusall .btn {
  margin-top: 0px;
  margin-bottom: 0px;
}
@media (max-width: 768px) {
  .register-content .col-md-12 {
    float: none !important;
  }
  .boderbot {
    border-bottom: 1px solid #e8e8e8 !important;
    padding-bottom: 13px;
  }
  .news-item {
    width: 100%;
    margin-top: 15px;
  }
  .home-page .news-list-homepage .view-all a, .home-page-polls .buttons .vote-poll-button, .search-page .search-btn {
    padding: 15px 20px;
  }
  #newsletter-subscribe-block #newsletter-subscribe-button {
    width: 140px;
  }
  .title.sub-title strong {
    font-size: 1.6em !important;
  }
  .dashcard img {
    height: 50px;
    width: 50px !important;
  }
  .rightside-box-wrapper {
    padding: 15px 5px;
    height: auto;
  }
  .ContMargBot20 {
    width: 100%;
    overflow: auto;
  }
}
@media(max-width:600px) {
  .loginBtn {
    padding-left: 0px !important;
    text-align: center !important;
  }
  .login-horizental {
    display: inherit !important;
  }
  .header-upper-right {
    margin-top: 0px !important;
  }
  .header-upper-right .language-box {
    padding-bottom: 10px;
    text-align: center;
    width: 50%;
    float: left;
  }
  .currency-selector, .language-selector {
    /*float: none !important;*/
    display: inline-block;
  }
  .header-top-right ul li a, .shopping-cart-link > a {
    border: 0px !important;
    margin-right: 4px !important;
  }
a.aTopIcons {
    width: 35px;
    height: 35px;
    line-height: 25px !important;
    padding: 5px;
  }
  .header-top-right ul li a, .header-top-right ul li.my-account a {
    padding: 5px;
  }
  .header-top-right ul li.register a {
    padding: 5px 5px;
  }
  .search-box .search-nav {
    width: 170px !important;
  }
  .currency-selector, .customerCurrency {
    margin-top: 0px;
  }
  #customerTaxType, #customerCurrency, #customerlanguage {
    margin: 0px;
  }
  .header-top-right ul li a .inbox-unread, .header-top-right ul li a .wishlist-qty {
    font-size: 9px !important;
    line-height: 18px;
    padding: 1px;
  }
  .button-add-to-cart .btn-primary {
    background: url(../images/product-cart-icon.png) 1px 5px no-repeat var(--btn-primary) !important;
  }
  .home-page-filters-wrapper {
    height: 41px;
    padding: 7px 0px !important;
  }
  .home-page-filter-selectors {
    width: 80% !important;
    float: left !important;
  }
  .home-page-filter-selector {
    width: 48% !important;
    margin: 0px 1% !important;
    float: left;
  }
  .home-page-filter-selector .k-dropdown {
    width: 100% !important;
  }
  .shopping-cart-link a {
    padding: 12px 5px !important;
  }
  .admintab-wrap .productTabs-header .custom-menu-wrap li {
    margin: 5px 0px;
  }
  .sparkline13-collapse-link h1, .sparkline13-collapse-link h1 {
    margin: 0px 15px;
  }
  .product-details-page .add-to-cart .product-add-button {
    width: 100% !important;
  }
  .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .product-box-add-to-cart-button:hover {
    background-position: 12px 4px !important;
  }
  .product-details-page .add-to-cart .product-add-button .add-to-cart-button {
    width: 210px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-position: 12px 6px;
    height: 30px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .overview-buttons div {
    width: 100%;
    float: left;
    margin: 5px 1%;
    text-align: center !important;
    display: -webkit-inline-box;
  }
  .product-details-page .overview-buttons .add-to-wishlist-button {
    width: 210px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-position: 12px 6px;
    height: 30px;
    margin: 0px auto !important;
  }
  .product-details-page .overview-buttons .add-to-compare-list-button {
    width: 210px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-position: 12px 6px;
    height: 30px;
    margin: 0px auto !important;
  }
  .product-details-page .overview-buttons .email-a-friend-button {
    width: 210px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background-position: 12px 6px;
    height: 30px;
    margin: 0px auto !important;
  }
  .product-item .description {
    height: auto;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
  #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    padding: 10px 5px !important;
    font-size: 12px !important;
    margin: 0px !important;
  }
}
@media (max-width:360px) {}
@media (max-width:360px) {
  .search-box .search-nav {
    width: 150px !important;
  }
}
.totalquantitywidth {
  color: #000 !important;
  text-align: center;
}
.sparkline9-list .sparkline16-list .sparkline16-graph {
  margin-bottom: 0em !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0px !important;
  padding: 0px !important;
}
.returning-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border: 0px !important;
  padding: 0px !important;
}
#SetTDStyle, #SetTDStyle label {
  color: var(--table-text)!important;
}
/*commented ruby ajs , due stop this image video gallery title hide*/
/*.return-request-list-page .page-title {
    display: none;
}*/
.MemMenu .has-sublist span {
  font-size: 12px !important;
  text-transform: capitalize;
}
.MemMenu .has-sublist a {
  border-bottom: 0px;
  padding: 5px 5px !important;
  margin-left: 23px;
  width: auto !important;
}
#divPayoutDate {
  text-align: left;
  margin-top: 10px;
}
.password h1 {
  text-align: center !important;
  color: #000 !important;
}
.login-page .returning-wrapper {
  padding: 20px !important;
  border-radius: 30px !important;
  box-shadow: var(--card-shadow) !important;
  background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;
}
.panel-box-title a:hover {
  color: #fff;
}
#myTable select {
  color: #000;
}
#paymodeDetailsDiv .inputs label {
  width: 35%;
  text-align: left;
}
#txtPassword {
  width: 100%;
}
/*#upPosstion #searchUpTree {
    position: absolute;
    left: 47%;
    top: -43px;
}*/
.viewmode-icon {
  color: #333 !important;
}
#dvContainer {
  overflow-y: unset !important
}
.newsletter-wrapper strong {
  font-size: 13px;
  height: auto;
  line-height: 25px;
  text-transform: capitalize;
}
.forums-main-page a {
  color: var(--primary);
  text-decoration: underline;
}
.btn.btn-default {
  border-radius: 20px;
}
.forum-subject-name {
  position: relative;
  top: 18px;
}
#dvContainer {
  overflow: unset;
}
.btn-warning, .btn-secondary {
  border-radius: 30px;
}
.btn-danger {
  border-radius: 30px;
}
/*==== My Direct ====*/
#searchResult {
  margin-left: 0px;
  margin-right: 0px;
}
.container .return-request-list-page, .container .registration-result-page {
  margin-top: 0px !important;
}
#sparkline16id {
  padding-top: 0px !important;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#btnTransferredEpins, #btnExpiredEpins, #btnBlockedEpins, #btnUsedEpins, #btnActiveEpins, #btnStockInfo {
  margin-top: 0px;
  margin-bottom: 0px;
}
#dvFilterSearchPanal .form-group-inner {
  margin-bottom: 0px;
}
#registerPanelCount .shadow-reset {
  margin: 0px;
}
.message-error, .validation-summary-errors {
  color: var(--red);
}
#JoiningDay, #JoiningMonth, #JoiningYear, #DateOfBirthDay, #DateOfBirthMonth, #DateOfBirthYear {
  margin: 5px 0.50%;
  width: 32.33%;
}
#DateOfBirthDay, #DateOfBirthMonth, #DateOfBirthYear {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#CustomerInfoDtails .text-box {
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ccMenu a {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.private-messages-page .nav-tabs li.active a, .product-details-page .nav-tabs li.active a, .profile-page .nav-tabs li.active a {
  color: #fff;
  background: var(--secondary);
  font-weight: 600;
  border-radius: 15px;
  border: 0px;
  padding: 10px 15px;
}
.RegTextalign {
  text-align: left;
}
.RegTextalign input {
  display: block !important;
  width: 90% !important;
}
#EpinTextValue {
  width: 33.33% !important;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}
#PaymentInfo label, #IsShowReceipt label {
  width: 33.33% !important;
}
label#EWlabel {
  width: 95% !important;
}
.divKyc #remove-avatar, .divKyc #remove-avatar2 {
  padding: 0px !important;
  top: -19px !important;
  width: 23px !important;
  position: relative !important;
  line-height: 17px !important;
  border: 2px solid #cd0819 !important;
}
.divKyc .image {
  float: left !important;
}
.dashone-adminprowrap {
  padding: 0px;
  background: transparent !important;
}
#EnterSMSOTP {
  width: 100%;
}
.method-list {
  padding: 5px 0px;
}
.payment-method {
  background-color: transparent;
  box-shadow: none !important;
}
.checkout-data .payment-method .method-name .payment-details label {
  font-weight: 500 !important;
}
.checkout-data .payment-method .method-name .payment-details {
  margin: 0px 10px 10px 0 !important;
}
.checkout-page .payment-method .method-name .payment-details {
  margin: 1px 10px 10px 0 !important;
}
.checkout-page .payment-method .method-name .payment-details label {
  font-weight: 500 !important;
  margin-top: 5px;
}
.cart .qty span, .cart .sku {
  color: var(--text-color)
}
/*.form-group-inner .row div label {
    margin: 10px 0px 0px !important;
}*/
.modal-footer .btn {
  background: var(--gradient-main-btn);
  color: var(--white);
}
#trRemoveFromList {
  width: 100%;
}
.login-btn-inner .cancel-wp, #trAddToList {
  text-align: center !important;
}
#tblMember .label-wrapper {
  text-align: right;
}
.order-details-page .panel.panel-default table tbody tr .prices-alignment-right, .order-summary-content .cart .cart-item-row .subtotal.nobr, .order-summary-content .cart .cart-item-row .unit-price, .return-request-page .panel.panel-default table tbody tr .prices-alignment-right, .wishlist-content .cart .cart-item-row .subtotal.nobr, .wishlist-content .cart .cart-item-row .unit-price {
  color: var(--text-color);
  font-weight: normal;
}
.cart-item-row .discount span, .cart-item-row .quantity {
  color: var(--text-color);
  font-weight: normal;
}
.apply-gift-card-coupon-code-button {
  margin-top: 0px;
  margin-bottom: 0px;
}
#applydiscountcouponcode {
  margin-top: 15px !important;
}
.billing-info-wrap, .shipping-info-wrap {
  -webkit-box-shadow: 0 0 11px #ddd;
  border-radius: 15px;
  padding: 15px;
  margin: 15px 1%;
  width: 48% !important;
}
.checkout-data .section .address-box {
  border-radius: 15px;
}
.order-progress .nav.nav-pills li.active-step .progress-icon {
  background: var(--secondary);
}
.item-box .product-item {
  background: var(--primary);
}
.quickViewWindow .gallery .picture img {
  width: 100%;
}
.product-grid .product-list .quick-view-button {
  left: 9%;
}
.compare-products-table .picture {
  width: 100px;
  height: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.compare-products-table .picture img {
  width: 100%;
}
table.gridtable th {
  background: #d5a13e !important;
  color: #fff !important;
}
.share-info {
  margin: 15px 5px;
}
.read-more {
  margin: 0 0 0px !important;
  padding: 5px 11px !important;
  border-radius: 15px;
  background-color: var(--secondary) !important;
}
.blogpost-page .new-comment form {
    width:100%;
    max-width: 100%;
}
#comments .form-horizontal .form-group {
    margin-right:0px;
    margin-left:0px;
}
.comment-text {
    width:100% !important;
}
@media(max-width:1330px) {
  #rich-blog-search-form .search-box-text {
    width: 220px !important;
  }
}
@media(max-width:1280px) {
  #rich-blog-search-form .search-box-text {
    width: 200px !important;
  }
  #quickTabs .ui-state-default a, #quickTabs .ui-tabs .ui-tabs-nav li a, .admintab-wrap ul li a, .admintab-wrap ul li:not(.active) a {
    padding: 10px 5px !important;
  }
}
@media(max-width:1160px) {
  #rich-blog-search-form .search-box-text {
    width: 170px !important;
  }
}
@media(max-width:1024px) {
  .dashcardSub {
    padding: 5px;
  }
  #rich-blog-search-form .search-box-text {
    width: 140px !important;
  }
  .search-box .search-nav {
    width: 143px !important;
  }
  #customerTaxType, #customerCurrency, #customerlanguage {
    padding: 7px 1px;
  }
  .footer .footer-middle .social-wrapper li a {
    height: 35px;
    line-height: 35px;
  }
  .footer .footer-middle .social-wrapper li a i {
    height: 35px;
    line-height: 35px !important;
  }

    a.aTopIcons {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    text-align: center;
    line-height: 30px !important;
    padding: 0 2px !important;
    margin-top: 6px !important;
}
  .item-box .product-item .picture {
    height: 200px;
}
}
@media (max-width: 768px) {
  .Custom-amt {
    text-align: center !important;
  }
  .header-upper {
    height: auto;
  }
  .newKendo {
    margin: 20px auto;
    width: 100%;
  }
  .sm-p-0 {
      padding-left:0px;
      padding-right:0px;
  }
  .item-box.product-grid .product-item .picture a img {
    width: 100%;
    height: 100% !important;
}
.notification-content h2{
        margin-bottom: 4vw !important;
}
#divPayoutwise .k-datepicker,#divPayoutwise .k-timepicker{
    width:inherit !important;
}

}
@media (max-width: 767px) {
    .product-details-page .product-essential .tab-content {
    width: 100%;
    padding: 0px 10px !important;
}
  #quickTabs input[type=radio]:after, input[type=radio]:after {
    left: 0px;
    top: 2px;
  }
  .billing-info-wrap, .shipping-info-wrap {
    margin: 15px 0;
    width: 100% !important;
  }
  #BankName, #BranchName, #ChequeDDDate, #ChequeDDNo, #paymodeDetailsDiv #BankName {
    width: 95%;
  }
  .RegTextalign {
    text-align: left;
    width: 100%;
  }
  .RegTextalign input {
    width: 100% !important;
  }
  #EpinTextValue {
    width: 100% !important;
    text-align: left !important;
  }
  #PaymentInfo label, #IsShowReceipt label {
    width: 80% !important;
  }
  .customer-blocks .row .col-lg-12 .row .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .pie-bar-line-area .row .col-lg-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .main-sparkline16-hd h1, .main-sparkline13-hd h1 {
    font-size: 25px !important;
  }
  .edit-address {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .pie-bar-line-area .col-lg-4, .pie-bar-line-area col-md-4, .pie-bar-line-area .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px;
  }
  #responsiveKYC, #accordion .col-sm-12, #accordion .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #accordion .panel {
    width: 100%;
  }
  .container-fluid {
    padding-right: 10px;
    padding-left: 10px;
  }
  #LeftListBox, #RightListBox {
    height: 100px !important;
  }
  #dvContainer {
    overflow: scroll;
  }
  .form-group-inner select {
    height: 30px !important;
  }
  #requiedAttricSymbol .required {
    position: absolute;
    top: -23px;
    right: 0px;
  }
  #txtPassword {
    width: 100%;
  }
  .listbx option {
    padding: 6px 0px;
  }
  .field-icon {
    position: absolute !important;
    right: 14px !important;
    top: 8px !important;
    margin-top: 0px !important;
  }
  .sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
    width: 100%;
    margin: 20px 0px;
  }
  #rich-blog-search-form .search-box-text {
    width: 450px !important;
  }
  .return-request-list-page .sparkline13-hd {
    margin-top: 0px;
  }
  #JoiningDay, #JoiningMonth, #JoiningYear {
    font-size: 14px;
    height: auto !important;
    width: 32.33%;
    margin: 5px 0.50%;
  }
  .inbox-mailbox-area .container-fluid, .inbox-mailbox-area .container-fluid .col-lg-12, .inbox-mailbox-area .container-fluid .col-lg-6 {
    padding-left: 1px;
    padding-right: 1px;
  }
  .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    margin-right: 5px !important;
  }
  #divchart {
    margin-top: 10px !important;
  }
  .login-page .returning-wrapper .field-icon {
    /*top: 63px !important;*/
    right: 28px !important;
  }
  .update-cart input {
    width: auto !important;
  }
  .checkout-page #BankName, .checkout-page #BranchName, .checkout-page #ChequeDDDate, .checkout-page #ChequeDDNo {
    width: 94% !important;
  }
}
@media(max-width:660px) {
    .button-add-to-cart .btn-primary {
    background: url(../images/product-cart-icon.png) 2px 5px no-repeat var(--btn-primary) !important;
}
    .memLogo img {
    width: 200px !important;
}
    .item-box .product-item .picture {
    height: 260px;
    }
    .item-box.product-grid .product-item .picture a img {
    width: 100%;
    height: 100% !important;
    }
  .cart-box-wrapper .giftcard-button input {
    margin-top: 15px !important;
  }
  #radPaymode input[type=radio]:after, #reqStatus input[type=radio]:after {
    left: 1px;
    top: 2px;
  }
  .registration-page .form-control, .registration-page select {
    width: 100% !important;
    float: left;
  }
  .well, .blog-search-box {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .return-request-list-page .panel-default {
    margin-top: 0px !important;
  }
  .registration-page .radio-inline input[type=radio] {
    margin-left: 0px !important;
    margin-right: 10px !important;
    position: relative;
    margin-top: 10px !important;
    float: left;
  }
  .alignDetailcenter {
    text-align: center !important;
  }
  .px-5 ul.MemMenu li .dropdown-menu a {
    padding: 5px 0px !important;
  }
  ul.MemMenu .nav-item.open {
    background-color: transparent !important;
  }
  .px-5 ul.MemMenu li .dropdown-menu {
    line-height: 20px !important;
    overflow: hidden;
    background-color: var(--dropdown-side-bg);
    border-radius: 15px !important;
    padding: 10px;
    margin-top: 10px !important;
    box-shadow: none;
    border: 2px solid #3c3b3b;
    list-style: none;
  }
  .feed-mesage-project-area .container-fluid, .feed-mesage-project-area .container-fluid .col-lg-6, .welcome-adminpro-area .container-fluid, .welcome-adminpro-area .container-fluid .col-xs-12, .welcome-adminpro-area .container-fluid .col-sm-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .datatable-dashv1-list .custom-table {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .dashone-adminprowrap .custom-table {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #BtnAllTab {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
  }
  .profile-contact-menu {
    padding-left: 0px !important;
  }
  .row .col-lg-12 .row .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .divKycblock .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
  }
  .field-icon {
    top: 28px !important;
  }
  .white_shd .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .login-page .returning-wrapper .field-icon {
    /*top: 44px !important;*/
    right: 17px !important;
  }
  .method-list input[type=radio]:after {
    left: 0px;
    top: 4px;
  }
  .item-box .product-box-add-to-cart-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .add-to-compare-list-button:hover {
    width: 50% !important;
  }
  #small-searchterms.form-control {
    padding: 12px 30px 12px 10px !important;
  }
   .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  font-size: 14px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width:320px;
}
   #genderDetails input[type=radio]:after {
    left: 0px;
    top: 1px;
    }
   .panel-default > .panel-heading {
    padding: 5px 15px !important;
    }
   #FoldersReport_length span select {
       width:auto !important;
   }
   #FoldersReport_paginate {
       margin:2px 0 !important;
   }
}
@media(max-width:600px) {
  .customer-blocks .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  #upPosstion #searchUpTree {
    position: relative;
    margin-left: -95px !important;
  }
  /*.login-page .returning-wrapper .field-icon {
    top: 58px !important;
    right: 28px !important;
      }*/
  #small-searchterms.form-control {
    padding: 12px 30px 12px 10px !important;
  }
  .search-box .btn.search-box-button {
    right: -30px;
    top: 2px;
  }
  .order-summary-content .update-continue-button .continue-shopping-button, .order-summary-content .update-continue-button .update-cart-button {
      width: 210px !important;
    padding-left: 30px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .cart-footer .col-sm-6 {
      padding-left:0px;
      padding-right:0px;
  }
}
@media(max-width:480px) {
  .method-list input[type=radio]:after {
    height: 9px;
    left: 1px;
    top: 2px;
    width: 9px;
    /* border-radius: 50%; */
    margin: auto;
  }
  .method-list input[type=radio]:after {
    left: 0px;
    top: 3px;
  }
  #quickTabs input[type=radio]:after, input[type=radio]:after {
    left: 1px;
    top: 2px;
  }
  .registration-page .radio-inline input[type=radio] {
    margin-top: 5px !important;
    float: left;
  }
  .bar-notification p.content, .bar-notification.error p.content {
    margin: 0px;
    padding: 5px 0px;
    line-height: 20px;
  }
  .bar-notification.success {
    margin: 0 0 0px;
    padding: 5px 10px;
  }
  .sparkline8-graph, .sparkline7-list, .sparkline8-graph, .sparkline9-graph, .sparkline10-hd, .sparkline11-graph, .sparkline12-graph, .edit-address, .sparkline13-graph, .sparkline14-graph, .sparkline16-graph, .sparkline15-graph {
    width: 100%;
    margin: 20px 0px;
  }
  form .col-md-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .listbx option {
    padding: 6px 0px;
  }
  .sparkline16-list .shadow-reset, .sparkline7-graph, .sparkline8-list .shadow-reset {
    padding: 0px;
  }
  .panel-body {
    padding: 0px !important;
  }
  .white_shd .col-lg-12 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .newKendo {
    margin: 20px 0px;
    width: 100%;
  }
  .inbox-mailbox-area .container-fluid, .inbox-mailbox-area .container-fluid .col-lg-12, .inbox-mailbox-area .container-fluid .col-lg-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .nav-tabs > li > a {
    margin-bottom: 5px;
  }
  .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    margin-right: 5px !important;
  }
  #divchart {
    margin-top: 10px !important;
  }
  #divStockInfo {
    margin-top: 10px !important;
  }
  .field-icon {
    /*margin-top: -63px !important;*/
    top: 53px;
  }
  .px-5 ul.MemMenu li a {
    font-size: 13px !important;
    padding: 14px 5px !important;
  }
  .MemMenu .has-sublist a {
    padding: 5px 5px !important;
  }
  .sublist-wrap li a {
    padding: 5px 5px !important;
  }
  ul.MemMenu li {
    line-height: 10px;
    background: none;
  }
  .pie-bar-line-area, .pie-bar-line-area .container-fluid, .pie-bar-line-area .container-fluid .col-md-4 {
    padding: 0px;
  }
  .profile-contact-menu {
    padding-left: 10px !important;
    margin-top: 10px !important;
  }
  .padd-20 {
    padding: 0px !important;
  }
  .income-order-visit-user-area #module, .income-order-visit-user-area #module .col-xs-12 {
    padding: 0px;
  }
  .Dashboard, .col8Chart div {
    display: block !important;
    padding: 0px 0px;
  }
  .adminpro-custon-design .col-xs-12 {
    padding: 0px !important;
  }
  #upPosstion #searchUpTree {
    /*position: absolute;
        left: 67%;
        top: 6px;*/
    position: relative;
    margin-left: 25px !important;
  }
  .overview-buttons div {
    width: 98%;
  }
  #rich-blog-search-form .search-box-text {
    width: 300px !important;
  }
  .method-name input[type="radio"] {
    float: left;
    margin-right: 10px;
    width: 15px !important;
    height: 15px !important;
  }
  .method-list input[type=radio]:after {
    left: 0px;
    top: 3px;
  }
  .item-box .product-box-add-to-cart-button:hover, .item-box .add-to-wishlist-button:hover, .item-box .add-to-compare-list-button:hover {
    width: 70% !important;
  }
  #remove-avatar {
    right: 10px !important;
  }
  .search-box .search-nav {
    width: 170px !important;
  }
  #small-searchterms.form-control {
    padding: 8px 30px 8px 10px !important;
  }
  .search-box .btn.search-box-button {
    right: 9px;
    top: 2px;
    width: 20px;
    position: absolute;
    padding: 0px !important;
  }
  #GoogleAuth {
    margin-left:0 !important;
}
}
@media(max-width:420px) {
  #rich-blog-search-form .search-box-text {
    width: 270px !important;
  }
  .login-page .returning-wrapper .field-icon {
    /*top: 36px !important;*/
    right: 10px !important;
  }
 .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  font-size: 13px !important;
  width:300px;
  }

}
@media(max-width:380px) {
  #rich-blog-search-form .search-box-text {
    width: 220px !important;
  }
  #upPosstion #searchUpTree {
    margin-left: 250px !important;
  }
  .search-box .btn.search-box-button {
    right: -12px;
    top: 4px;
  }
  .product-selectors .product-sorting, .product-selectors .product-page-size {
    padding-left: 5px;
    padding-right: 5px;
  }
  .item-box .product-item .picture {
    height: 220px;
  }
  .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  font-size: 13px !important;
  width:260px;
  }
}
@media(max-width:360px) {
  .search-box .search-nav {
    width: 150px !important;
  }
  #small-searchterms.form-control {
    padding: 5px 40px 5px 10px !important;
  }
  .search-box .btn.search-box-button {
    right: 7px;
    top: 1px;
  }
  #radPaymode input[type=radio]:after, #reqStatus input[type=radio]:after {
    left: 1px;
    top: 2px;
  }
  #quickTabs input[type=radio]:after, input[type=radio]:after {
    left: 0px;
    top: 2px;
  }
  #upPosstion #searchUpTree {
    margin-left: -130px !important;
  }
  .ccMenu a {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }
  .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  font-size: 10px !important;
  padding-bottom: 0px !important;
}
}
@media(max-width:320px) {
  #quickTabs input[type=radio]:after, input[type=radio]:after {
    left: 1px;
    top: 2px;
  }
  #rich-blog-search-form .search-box-text {
    width: 194px !important;
  }
  #upPosstion #searchUpTree {
    margin-left: 8px !important;
  }
  .login-page .returning-wrapper .field-icon {
    /*top: 33px !important;*/
    right: 10px !important;
  }
  .search-box .btn.search-box-button {
    right: 7px;
    top: 4px;
    background-size: 90%;
  }
  .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button, .wishlist-page .buttons .common-buttons .update-wishlist-button, .wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button {
  width:235px;
  }
}
.field-icon {
  position: absolute !important;
  right: 19px !important;
  top: 1px !important;
  margin-top: 0px !important;
}
.registration-page .fa-eye:before {
  content: "";
  margin: 15px 0; /*AJS 7Aug*/
  display: block;
}

@media (max-width: 500px) {
  .registration-page .fa-eye:before {
    margin: 10px 0; /*AJS 7Aug*/
  }
}
@media(max-width:660px) {
  #divEnterEWOTP label {
    width: inherit !important;
  }
  .checkout-page #divEnterOTP {
    clear: both;
    display: block;
  }
    .edit-address .form-title-rquired {
    /*padding: 12px 5px 0 5px !important;*/
    padding: 8px 0px 0 5px !important;
}
    #tblMember .label-wrapper {
    text-align:center;
}
}

@media(min-width:920px) {
    .checkout-page #EnterSMSOTP {
        width: 32%;
    }
    .edit-address .form-title-rquired {
    padding: 13px 5px 0 5px !important;
}
}
/*===Product-detail===*/ 

.bv-box {
    display: block;
    clear: both;
}
.bv-box .custom-pvbv {
    padding-right:15px
}
.bv-box .custom-pvbv label, .bv-box .custom-pvbv span.pvBvCss {
    font-size:16px;
    font-weight:600;
}

#product_attribute_input_2 .option-list input[type=radio], #product_attribute_input_3 .option-list input[type=radio] {
    width: 16px;
    height: 16px;
    box-shadow: none;
    border: 1px solid #222;
}
#product_attribute_input_2 .option-list input[type=radio]:checked:after, #product_attribute_input_3 .option-list input[type=radio]:checked:after {
    background-color: #f10044;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 0%, .4), inset 0 2px 2px hsla(0, 0%, 100%, .4), 0 1px 1px hsla(0, 0%, 100%, .8), 0 0 2px 2px hsla(0, 70%, 70%, .4);
    /*width: 8px;
    height: 8px;
    top: 2px;
    left: 2px;*/
}
.attributes .option-list input[type=radio]:after{
    top: 1px !important;
    left: 1px !important;
}

.attributes dt{
    margin-top:4px;
}
.qty-label{
    margin-top:0px;
}

.email-a-friend-page{
    width:100%;
    text-align:center;
    display:inline-block;

}
.email-a-friend-page form{
     width:80%;
     border:1px solid #eaeaea;
     padding:10px;
     display:inline-block;
     }
    .email-a-friend-page form .form-fields .inputs label {
        width:30%;
        text-align:left;
    }

    .email-a-friend-page form .form-fields .inputs input,.email-a-friend-page form .form-fields .inputs textarea {
        width:50%; 
    }
    a.product-img.read-more{
            margin: 0 40px 5px 0 !important;
    }

@media(max-width:660px) {
  .addtocart-quantity-box  .qty-input{
      width:40% !important;
  }
  .product-details-page .manufacturers, .product-details-page .prices .product-price{
      float:none !important;
  }
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
    width:100%;
}
  .breadcrumb-wrapper{
      display:inline-block;
      clear:both;
      width:100%;
  }
  .email-a-friend-page form{
     width:100%;
   }
  .email-a-friend-page form .form-fields .inputs label {
        width:95%; 
    }

  .email-a-friend-page form .form-fields .inputs input,.email-a-friend-page form .form-fields .inputs textarea {
        width:100%; 
  }
        
}
.forums-header .forum-search-box, .forums-header .forum-search-box input.search-box-text {
    width:100% !important;
}
.forum-search-box .advanced {
    text-align: left;
}
.forum-edit-page .form-group label.checkbox {
    text-align: left;
    margin-top: 10px;
   margin-left: 20px;
}
.add-to-cart .blink{
	    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.blink {
    color: var(--secondary);
}
 @media (min-width:900px) {
         .blink{
      text-align:center!important;
    }
    }

 .cart-label2 .fa-shopping-cart {
     background: var(--HeaderIconBg);
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px !important;
    border-radius: 50%;
    margin-right: 8px;
    padding: 0px !important;
 }
 .shopping-cart-link > a {
    padding: 0px;
}
 .header-top-right ul li > a {
    border-right: 0px solid #33393e;
}

 @media(max-width:1024px) {
  .cart-label2 .fa-shopping-cart {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
    padding: 0 2px !important;
    margin-top: 6px !important;
}
 }
@media (max-width: 600px) {
    .shopping-cart-link > a {
        padding: 0px !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;
}
