/*=======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;
}
/* Remove the password visibility (eye) icon in Microsoft Edge */
input[type="password"]::-ms-reveal {
    display: none;
}
.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(230deg, var(--secondary) 0%, var(--secondary-medium) 100%) !important;
  border-radius: 10px; /*SR*/
  font-weight: 500 !important; min-width:90px;/*SR*/
}
.login-page .btn.btn-primary, .registration-page .btn.btn-primary, .pswrdrecvry .btn.btn-primary {
    background: linear-gradient(220deg, rgb(118 205 93) 0%, rgba(237, 188, 42, 1) 100%) !important;
    border-radius: 10px; /*SR*/
    font-weight: 500 !important;
    min-width: 49%; /*SR*/
}
.registration-page .btn-secondary, .pswrdrecvry .btn-secondary { min-width:49%;/*SR*/}
.btn.btn-primary:focus, .btn.btn-primary:hover {
    background: #CA852C !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;
}
.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;
    border: 1px solid var(--border) !important;
}
.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;
  position: relative;
}
/*.page-title h1::before, .panel-heading h1::before {
  content: ' ';
  display: block;
  width: 28px;
  bottom: 6px;
  border: 5px solid var(--head-border-color);
  border-radius: 3px;
  position: absolute;
  left: 50%;
  margin-top: 20px;
  margin-left: -14px;
}
.page-title h1::after, .panel-heading h1::after {
  content: ' ';
  display: block;
  width: 100px;
  border: 1px solid var(--head-border-color);
  border-radius: 2px;
  position: relative;
  left: 50%;
  margin-top: 20px;
  margin-left: -50px;
}*/
.page-title h1::after, .panel-heading h1::after {
  content: ' ';
    display: block;
    width: 100px;
    margin: 15px 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: 10px 10px 0 0 !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: 1px solid #333333;
/*  border-radius:10px;*/
  border-top: 0px;
/*  box-shadow: inset 0.2rem 0.2rem 0.5rem var(--black), inset -0.2rem -0.2rem 0.5rem #3f3f3f;*/
}
ul.MemMenu li:last-child {
  border-bottom: 0px!important;
  opacity: 0px!important;
  display: none!important;
  visibility: hidden!important;
}
#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);
}
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(--black);
}
.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;
  scrollbar-width: none;
}
.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(--main-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(--main-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: 10px;
  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: 20px !important;
  box-shadow: var(--card-shadow) !important;
  /*border:2px solid #fff !important;*/
  margin: 20px auto;
  min-width: 96%;
  background: var(--card-bg) !important;
  /*border: 2px solid var(--card-border) !important;*/ /*SR*/
}
.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);
  border: 1px solid rgba(0,0,0,.08) !important;
}
.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: 20px;
  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: 20px !important;
  overflow: hidden;
  border: 3px solid var(--primary-light);
  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;*/ width:100%; height:auto;
}
.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; min-width: 20px!important;border-radius:30px;
}
.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*/
    background: transparent !important;
    padding: 10px !important;
    /*min-height: 150px;*/
    /*min-height: 190px;*/ /*BY DG as UI changes if very few qty note appears and box size increases*/
}
.item-box .product-item .product-title a {
  color: var(--black);
 /*font-size:14px;*/
}
.item-box .product-item .product-title a:hover {
  color: var(--black);
  text-decoration: none;
}
.item-box .prices span {
  font-weight: 600;
  color: var(--black);
}
.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 {
  width: 100%;
  /*height:100% !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: 10px;
}
.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: 10px;
  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: 10px !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 !important;*/
  font-weight: 500;
  color: var(--secondary);
  text-transform: capitalize;
  border: 0px;
  border-bottom: 2px solid var(--secondary);
  padding: 0 5px;
  margin-top: 15px;
}
.news-list-page .news-item .button-1:hover{
    color: var(--primary);
}
/*=====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: 10px;
  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: 10px;
  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: 10px;
}
/*=====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(--prodthumbnaillowerBg);
  border-radius: 10px; color:var(--black)!important; border:1px solid var(--dashboard-box-border);
}
.product-details-page .overview-buttons .add-to-compare-list-button {
  background: url(../images/compare-product-icon.png) 20px 10px no-repeat var(--prodthumbnaillowerBg);
  border-radius: 10px; color:var(--black)!important; border:1px solid var(--dashboard-box-border);
}
.product-details-page .overview-buttons .email-a-friend-button {
  background: url(../images/email-product-icon.png) 20px 10px no-repeat var(--prodthumbnaillowerBg);
  border-radius: 10px; color:var(--black)!important; border:1px solid var(--dashboard-box-border);
}
.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;*/
}
.product-details-page .non-discounted-price {
    display:block;
  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: 0 0 20px 20px;
  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;
  margin-top: 20px;
}
#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: 20px !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 10px 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: 20px !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(--table-th);
  border-radius: 15px 15px 0 0;
  color: var(--table-text);
}
.shipping-options {
  background: transparent;
}
.shipping-options:before, .shipping-options:after {
  background: transparent;
}
.cart-total {
border-radius:20px!important;overflow: hidden;border:1px solid gray;
}
.discount, .discount span { color:#34a513!important;}
/*======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% !important;
  padding: 10px 0px;
}
.method-name input[type="radio"] {
  float: left;
  /*margin-right: 10px;*/
  position: inherit;
  margin-left: 0px;
}
.method-name label {
  /*margin-top: 0px;*/
  
  /*border: 1px solid gray;*/
  /*box-shadow: var(--card-shadow) !important;
    border-radius: 10px;
    margin-top: 10px!important;*/
    padding: 0 10px; /*min-height:110px;*/
}
.payment-logo label {margin-top:0px!important;
}
.custom-label {
    box-shadow: var(--card-shadow) !important;
    border-radius: 10px;
    margin-top: 10px!important;
    padding: 20px!important; min-height:110px;
}
.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;*/padding: 30px 20px; /*SR*/
  border-radius: 0px 20px 20px 0px!important;
  box-shadow: var(--card-shadow) !important;
  /*background: var(--main-color) !important;*/
  border: 0px solid var(--card-border) !important;
  /*background: var(--card-bg) !important;
  border: 2px solid var(--card-border) !important;*/ /*SR*/
}
.registration-page h3 {
  text-align: center;
  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: 20px !important;
 box-shadow: rgb(102 108 114 / 20%) 0px 8px 24px !important;
    border: 2px solid #d7d6d5 !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(--inputvalidationerror) !important;
    border: 2px solid var(--card-border) !important;
}
.input-validation-error {
  /*background: rgba(247, 248, 250, 0.5) !important;*/
  padding: 6px 12px;
  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;*/
    padding: 8px 40px 4px 10px !important;
    border: 1px solid #f7f8fa;
    /*margin: 0 !important;*/ margin-top: 5px !important;
    background: var(--primary-light);
    border-radius: 10px;
    border: 1px solid var(--border) !important;
}
.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: 10px;
}
.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) 20px 10px no-repeat var(--btn-primary) !important;
}
.wishlist-page .buttons .common-buttons .email-a-friend-wishlist-button {
  width: 100%;
  /*height: 35px;*/
  background-position: 20px 10px;
  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: 4px;
  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;
  }
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;
    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;*/ padding: 30px 30px !important; /*SR*/
  border-radius: 20px 0px 0px 20px!important;
  /*box-shadow: var(--card-shadow) !important;*/
  border: 0px solid var(--card-border) !important;                                                                                                                     
  /*background: var(--card-bg) !important;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);*/
  /*border: 2px solid var(--card-border) !important;*/ /*SR*/
  /*margin-bottom: 20px;*/
}
.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: 10px;
}
.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: 3px;
  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 15px 0px 0px;
  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;*//*Commented BY DG for Asterisk sign*/
}
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: 5px 10px 10px 0 !important;
}
.checkout-page .payment-method .method-name .payment-details label ,.checkout-page .payment-method .method-name .payment-details input{
  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: 10px;
  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;
  }
  .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% !important;
  }
  .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;*//*code commented BY DG*/
  }
  .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: 20px !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;*/
        margin: 20px 3px;
    }
  #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: auto !important;*/
    width: auto;
    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;*/
        padding: 8px 40px 8px 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 {
      min-width: 170px !important;
    padding: 10px 20px 10px 30px!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;*/
        margin: 20px 3px;
    }
  form .col-md-12 {
    /*padding-left: 0px;
    padding-right: 0px;*/ /*SR*/
  }
  .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: 10px 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: 18px !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: 8px 40px 5px 10px !important;
    width: 150px !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: 20px !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: -2px !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;*//*commented BY DG for Asterisk sign*/
    padding: 15px 5px 0 15px !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: var(--main-color);
    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;
    border:1px solid var(--border);
 }
 .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;
    }
    .checkout-as-guest-or-register-block, .new-wrapper.register-block, .returning-wrapper, .login-page .returning-wrapper {
        min-height:160px;
        border-radius:20px!important;
        padding: 30px 20px !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;
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: var(--table-even)  !important;
}
/*********PG BUGS*******************************/
.btn-warning, .btn-secondary {
  border-radius: 10px;
  min-width: 90px;
}
.btn-danger{
    border-radius: 10px;
    min-width: 100px;
}
.note h1{
    font-size:14px !important;
    text-align: left !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;
  
 }
.item-box .thumbnail .picture a {
    background:none !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: 50px;
    padding: 18px 0 !important;
}
#PaymentInformation .sparkline16{
    padding: 10px 10px 20px 10px !important;
}
@media(max-width:600px) {
    .cart .product img {
        margin-right: 60%!important ;
    }
    .edit-address .control-label{
    text-align: center !important;/******bug*73127********/
}
}
/*end PUK*/
.checkout-page .checkout-data .form-group-inner .row .col-md-4{
    /*padding-left: 0% !important*/
    text-align:left;
}
/*puk form current offer page form guest command member*/

    @media all and (max-width:1100px) and (min-width:990px) {
        .CurrentOfferMainBox {
            width: 49% !important;
        }
    }

    .CurrentOfferMainBox .sparkline7-graph {
        display: block !important;
    }

    .CurrentOfferMainBox .sparkline7-hd {
        padding: 8px 4px;
        background: var(--table-th) !important;
    }

    @media only screen and (min-width: 351px) and (max-width: 400px) {

        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 50px;
        }
    }

    @media only screen and (min-width: 401px) and (max-width: 500px) {
        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 117px;
        }
    }

    @media only screen and (min-width: 501px) and (max-width: 700px) {
        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 176px;
        }
    }

    .CurrentOfferMainBox {
        min-height: 500px !important;
    }

        .CurrentOfferMainBox .CurrentOfferBuyBox {
            width: 50%;
            /*border: white solid 2px;*/
            margin-left: 6px;
            margin-right: 6px;
            margin-bottom: 10px;
            border-radius: 8px;
            overflow-y: auto;
            min-height: 400px;
            height: 100px;
        }


        .CurrentOfferMainBox .scrollable-content {
            width: 100%;
            height: 100%;
            /*overflow-y: auto;*/
            padding: 10px; /* Optional: Add padding for content */
        }

            .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar {
                width: 12px;
            }

            .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-thumb {
                background-color: #888; /* Color of the thumb */
                border-radius: 8px; /* Rounded corners of the thumb */
                border: 3px solid #fff; /* Border around the thumb */
            }

            .CurrentOfferMainBox .scrollable-content::-webkit-scrollbar-track {
                background-color: #f1f1f1; /* Color of the track */
                border-radius: 8px; /* Rounded corners of the track */
            }

        .CurrentOfferMainBox .product-name {
          
            display: block;
            flex-direction: column;
            flex-basis: 19% !important;
            /*white-space: nowrap;*/
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

     
        .CurrentOfferMainBox .image {
          /*width: 200px;*/
            height: 200px;
            font-weight: bold;
        }

        .CurrentOfferMainBox .container {
            display: flex;
            border: 1px solid #ccc;
            width: auto;
        }

        .CurrentOfferMainBox .box1 {
            padding: 10px;
            margin: auto;
            width: 50%;
        }

        .CurrentOfferMainBox .box2 {
            padding: 10px;
            margin: auto;
            width: 80%;
        }


    .CurrentOfferMainBox {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .CurrentOfferMainBox .Datediv {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: x-small;
            padding-right: 30px;
        }

        .CurrentOfferMainBox .InnerBox {
            display: flex;
        }

    @media (max-width:479px) and (min-width:320px) {
        .CurrentOfferMainBox .Datediv {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            flex-flow: column;
            font-size: xx-small;
        }

        .CurrentOfferMainBox .OfferTitlediv {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: column;
        }

        .CurrentOfferMainBox .InnerBox {
            display: flex;
            flex-flow: column;
        }

        .CurrentOfferMainBox .CurrentOfferBuyBox {
            width: 96%;
            border: white solid 2px;
            margin-left: 6px;
            margin-right: 6px;
            margin-bottom: 10px;
            border-radius: 8px;
            /* overflow-y: auto; */
            min-height: 400px;
            height: 100px;
        }

        .CurrentOfferMainBox .container {
            display: flex;
            border: 1px solid #ccc;
            width: auto;
            flex-flow: column;
        }

        .CurrentOfferMainBox .box1 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .box2 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .scrollable-content {
            width: 100%;
            height: 100%;
            overflow-y: auto;
            padding: 10px;
            font-size: 12px;
        }

        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 10px !important;
        }
    }

    @media (max-width:599px) and (min-width:480px) {
        .CurrentOfferMainBox .Datediv {
            display: flex;
            justify-content: center;
            align-items: center;
            /* flex-flow: column; */
            font-size: 8px;
        }

        .CurrentOfferMainBox .image {
            width: 150px;
            height: 150px;
            font-weight: bold;
        }

        .CurrentOfferMainBox .OfferTitlediv {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: column;
        }

        .CurrentOfferMainBox .InnerBox {
            display: flex;
            flex-flow: column;
        }

        .CurrentOfferMainBox .CurrentOfferBuyBox {
            width: 98%;
            border: white solid 2px;
            margin-left: 6px;
            margin-right: 6px;
            margin-bottom: 10px;
            border-radius: 8px;
            /* overflow-y: auto; */
            min-height: 400px;
            height: 100px;
        }

        .CurrentOfferMainBox .container {
            display: flex;
            border: 1px solid #ccc;
            width: auto;
            /*flex-flow: column;*/
        }

        .CurrentOfferMainBox .box1 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .box2 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .scrollable-content {
            width: 100%;
            height: 100%;
            overflow-y: auto;
            padding: 10px;
            font-size: smaller;
        }

        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 10px !important;
        }
    }



    @media (max-width:1023px) and (min-width:600px) {
        .CurrentOfferMainBox .Datediv {
            display: flex;
            justify-content: center;
            align-items: center;
            /* flex-flow: column; */
            font-size: xx-small;
        }

        .CurrentOfferMainBox .image {
            width: 200px;
            height: 200px;
            font-weight: bold;
        }

        .CurrentOfferMainBox .OfferTitlediv {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: column;
        }

        .CurrentOfferMainBox .InnerBox {
            display: flex;
            flex-flow: column;
        }

        .CurrentOfferMainBox .CurrentOfferBuyBox {
            width: 98%;
            border: white solid 2px;
            margin-left: 6px;
            margin-right: 6px;
            margin-bottom: 10px;
            border-radius: 8px;
            /* overflow-y: auto; */
            min-height: 400px;
            height: 100px;
        }

        .CurrentOfferMainBox .container {
            display: flex;
            border: 1px solid #ccc;
            width: auto;
            /*flex-flow: column;*/
        }

        .CurrentOfferMainBox .box1 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .box2 {
            padding: 10px;
            margin: auto;
            width: auto;
            font-size: 11px;
        }

        .CurrentOfferMainBox .scrollable-content {
            width: 100%;
            height: 100%;
            overflow-y: auto;
            padding: 10px;
            font-size: smaller;
        }

        .CurrentOfferMainBox .profile-contact-menu {
            padding-left: 10px !important;
        }
    }


    .CurrentOfferMainBox .OfferTitle {
        color: white;
        font-size: small;
    }

    .CurrentOfferMainBox .OfferTitlediv {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
    }

    .CurrentOfferMainBox .typeoffer {
        color: #fffefd  !important;
    }

    .CurrentOfferMainBox .Datediv h1 {
      color: var(--text-color);
        margin-right: 35px;
    }

    .CurrentOfferBuyBox h1 {
        text-align: center;
        color: var(--text-color);
    }


/*end puk*/
/*BY DG For asterisk sign*/
#divEnterOTP .col-md-5{
    float:left !important;
}
@media (max-width: 2000px) and (min-width: 900px){
.checkout-page .checkout-data .payment-info .form-group-inner .row .col-md-4 {
    padding-left: 6% !important;
}
.checkout-payment-info-load .form-group-inner .row .col-md-4{
    padding-left: 2% !important;
}
.checkout-page .section.payment-info label{
    margin-left:6px ;
}
.checkout-page .checkout-data #opc-payment_info .info label{
    /*width: 25% !important;*/
    text-align: left;
}
.checkout-page .checkout-data .registration-page .form-group-inner .row .col-md-5{
     text-align: Right;
}
#PaymentInformation #Notediv{
    height:12px;
}
}
@media (max-width: 900px){
    #receipt1{
    height:125px;
}
    .checkout-page .checkout-data #opc-payment_info .form-group-inner .row .col-md-5{
    text-align: left;
}
}
/*End DG*/

@media (min-width:600px) and (max-width:1023px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left;
        padding-left: 201px;
    }

    .option-list input[type=radio], .option-list input[type=radio] {
        text-align: left;
        padding-left: 201px;
        padding: 1px 0px 0 0 !important;
    }
}

@media (min-width:480px) and (max-width:599px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left;
        padding-left: 130px;
    }

    .option-list input[type=radio], .option-list input[type=radio] {
        text-align: left;
        padding-left: 130px;
        padding: 1px 2px 0 0 !important;
    }
}

@media (min-width:360px) and (max-width:479px) {
    #product_attribute_input_1, #product_attribute_input_2, #product_attribute_input_3 {
        text-align: left;
        /*padding-left: 80px;*/
    }

    .option-list input[type=radio], .option-list input[type=radio] {
        text-align: left;
        padding-left: 80px;
        padding: 1px 0px 0 0 !important;
    }
}


/*.update-wishlist-button {
height:35px !important
}*/



/* PK */

.LoginAsterik .login {
    /*width: 100%;*//*SR*/
}

.LoginAsterik .login1 {
    display: flex;
    align-items: center;
}

.LoginAsterik .login2 {
    justify-content: space-between;
    display: flex;
    float: right;
    align-items: center;
    padding: 0%;
    /*margin: 0px 49% 0 10%;*/
    padding-right: -9%;
    width: 100%;
}

@media (min-width: 360px) and (max-width: 599px) {
    .LoginAsterik .form-control {
        /*margin: 5px 3px;*/ /*SR*/
    }
    .LoginAsterik .col-md-12 {
        /*padding-left: 5px;
        padding-right: 0px;*/ /*SR*/
    }
}

@media (min-width: 600px) {
    .LoginAsterik .control-label {
        padding-left: 17px;
    }
}

@media (min-width: 600px) and (max-width: 659px) {
    .LoginAsterik .form-control {
        margin: 5px 7px;
    }
}

.highlightoffer {
   
    
}
.highlightoffer .profile-contact-menu{
     /*border:3px dashed var(--table-th) !important;*/
       /* background-image: url(../images/hightlight.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(../images/offer.png);
     background-repeat: no-repeat;
     /*width:80px;*/
     height:60px;
   
}

  
.highlightoffer .CurrentOfferBuyBox .h1style h1{
    font-size: 2em;
    font-weight : bold;
}
.highlightoffer .CurrentOfferBuyBox .h1style h1 {
    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:auto !important;
}
#paymodeDetailsDiv .form-group-inner{
    clear:both;
}
.checkout-step-payment-info .checkout-data .form-group-inner .col-md-6 . input{
	width: 100% !important;
}
#checkout-payment-info-load .checkout-data .info label {
/* width: 96% !important;  */
}

#checkout-step-payment-info .col-md-4 label{
	margin-top:0px !important;
}
#checkout-step-payment-info #receipt1 .col-md-4 label{
	width: auto !important;
}
#checkout-step-payment-info #receipt1 .col-md-4 {
	padding-left: 12% !important;
}

@media (max-width: 768px){
#checkout-step-payment-info .checkout-data .required {
    padding: 0px !important;
  
}
}
.blog-page .post .read-more:hover{
color: var(--secondary) !important;
}
/*//puk form genelogy poppup*/
.overlayGenoPop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

    .overlayGenoPop:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    margin: 95px auto;
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    width: 40%;
    position: relative;
    transition: all 5s ease-in-out;
    height: 70%;
    overflow: scroll;
}

    .popup h2 {
        margin-top: 0;
        color: #333;
        font-family: Tahoma, Arial, sans-serif;
    }

    .popup .close {
        /*position: absolute;
                                    top: 20px;
                                    right: 30px;*/
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #c90000;
        opacity: 1;
    }

        .popup .close:hover {
            color: #06D85F;
        }

/*.popup .content {
                                    max-height: 30%;
                                    overflow: auto;
                                }*/
.liflex {
    display: flex;
}

.lipopCont {
    float: left;
    border: 3px solid #ddd;
    padding: 5px;
    font-size: 0.8em;
}

.lipopContEmpty {
    float: left;
    /*border:3px solid #ddd;*/
    font-size: 1em;
      text-align:right !important;
}

.ulgeno {
    width: 100%;
}

.genolbl {
    width: 50%;
    font-weight: 700;
}

.genoval {
    width: 50%;
}

.genowd50 {
    width: 50%;
}

.genoBold {
    font-weight: 700;
}

.genoTitle {
    padding: 10px 0 0 0;
}

.ulgeno .lipopContEmpty:first-child {
    border-right: 3px solid #ddd;
}

.genoMainPopCont {
    border: 3px solid #ddd;
    color: black;
    background: #fff;
    border-radius: 3px;
    margin-top: 40px;
    /*width: 350px;*/
}

.closediv {
    position: fixed;
    width: 38%;
    /*padding: 3px;*/
    background-color: #eaeaea;
    margin-top: -10px;
}
.popup .close:hover{
     color: #5d5d5d;
}
.popmainLbl {
    font-weight: 700;
    padding-left: 10px;
    line-height: 30px;
}
 .content{
      position: static !important;
      width: 95% !important;
    }

@media screen and (max-width: 700px) {
    .box {
        width: 70%;
    }

    .popup {
        width: 90%;
    }

    .closediv {
        width: 86%;
    }
    .content{
      position: static !important;
    }
  
}

@media (max-width: 480px) {
.mean-container .mean-bar {
width:100%;
}
}
.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:94%;*/
    }
     .overlayGenoPop {
        padding: 10px 20px 10px 20px !important;
       
    }

}
.labelsec{
    font-weight: 700;
    text-align:center !important;
}
 .genoMainPopCont {
     min-width:480px;

 }
@media screen and (max-width: 640px) {
 .genoMainPopCont {
     min-width:500px !important;

 }
 .main-menu.goToTop {
     position:static !important;
 }
}
/***********PG BUGS*********************************/
@media (max-width: 500px) and (min-width: 400px) {
    #sparkline16-graphid {
        padding-top: 11px !important;
    }
}

 .dashone-adminprowrap .btn-primary{
        padding: 10px 9px !important;
    }
    .btn-custon-two{
         padding: 10px 9px !important;
    }
    .panel-title{
        font-weight:500 !important;
    }
    .rich-blog-homepage .read-more:hover, .post-actions .read-more:hover {
  background-color: #248ece;
  text-decoration: none;
  transition: background .8s !important;
}
.checkout-data .payment-method .method-name .payment-details label{
    color: #1e1e1d !important;
}
.cancel-topic-button{
    border-radius:10px !important;
    background-color: var(--btn-danger) !important;
}
button, .btn, .button-2, .button-1, .product-add-button, .btn-primary a{
    text-transform: capitalize !important;
}
input[value="OUT OF STOCK"] {
     text-transform: capitalize !important;
}
.elementor-widget-container .title{
    color: var(--primary) !important;
        font-size: 16px !important;
    font-weight: 500 !important;
}
.elementor-widget-container .title a{
    color: var(--main-color) !important;
}
.elementor-shape svg{
    display:none !important;
}
.elementor-widget-container .title{
    padding:15px 10px !important;
}
.elementor-section.elementor-section-boxed > .elementor-container{
   max-width: 100% !important;
}
.OfferTitle h1 {
    color: #000;
    color: var(--heading-color) !important;
    font-size: 22px!important;
    text-transform: uppercase;
    text-align: center !important;
    margin-bottom: 36px;
    font-size: 24px !important;
    font-weight: bold;
    margin-top: 35px;
}
.OfferTitle h1::after {
    content: ' ';
    display: block;
    width: 100px;
    margin: 10px auto;
    border: 3px solid var(--head-border-color);
    border-radius: 5px;
}
.OfferTitlediv h1{
      color: var(--heading-color) !important;
}
/*.main-spark7-hd h1 {
    font-size: 16px !important;
    color: var(--heading-color) !important;
}*/
.Datediv h1 {
    color: #000 !important;
    font-size: 20px !important;
}
.CurrentOfferBuyBox h1 {
    color: #000;
}
.CurrentOfferBuyBox .profile-contact-menu{
    font-size: 16px;
}
.CurrentOfferBuyBox{
        min-height: 320px !important;
}
.shippingMethodName{
    line-height: 19px !important;
    text-transform: capitalize;
}
.product-tags-all-page a{
    color: var(--main-color) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: var(--main-color) !important;
}
.form-control option:hover {
    box-shadow: 0 0 10px 100px #1882A8 inset;
    background-color: var(--main-color) !important;
}
#send-contact-us-form{
    padding:5px 15px !important;
    border-radius: 10px;
}
.all-form-element-inner .form-group-inner #PayoutStartDate, #PayoutEndDate{
    text-align: left !important;/******bug 73202*********/
    margin-top:10px;
}
 .compare-products-page .table-bordered > tbody > tr > td{
          background-color: #ffffff !important;
      }
 .rich-blog-homepage .blog-post{
     /*min-height: 472px !important;*/
     min-height: 280px !important;
     overflow: scroll;scrollbar-width: none;
 }
 table.dataTable tr.DTTT_selected.even td.sorting_1{
     background-color: var(--table-even) !important;/*****Bug 73044*******/
 }
table.dataTable tr.DTTT_selected.odd td.sorting_1{
     background-color: var(--table-odd) !important;/*******Bug 73044*********/
 }
.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button{
     background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--main-color) !important;
}
.wishlist-page .buttons .common-buttons .wishlist-add-to-cart-button:hover{
     background: url(../images/white-product-cart-icon.png) 12px no-repeat var(--primary) !important;
}
.checkout-data .info label{
    /* width: 85px !important;/******Bug #72992***********/ */
}
.checkout-data #confirm-order-buttons-container .btn.btn-primary{
    font-size: 14px;
}
#billing-address-select option{
    font-size: 14px !important;
    width: 50% !important;
}
.checkout-page .button-1 {
    background:linear-gradient(180deg, var(--secondary) 0%, var(--secondary-medium) 100%) !important;/******Bug #72925******/
}
.checkout-page .button-1:hover{
    background: var(--btn-primary) !important;
}
.custom-datatable-overright .rowalign{
    margin-left: 0px !important; /*********Bug #72996**************/
}
.custom-datatable-overright .amountalign{
    text-align: left !important; /********Bug #72996************/
}
#lblEwalletAmount input:first-child{
    /* width: 100%;/********Bug #73441************/ */
}
.checkout-page .section.payment-info input[type=text]{
     width: 100% !important;/*********Bug #73441***********/
}
.home-page-filter-selector span.k-dropdown-wrap{
    border: 1px solid #b5b5b5 !important;/*******Bug #73297**********/
  }
.home-page-filter-dropdown {
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;/*****Bug #73297********/
}
.home-page-filter-dropdown li{
        color: #000 !important;
    font-size: 14px !important;
}
.home-page-filter-dropdown li:hover{
    background: #e5e5e5 !important;
}
.table-striped > tbody > tr:hover{
      background-color: #e4e4e4 !important;
}
.input-validation-error{
        margin-top: 5px !important;
}
.sparkline16-graph .datatable-dashv1-list{
    padding-bottom: 19px;/*********Bug #73002***********/
}
/*@media (min-width: 1024px){
   a.aTopIcons{
       margin-right: 19px !important;
   }
}*//******Bug#72849********/
@media screen and (max-width: 660px) {
    .table-wrapper .table-bordered > tbody > tr > td {
        text-align: right !important;
    }
    .all-form-element-inner .form-group-inner #PayoutStartDate, #PayoutEndDate{
    text-align: center !important;/******bug 73202*********/
    margin-top:10px;
}
    .custom-datatable-overright .btn.btn-primary{
    /*margin:8px !important;*//*******bug*73115**********/
} 
    .ReciptDetailbox h4{
        font-size: 14px !important;
    }
    .RegTextalign {
    text-align: right !important;
    width: 100%;
}
    #ShowEwalletAmount .rowalign{
            margin-left: 0px !important;
    }
    .checkout-page .section.payment-info input[type=text], .checkout-page .section.payment-info input[type=password]{
            max-width: 94% !important;
           width: 93% !important;/**********Bug #72935***********/
    }
    /*#upgTrn #paymentInfo .form-group-inner #ewalletlablelalign{
        margin-left: 0px !important;
    }*/
    .wishlist-qty{
       top: -6px !important;/*****Bug #72849**************/
    }
     .header-top-right ul li a .wishlist-qty{
        font-size: 8px !important;/*******Bug #72849***********/
     }
     .header-top-right ul li a{
         margin-right: 12px !important;/*****Bug #72849*******/
     }
     .sparkline16-graph .datatable-dashv1-list{
         padding-bottom: 0px;/*******Bug #73002*******/
     }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #opc-confirm_order #confirm-order-buttons-container .confirm-order-next-step-button {
        background: #f10044 url("../images/checkout-order-confrim.png") no-repeat scroll 60px center;
        width: 130px !important;
        font-size: 14px !important;
    }
}
@media (width: 1024px) {
    #personalInfoDetailPanel{
        width:56% !important;/*****Bug 73101***********/
    }
    .WWInfo .form-group-inner{
        width:110% !important;/*****Bug 73101***********/
    }
}
@media (max-width: 2000px) and (min-width: 780px) {
    .form-group-inner .row .col-md-4 {
        padding-left: 17% !important;
    }
    
}
@media screen and (max-width: 600px) {
    #Save-EpinTransfer, #divVerifyOTP {
        /* margin-top: -12px !important; */
    }
    .share-post{
        margin-top: 10px !important;
    }
    .post-body .share-post{
        padding-left: 0px !important;
    } 
    /*.checkout-page .section.payment-info label{
            width: 100% !important;
            float:left;
    }*//*code commented by DG for asterisk sign*/
    .sparkline7-hd h1{
        font-size:17px !important;
    }
      .Datediv h1{
        font-size:14px !important;
    }
      .CurrentOfferBuyBox .profile-contact-menu .box2{
    font-size: 14px !important;
}
      #opc-confirm_order #confirm-order-buttons-container .confirm-order-next-step-button{
          padding: 10px 15px 10px 10px !important;
          width: 130px !important;
      }
     .checkout-data .shipping-method .method-name .method-description{
         width: 90% !important;/**********Bug #72873***************/
     }
}
@media (max-width: 400px) and (min-width: 300px){
    #returnresoasonspan, #createspan, #returnspan{
            float: none !important;
             margin-top: 10px !important;
             margin-left: 1.55% !important;
    }
    .field-icon{
            top: 1px !important;
    }
    .fa-eye:before{
        margin: 15px 0 !important;
    }
    /*.method-description{
            margin-left: 16px !important;
    }*/
  
.Eyehide .col-md-6{
width:90% !important;
padding:0;
}

.field-icon {
z-index:120 !important;
}
}

@media (max-width: 900px) and (min-width: 280px) {
    .Custom-amt {
        text-align: left !important;
    }
    #lblEwalletAmount{
        text-align: left !important;
    }
}
@media (max-width: 767px){
.master-column-wrapper .form-control{
/* margin:0 5px; */
}
.field-icon {
z-index: 125;
}
}
@media(max-width:600px)
{
div.k-grid-footer, div.k-grid-header {
    display: block !important;
}

}
@media(max-width:480px) and (min-width:600px)
{
div.k-grid-footer, div.k-grid-header {
    display: block !important;
}
.fa-eye:before{
        margin: 18px 0 !important;
    }
}
@media screen and (max-width: 767px){
.dataTables_wrapper {
overflow: auto;
}
}
.box-statistics .box-header.with-border{
margin-bottom: 10px !important;
}
#LapsePairReport_wrapper #LapsePairReport{
background-color: var(--table-odd) !important;
}
.poppy_filter h1{
font-weight:500 !important;
}

 #tbTree td{
            vertical-align :top !important;

        }
  /*puk Bug Sr.No. 12/13/14*/
 #footerResponsive {
    /*display: none !important;*/
}
.wwsearch .btn.search-box-button {
    right: 0px !important;
    top: 1px !important;
}

@media (max-width: 600px) {

    .wwsearch .btn.search-box-button {
        right: -30px !important;
        top: 2px !important;
    }
}


@media (min-width: 360px) and (max-width: 599px) {

    .wwsearch .btn.search-box-button {
        right: 8px !important;
        top: 4px !important;
    }
}
.epinvadd{
padding-top:20px !important;
}
#upPosstion{
    display:block !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;
 }
 }
bar-notify {
    margin: 30% 0 !important;
}

@media screen and (max-width: 1024px) {
    .bar-notify {
        /* margin: 60% 0 !important; */
    }
}
@media (min-width: 1600px) {
    .item-box .product-item .picture {
        height: 310px !important;
    }
}

a {
    cursor: pointer !important;
}

input[type="checkbox"] {
    cursor: pointer !important;
}

.search-box > .navbar-form {
  -webkit-box-shadow: none;
   box-shadow: none;
}

@media (width: 600px) {
    .search-box .search-nav {
        width: 170px !important;
    }
}
/*SR Start*/
.vf-wrapper {
    /*background-color:#fc5258!important;
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;*/
    /*padding: 30px 30px !important;*/
    border-radius: 20px !important;
    box-shadow: var(--card-shadow) !important;
    border: 0px solid var(--card-border) !important;
    /*background: var(--card-bg) !important;*/
    /*-webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);*/
    /* border: 2px solid var(--card-border) !important; */
    margin-bottom: 20px;
    display: flex;
    vertical-align:middle; margin-top:15%;
}
.vf-wrapper .col-sm-6, .vf-wrapper col-md-6 {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
.new-wrapper.register-block .text {
    color: var(--white) !important;
}
.new-wrapper.register-block fieldset legend {
    color: var(--white) !important;
}
/*.header, .footer {
    display:none;
}*/
/* Background Layer */
.hand-cursor {
  cursor: pointer;
}
.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/login-form-bg.jpg") no-repeat center center / cover;
    filter: blur(10px); /* Adjust the blur intensity */
    z-index: -1; /* Keep it behind the foreground content */
}

/* Foreground Layer */
.foreground {
    position: relative;
    z-index: 1;
    text-align: center; /* Adjust alignment as needed */
    color: white; /* Adjust text color for readability */
    padding: 20px;
}

.foreground img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.login-form-bg {
    background:url("../images/login-form-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #ffffff;
    min-height:100%;
}
.left-col, .right-col {
        min-height: 100%;
        height: auto;
    }
.col-mid {
    display:flex;
}
.hint { padding-bottom:10px;
}
/*address toggle*/
.toggle-box {
        display: none;
    }

        .toggle-box + label {
            cursor: pointer;
            display: block;
            font-weight: bold;
            line-height: 21px;
            margin-bottom: 5px;
        }

            .toggle-box + label + div {
                display: none;
                margin-bottom: 10px;
            }

        .toggle-box:checked + label + div {
            display: block;
        }

        .toggle-box + label:before {
            background-color: #4F5150;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            color: #FFFFFF;
            content: "+";
            display: block;
            float: left;
            font-weight: bold;
            height: 20px;
            line-height: 20px;
            margin-right: 5px;
            text-align: center;
            width: 20px;
        }

        .toggle-box:checked + label:before {
            content: "\2212";
        }
    .new-billing-address .small-heading, .new-shipping-address .small-heading{padding-bottom: 5px;
display: flex;
    }
.side-margin {
    margin: 0 10% !important;
}

@media (max-width: 600px) {
    .vf-wrapper {
        flex-direction: column;
    }
    /*.wishlist-compare-wrapper {
        top:5%!important;
    }*/
    #progressbar li:after {
    content: '';
    width: 100%;
    height: 0px;
    background: lightgray;
    position: absolute;
    left: 1;
    top: 20px;
    z-index: -1
}
    .login-form-bg {
    min-height: 300px;
    }
    .checkout-as-guest-or-register-block {
        border-radius: 0 0 20px 20px!important;
    }
    .item-box .product-item .picture {
        height: 360px!important;
    }
}
@media (max-width: 360px) {
    .item-box .product-item .picture {
        height: 280px!important;
    }
}

    @media (max-width){
    .product a {font-size:14px;}
    }


.unpublishedOutofStockMessage {
    color: #cd0202 !important;
    animation: blink 1s infinite;
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}


#VideoGallery .eventbcakbtn > a {
    display: inline-block;
    font-size: 100%;
    padding: 10px;
    background: var(--footer-upper);
    margin: 5px 0;
    color: #fff !important;
}