.shiping_table td,
.shiping_table th {
  padding: 8px 16px;
}

hr.custom-hr {
  margin-top: 0;
  margin-bottom: 1rem;
  height: 1px;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

.cursor-pointer {
  cursor: pointer;
}

.productAction {
  padding: 5px 10px !important;
  border-radius: 4px !important;
  font-size: 13px !important;
}

.theme-primary .btn-success {
  background: #02ff00 !important;
  color: #000 !important;
}

.theme-primary .btn-primary {
  color: #02ff00;
  background-color: #000;
  border-color: #000;
}

.btn {
  font-weight: 400;
  padding: 10px 20px;
  line-height: normal;
  height: auto;
  border-radius: 5px;
  font-size: 12px;
}

.theme-primary .btn-secondary {
  color: #000;
  background-color: #fff;
  border: 1px solid #000 !important;
}

.theme-primary .btn-secondary:hover {
  background: #000 !important;
  color: #02ff00 !important;
}

.strikethrough {
  text-decoration: line-through;
}
.user-panel-sidebar {
  float: left;
  width: 100%;
  color: #fff;
  background: #181a1e;
  padding: 10px;
  border-radius: 5px;
  margin: 10px 0;
  cursor: pointer;
}
.pac-container {
  z-index: 10000;
}
.user-panel-sidebar .dropdown-menu {
  width: 100%;
  border-radius: 3px;
  left: -5px !important;
}
.theme-primary.light-skin .user-panel-sidebar:hover a {
  color: #000 !important;
}
li.sidebar-user-panel .user-panel-sidebar a span {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  background: #ccc;
  text-align: center;
  line-height: 40px;
}
li.sidebar-user-panel .user-panel-sidebar a span img {
  border-radius: 50%;
}
li.sidebar-user-panel .user-panel-sidebar a span i {
  margin: 0;
}
li.sidebar-user-panel .user-panel-sidebar a {
  text-transform: capitalize !important;
  font-size: 14px !important;
  padding: 10px 10px !important;
  border-radius: 0 !important;
  margin: 0;
}
.user-panel-sidebar .image {
  width: 20%;
  max-width: 75px;
  margin: 0 auto;
  float: left;
  margin-right: 10px;
}
.profile-usertitle {
  text-align: left;
  position: relative;
  margin-bottom: 0;
}
span.arrow_right {
  position: absolute;
  right: 0;
  top: 20px;
}
.user-panel-sidebar .show i.fa.fa-angle-down:before {
  content: "\f106";
}
.sidebar-userpic-name {
  color: #02ff00;
  font-weight: 600;
  font-size: 18px;
}
li.sidebar-user-panel a {
  padding: 12px !important;
  border-radius: 100px;
  height: auto;
  margin: 0 0 10px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
}

.sidebar-menu > li > a > i {
  font-size: 15px;
  border: 2px solid #037502;
  border-radius: 50%;
  padding: 5px;
  background: #181a1e;
  color: #fff;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 20px;
}
.sidebar-menu > li {
  border-bottom: 1px solid #1f1f1f;
}
.theme-primary.light-skin .sidebar-menu > li.active {
  border-left: none;
  background: #181a1e;
}
.theme-primary.light-skin .sidebar-menu > li.active > a > i {
  background: #02ff00;
  color: #333 !important;
}
.theme-primary.light-skin .sidebar-menu > li:hover,
.theme-primary.light-skin .sidebar-menu > li:active,
.theme-primary.light-skin .sidebar-menu > li.active {
  background: #181a1e;
  border-left: none;
}
li.dropdown.user.user-menu img {
  width: 40px;
  border-radius: 50%;
  height: 40px;
}
.user_name {
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}
.user_name h6,
.user_name p {
  font-size: 14px;
  color: #fff;
  margin: 0;
}
.user_name h6 {
  color: #02ff00;
}
.notifications-icon {
  margin-top: 5px;
}
.app-menu {
  margin-top: -7px;
  opacity: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-user-panel {
  display: none !important;
}
.card.welcome-card {
  background: #dae9f6;
}
.welcome_user_img {
  margin-right: 15px;
}
.welcome_user_img img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
  object-position: center;
}
.welcome_user_cont h3 {
  font-weight: 300;
}
.welcome_user_cont p {
  margin-bottom: 10px;
}
.welcome_user_cont h6 {
  font-size: 16px;
  font-weight: 500;
}
.contact-us a.btn.btn-secondary {
  background: transparent;
  border: 1px solid #fff !important;
}
.card.bg-black.contact-us .btn-secondary:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}
.card.welcome-card .btn {
  width: 180px;

  font-size: 16px;
}
.card.welcome-card .btn:hover {
  background: #02ff00 !important;
  color: #000 !important;
  border-color: #02ff00 !important;
}
.pro-list-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container-full {
  max-width: 1440px;
  padding: 0 10px;
  margin: auto;
}
.support-box {
  padding: 15px;
  color: #fff;
  margin: 8px 0 25px 0;
  border-radius: 10px;
  min-height: 140px;
  display: flex;
  position: relative;
  border-radius: 5px;
}
.support-box-cont {
  text-align: right;
  width: 80%;
}
a.view-detail {
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  bottom: -2px;
  text-align: left;
  padding: 10px;
  border-radius: 0 0 5px 5px;
  color: #777;
}
.support-box-cont h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
}
a.view-detail i {
  font-size: 16px;
  margin-top: 3px;
}
.bg-blue {
  background-color: #2196f3 !important;
  color: #fff;
}
.bg-green {
  background-color: #8bc34a !important;
  color: #fff;
}
.bg-amber {
  background-color: #ffc107 !important;
  color: #fff;
}
.bg-red {
  background-color: #f61636 !important;
  color: #fff;
}
.bg-orange {
  background-color: #ff9800 !important;
  color: #fff;
}
.header.bg-grey {
  background: #e2e5f3 !important;
  border-radius: 10px 10px 0 0;
  padding: 15px;
}
.card .header h2 {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
  color: #12171d;
  font-weight: 600;
}
.card .header a,
.card .header #delete_file {
  float: right;
  font-size: 11px;
  margin-top: 2px;
}
.variant_gallery_inner.imgactive .check_img {
  display: block;
}
.order-name {
  font-size: 12px;
}
.orderd_page_head a.pay-order-btn {
  margin: 0;
}
.card .header #delete_file {
  margin-left: 15px;
  color: #ed0505;
  cursor: pointer;
}
#delete_file:hover {
  text-decoration: underline;
}
table span.badge {
  display: block;
  padding: 3px;
  cursor: pointer;
  height: auto;
  border-radius: 5px;
}
ul.statistics-list {
  padding: 15px;
  list-style: none;
}
.statistics-list i {
  font-size: 10px;
  margin-right: 5px;
}
.col-red {
  color: #f44336 !important;
}
.col-pink {
  color: #e91e63 !important;
}
.col-purple {
  color: #9c27b0 !important;
}
.col-deep-purple {
  color: #673ab7 !important;
}
.col-indigo {
  color: #3f51b5 !important;
}
.col-blue {
  color: #2196f3 !important;
}
.col-light-blue {
  color: #03a9f4 !important;
}
.col-cyan {
  color: #00bcd4 !important;
}
.col-teal {
  color: #009688 !important;
}
.col-green {
  color: #4caf50 !important;
}
.col-light-green {
  color: #8bc34a !important;
}
.col-lime {
  color: #cddc39 !important;
}
.col-yellow {
  color: #ffe821 !important;
}
.col-amber {
  color: #ffc107 !important;
}
.col-orange {
  color: #ff9800 !important;
}
.col-deep-orange {
  color: #ff5722 !important;
}
.col-brown {
  color: #795548 !important;
}
.col-grey {
  color: #9e9e9e !important;
}
.col-blue-grey {
  color: #607d8b !important;
}
.col-black {
  color: #000 !important;
}
.col-white {
  color: #fff !important;
}
.col-dark-gray {
  color: #888 !important;
}
.font-bold {
  font-weight: bold;
}
.card .body {
  color: #555;
  min-height: 260px;
  padding: 15px;
}
.notice-board {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
  padding: 10px 0;
}
.contact-us .body {
  min-height: 250px;
}
.notice-board:last-child {
  padding-bottom: 0;
}
.table-img img {
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 25px 0 rgb(0 0 0 / 20%);
}
.notice-board .notice-body {
  font-size: 13px;
  padding: 0 0 5px 10px;
}
.notice-board .notice-body p {
  margin-bottom: 0;
}
.bg-black {
  background-color: #000 !important;
  color: #fff;
}
.card.bg-black.contact-us h2 {
  color: #fff !important;
  font-size: 28px;
  font-weight: 500;
}
.contact-us p {
  color: #ccc;
}
.card .header {
  color: #555;
  padding: 15px;
  position: relative;
}
.contact-us h4 {
  font-weight: 300;
  color: #fff;
}
ul.faq-list {
  padding: 0;
  list-style: none;
}

.body.filter_bar {
  min-height: 100px;
}
.card.welcome-card .body {
  min-height: 100px;
}

.btn:not(.btn-link):not(.btn-circle) {
  box-shadow: none !important;
}

.filter-option:after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 15px;
  top: 15px;
}
.bootstrap-select .dropdown-toggle::after {
  display: none !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}
.form-control {
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  padding: 0 7px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  height: 40px;
}
input.form-control {
  height: 40px !important;
}
.form-control:focus {
  box-shadow: none !important;
}
[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 1px solid #ccc;
  top: 4px;
  z-index: 0;
}
[type="checkbox"].filled-in:checked + span:not(.lever):after {
  background-color: #000;
  border-color: #000;
}
[type="checkbox"].filled-in:checked + span:not(.lever):before {
  border-right-color: #02ff00 !important;
  border-bottom-color: #02ff00 !important;
}
.category_dropdown button {
  background: #000;
  width: 100%;
  padding: 4px 10px;
  height: 100%;
  color: #fff;
  border-radius: 5px 0 0 5px;

  text-align: left;
}
.category_dropdown {
  width: 25%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.category_dropdown button img {
  width: 27px;
  border: 1px solid #02ff00;
  padding: 5px;
  border-radius: 50%;
  margin-right: 10px;
}

.category_dropdown i.fas.fa-caret-down {
  float: right;
  margin-top: 7px;
}
#search {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  border: none;
  background: no-repeat;
}
.featured_pro_inner img {
  border-radius: 5px;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  object-fit: cover;
}
.featured_pro_inner:hover img {
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.featured_pro_inner {
  position: relative;
}
.featured_pro_inner a:before {
  position: absolute;
  z-index: 9;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  border-radius: 5px;
}
.featured_pro_inner span {
  position: absolute;
  left: 20px;
  color: #fff;
  z-index: 99;
  top: 20px;
  font-size: 18px;
  font-weight: 600;
}
.featured_pro_inner {
  position: relative;
  margin-bottom: 10px;
  border-radius: 6px;
  overflow: hidden;
}
.featured_pro_inner a {
  display: block;
  height: 100%;
}
.featured-product .col-md-4,
.featured-product .col-md-2 {
  padding: 5px;
}
.featured_pro_inner.flarge {
  height: 260px;
}
.premium_box a span {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
.premium_box a {
  color: #02ff00;
  display: block;
}
.premium_box {
  background: #000;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 125px;
  text-align: center;
}
.premium_box.show-more i {
  font-size: 40px;
  margin: 30px 0 5px;
}
.premium_box.premium i.first,
.premium_box.premium i.last {
  font-size: 16px;
}
.premium_box.premium i {
  font-size: 24px;
  margin-top: 35px;
}
.product_box {
  background: #fff;
  padding: 10px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-bottom: 30px;
}
#see-click {
  cursor: pointer;
}
.setting_product {
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: 30px;
  z-index: 9;
}
.upgrade_box.text-center,
.product_box {
  height: 100%;
  margin-bottom: 0;
}
.product_catalog_list .col-xl-3.col-md-4.col-sm-6 {
  margin-bottom: 20px;
}
.instore-icon,
.fire_icon,
.customizable_icon,
.prime-icon {
  display: block;
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  border-radius: 50%;
}
.instore-icon {
  background: #02ff00;
}
span.fire_icon {
  background: #f00;
  color: #fff;
}
.retur_product_row {
  border-bottom: 2px dashed #ccc;
  padding: 20px 0;
}
.retur_product_row:last-child {
  border: none;
}
span.customizable_icon {
  background: #21a0f3;
  color: #fff;
}
span.prime-icon {
  background: #f3c421;
  color: #fff;
}
.product_img {
  position: relative;
  margin-bottom: 15px;
  height: 200px;
}
.product_img span.bg-green {
  background: #39b54a;
}
.product_img span.bg-blue {
  background: #0060ff;
}
.product_img span.stock {
  bottom: 5px;
  right: 5px;
  color: #fff;
  border: none;
  border-radius: 50px;
}
.product_img img {
  height: 200px;
  width: 100%;
  object-fit: cover;
}
.product_img span.delivery {
  bottom: 35px;
  right: 5px;
  color: #fff;
  border: none;
  border-radius: 50px;
}
.product_box h2 {
  font-size: 14px;
}
.product_price,
.product_info {
  display: flex;
  flex-wrap: wrap;
}
.product_price > div,
.product_info > div {
  width: 50%;
}
.product_price > div:last-child,
.product_info > div:last-child {
  text-align: right;
}
.product_price h6 {
  font-size: 13px;
  font-weight: 400;
  color: #777;
  margin: 0;
}
.product_price {
  margin: 15px 0;
}
span.product_featured {
  background: #f8a900;
  z-index: 9;
  color: #fff;
  padding: 5px 46px;
  transform: rotate(-33deg);
  left: -45px;
  text-transform: capitalize;
  top: 15px;
}
span.product_featured.customizable_pro {
  background: #0ec602;
}

.product_price h3 {
  margin: 0;
  font-size: 16px;
}
.product_info p {
  color: #777;
  margin: 0;
}
.product_box a.btn.btn-primary {
  width: 100%;
  border-radius: 5px;
  margin: 15px 0 0;
}
.product_box h2 a {
  color: #000;
  font-weight: 500;
  height: 35px;
  overflow: hidden;
  display: block;
}
.upgrade_box {
  background: #000 !important;
  height: 385px;
  background-size: 100%;
  border-radius: 10px;
  padding: 15px;
  color: #fff;
  position: relative;
  z-index: 99;
  overflow: hidden;
}
.upgrade_box:before {
  position: absolute;
  width: 500px;
  height: 100%;
  content: "";
  background: url(../images/bgpreview.png) #00000000;
  left: 0;
  top: 0;
  z-index: -1;
  background-size: 100%;
}
.overlay_pro {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  line-height: 400px;
  display: none;
}
.product_box:hover .overlay_pro {
  display: block;
}
.upgrade_box h2 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
  margin: 15px 0;
}
.upgrade_box a.btn.btn-success {
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  margin: 15px 0;
}
.upgrade_box p {
  color: #fff;
}
.upgrade_box h6 {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
}
.upgrade_box a.btn.bg-white {
  color: #000;
  width: 100%;
  margin: 40px 0 5px;
}
.upgrade_box a.btn.btn-success + p {
  background: #000;
  margin: 0;
}
.overlay_pro {
  position: absolute;

  left: 0;
  right: 0;
  text-align: center;
  display: none;
}
.product_box:hover .btn.btn-primary {
  z-index: 999;
  background: #fff;
  position: relative;
  color: #000;
}
.overlay_pro a {
  color: #38ff36;
  font-size: 70px;
  position: relative;
}
.product_box:hover .overlay_pro {
  display: block;
}
.body.filter_bar.list_bar .form-group input.form-control {
  padding-left: 15px;
}
.body.filter_bar.list_bar .form-group input.form-control.search-input {
  padding-left: 20px;
  height: 40px;
  width: 100%;
}
.body.filter_bar .form-check {
  padding-left: 0;
}
ul.tab_menu li {
  display: inline-block;
  margin-right: 20px;
}
ul.tab_menu li a {
  color: #000;
  font-weight: 500;
}
ul.tab_menu {
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
}
ul.tab_menu li.active a {
  background: #000;
  color: #fff;
  padding: 3px 15px;
  display: block;
  border-radius: 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: #f7f8fa !important;
}
.select2-container--default .select2-selection--multiple {
  font-size: 11px;
  height: 40px;
  line-height: 30px;
}
ul.tab_menu {
  padding: 0;
}
.bootstrap-select > .dropdown-toggle {
  background: #fff !important;
  border: 1px solid #ccc;
  padding-left: 7px;
}
button.btn.filter-btn {
  position: relative;
  background: #f7f8fa !important;
  border: 1px solid #ccc;
  width: 100%;
  text-align: left;
  border-radius: 25px;
}
button.btn.filter-btn:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  right: 15px;
  position: absolute;
  border: none;
  top: 13px;
}
.productCatalog__filters .col-md-3 {
  position: relative;
}
.productCatalog__filters ul.dropdown-menu {
  box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%),
    0 3px 14px 2px rgb(0 0 0 / 12%);
  width: 100%;
  padding: 10px;
}
.productCatalog__filters ul.dropdown-menu {
}
li.checkfilter {
  max-height: 130px;
  overflow: auto;
}

.search_box {
  position: relative;
}
.search_box button {
  position: absolute;
  top: 0;
  right: 5px;
  background: no-repeat;
  height: 100%;
  border: none;
}

.product_category_list {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 999;
  width: 100%;
  box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%),
    0 3px 14px 2px rgb(0 0 0 / 12%);
  padding: 0;
  border-radius: 5px;
  top: 40px;
  padding: 0;
}
.products_lisiting_subcat {
  position: absolute;
  width: 75%;
  background: #fff;
  border: 1px solid #ccc;
  top: 39px;
  padding: 15px;
  height: 450px;
  overflow: auto;
  display: none;
  right: 0;
  z-index: 99;
}
.catalogSubcategs__root img {
  float: left;
  margin-right: 10px;
}
.dropDownRow {
  padding: 5px 15px;
}
.catalogSubcategs__root i {
  float: right;
}
.products_lisiting_subcat h5 {
  font-size: 14px;
}
table th {
  font-size: 12px;
  white-space: nowrap;
  text-transform: uppercase;
}
table th span.sub-text {
  display: block;
}
.tooltip {
  background: transparent;
  padding: 8px;
}
span.tooltip_text {
  position: absolute;
  width: 160px;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 99999;
  top: -57px;
  padding: 10px;
  border-radius: 5px;
  font-size: 13px;
  left: -70px;
}
.tooltip-inner {
  background: #02ff00 !important;
  padding: 10px !important;
  font-size: 13px;
  border-radius: 4px;
  color: #000;
  z-index: 99999;
}

.tooltip-arrow {
  margin-bottom: 3px;
  margin-left: -2px;
}
.bs-tooltip-bottom .tooltip-arrow:before {
  top: 0px !important;
  border-bottom-color: #02ff00;
  border-width: 0px 8px 12px !important;
}
.bs-tooltip-end .tooltip-arrow:before {
  border-right-color: #02ff00 !important;
  margin-right: -4px;
  top: 4px !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-left-color: transparent !important;
  border-right: 10px solid #02ff00 !important;
}

.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #02ff00 !important;
  margin-left: -4px;
  top: -4px !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-right-color: transparent !important;
  border-left: 10px solid #02ff00 !important;
}

.bs-tooltip-top .tooltip-arrow:before {
  border-bottom-color: #02ff00;
  border-width: 8px 8px 0;
  top: -1px;
}
button i.fas.fa-exclamation-circle {
  font-size: 18px;
}
.tooltip-arrow:before {
  border-top-color: #02ff00 !important;
}
button i.fas.fa-exclamation-circle {
  font-size: 16px;
}
.tooltip-arrow:before {
  border-top-color: #02ff00 !important;
}
table.table.custom-table td {
  padding: 5px;
}
table.table.custom-table th {
  padding: 10px 5px;
}
table.dataTable td.reorder {
  text-align: left;
}
table.table.custom-table .form-check {
  padding-left: 0;
}
table.table.custom-table [type="checkbox"] + label {
  height: 13px;
}
table.table.custom-table .product_list_table img {
  border-radius: 4px;
  width: 50px;
  height: 50px;
  object-fit: cover;
  max-width: none;
}
.customtab2 li a.nav-link:focus {
  background: #000;
}
table.table.custom-table .product_list_table a {
  width: 150px;
  display: block;
  float: left;
  font-size: 13px;
}
table.table.custom-table th {
  border: none;
  background: #f5f5f5;
  text-transform: uppercase;
}
.btn,
.badge {
  text-transform: capitalize;
}
.productCatalog__filters {
  margin-bottom: 15px;
}
.badge.bg-light-blue {
  background: #b9d8f5 !important;
  color: #1f75c4 !important;
  border-radius: 50px;
  padding: 5px 2px;
}
.btn-light-green {
  background: #c2ffc2 !important;
  color: #000 !important;
  padding: 10px 30px;
  font-weight: 600;
  font-size: 16px;
}
.ck-editor li {
  list-style: none;
  font-size: 13px;
}
.bootstrap-tagsinput {
  display: block;
  min-height: 40px;
  background: #f7f8fa !important;
  box-shadow: none;
}
.bootstrap-tagsinput .label-info {
  background: #ccc !important;
  border-radius: 50px;
  color: #000;
  font-size: 12px;
  font-weight: 500;
  margin: 5px 0;
  display: inline-block;
}
.ck-content {
  background: #f7f8fa !important;
  min-height: 350px;
  height: 350px;
  overflow: auto;
  border-radius: 0 0 4px 4px !important;
}
#return-policy .ck-content {
  height: 200px;
  min-height: 200px;
  overflow: auto;
}
.ck.ck-reset_all,
.ck.ck-reset_all * {
  border-radius: 5px 4px 0 0 !important;
}

/* zstart */
.view_page label {
  margin-bottom: 5px;
}

.variants-table img {
  border: 1px solid #ccc;
  margin-right: 5px;
}
.variants-table .form-control {
  width: 200px;
  height: 30px !important;
}
.variants-table .delete {
  font-size: 15px;
  opacity: 0.5;
}

.view_page table.table td {
  padding: 8px;
  border-color: #cecece;
}
.ship_box_info,
.ship_box {
  border: 1px dashed #ccc;
  padding: 15px;
  border-radius: 5px;
  min-height: 105px;
  margin-bottom: 20px;
}
.ship_box strong {
  font-weight: 600;
}
.ship_box ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.ship_box li {
  width: 33.33%;
  margin-bottom: 5px;
}
.ship_box li h5 {
  margin-top: 5px;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 13px;
}
.ship_box p {
  margin: 0;
  font-size: 12px;
}
.tooltip-btn {
  padding: 0;
}
.action_panel .btn {
  font-size: 14px;
  padding: 10px 40px;
}
.btn-outline.btn-danger {
  border-color: #ec0000 !important;
  color: #ec0000 !important;
}
td.action-sm-btn .btn {
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
}
footer.main-footer {
  opacity: 0;
}
.dataTables_length,
.dataTables_filter {
  display: none;
}
.custom-datatable p {
  margin: 0;
}
.custom-datatable th {
  background: #f5f5f5 !important;
  border: none;
}
.dataTables_wrapper .custom-datatable {
  border-collapse: collapse !important;
}
.table > tbody > tr > td,
.table > tbody > tr > th {
  padding: 10px 5px !important;
}
.add_page_btn {
  float: right;
  margin-top: -4px;
  font-size: 15px;
}
.card-body.plan_body {
  padding: 0;
}
.old-price span,
.old-price {
  font-size: 15px !important;
  display: inline-block;
  text-decoration: line-through;
  color: #c3bfbf;
}
.old-price {
  margin-right: 10px;
}
.plan_price span.badge {
  padding: 0;
  font-size: 12px;
  background: #f00;
  padding: 0 10px;
}
.mb-15 {
  margin-bottom: 15px;
}
button.tooltip-icon {
  padding: 0;
  border: none;
  background: no-repeat;
}
.input_wrap {
  flex: 1 0 0%;
}
.priceFormula__rangeColumn span {
  margin: 0 15px;
  line-height: 42px;
}
a.orderid {
  display: block;
}
span.orderdate {
  font-size: 10px;
}
.orderDetails img {
  width: 20px;
  margin-left: 5px;
}
.custom-table p {
  margin: 0;
}
a.btn.action-btn {
  background: #000;
  color: #fff;
}
.notifications-type .form-check {
  padding-left: 0;
  margin-right: 10px;
  text-transform: capitalize;
}
.card__details_img img {
  float: left;
  margin-right: 10px;
}
.card__details_img {
  float: left;
  width: 100%;
  clear: both;
}
.card__detail .ui-text {
  display: inline-block;
  font-weight: 500;
  width: 150px;
  margin-bottom: 5px;
}
.ordered_wraper {
  background: #ebf0f3;
  padding: 20px;
  border-radius: 5px;
}
.card__footer {
  display: flex;
  flex-wrap: nowrap;
}
.card__footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 10px;
}
.mobile-table .details-control-info {
  display: none;
}
.detail_page_outer hr {
  height: 1px;
  border-top: 2px dashed #ccc;
  background: transparent;
}
.detail_page_outer .form-group {
  margin: 0;
}
.detail_page_outer ul.list-unstyled strong {
  display: inline-block;
  width: 150px;
  margin: 5px 0;
}
.subscription__conditionCardInfo {
  font-size: 18px;
}
.subscription__conditionCardInfo span.ui-text-big {
  font-size: 40px;
}
.support-box-wrap h5 {
  font-weight: 400;
  font-size: 18px;
}

#annually:after {
  position: absolute;
  color: #fff;
  content: attr(data-bubble);
  background: url(../images/offer.png);
  width: 67px;
  padding: 20px 4px;
  border-radius: 50%;
  border-bottom-left-radius: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  height: 67px;
  top: -37px;
  right: -35px;
}
.btn-toggle:after,
.btn-toggle:before {
  display: none;
}

.theme-primary .btn-primary:hover,
.theme-primary .btn-primary:active,
.theme-primary .btn-primary:focus,
.theme-primary .btn-primary.active {
  background-color: #02ff00 !important;
  border-color: #02ff00 !important;
  color: #000 !important;
}

.plan_outer .btn-toggle button {
  font-size: 16px;
  padding: 14px 50px;
}
.plan_outer .btn-secondry {
  border: 1px solid #000;
}
.promocode_form {
  width: 350px;
  margin: auto;
  position: relative;
}
.promocode_form button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.promocode_form input.form-control {
  height: 50px !important;
  background: #fff !important;
}
.plan_outer_box {
  background: #fff;
  height: 100%;
  position: relative;
  padding-bottom: 65px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.plan_box_top {
  background: #000;
  color: #fff;
  overflow: hidden;
  padding: 40px 20px 20px;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.plan_body .row.mt-50 > div {
  margin-bottom: 20px;
}
.plan_box_top h4 {
  font-weight: 400;
  color: #8d8888;
  font-size: 16px;
}
.plan_price {
  color: #02ff00 !important;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}
.plan_price span {
  font-size: 40px;
  font-weight: 700;
}
.plan_box_bottom {
  padding: 15px;
}
.plan_box_bottom h6 {
  color: #f00;
  font-size: 18px;
  font-weight: 500;
}
.plan_box_bottom li {
  border-bottom: 1px dashed #ccc;
  padding: 5px 0;
  color: #777;
  position: relative;
  padding-left: 18px;
}
.plan_box_bottom i {
  position: absolute;
  left: 0;
  top: 9px;
}
.plan_box_bottom li strong {
  color: #000;
}
.plan_box_bottom .fa-check-circle-o {
  color: #27d20b;
}
.plan_box_bottom .fa-times-circle-o {
  color: #f00;
}
.btn.btn-secondry {
  border: 1px solid #000;
}
.plan_box_bottom .btn-secondry {
  width: 170px;
  font-size: 16px;
  margin: 15px 0 0;
}
.highlight_text {
  background: #f61636;
  z-index: 9;
  color: #fff;
  padding: 7px;
  transform: rotate(-33deg);
  left: -57px;
  top: 10px;
  position: absolute;
  text-align: center;
  width: 200px;
  font-size: 17px;
}
.custom_plan {
  background: #000;
  width: 400px;
  margin: 30px auto 0;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  color: #fff;
}
.custom_plan h2 {
  font-size: 30px;
  text-transform: capitalize;
  font-weight: 500;
}
.custom_plan a.btn.btn-success {
  font-size: 16px;
  width: 60%;
  margin: 15px 0 0;
}
.wallet-icon {
  background: #000;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  color: #02ff00 !important;
  font-size: 50px;
  line-height: 100px;
  margin-right: 15px;
  margin: auto;
}
.welcome_user_cont {
  width: 100%;
}
.vtabs .tabs-vertical {
  width: 30%;
  position: relative;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  width: 4px;
}
.ps__rail-y {
  width: 4px;
}
.quickStart__stepIcon {
  width: 33px;
  height: 33px;
  border: 2px solid #333;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #fff;
  z-index: 3;
  font-size: 16px;
}
.theme-primary .nav-tabs .nav-link.active:hover,
.theme-primary .nav-tabs .nav-link.active:focus {
  background: #fff;
  color: #000;
}
.theme-primary .tabs-vertical li .nav-link.active .quickStart__stepIcon {
  background: #02ff00;
  color: #000;
}
.vtabs a.nav-link {
  display: flex;
}
.quick_start .nav-tabs .nav-link:after {
  display: none;
}
.quick_start .nav-tabs .nav-link:hover,
.quick_start .nav-tabs .nav-link:focus {
  isolation: auto;
}
.quickStart__stepLabelHeading p {
  margin: 0;
}
.vtabs .tabs-vertical li .nav-link {
  margin-bottom: 0;
}
.vtabs .tabs-vertical li .nav-link {
  padding: 25px 15px;
  border: none;
  border-radius: 0;
}
.vtabs .tabs-vertical {
  border: none;
}
.quickStart__content {
  padding: 0 25px;
}
.quickStart__content h3 {
  font-size: 28px;
}
.quickStart__contentAction button.btn.btn-primary,
.quickStart__contentAction button.btn.btn-secondry {
  font-size: 16px;
  padding: 15px 50px;
}
ul.quickStart__contentVerification {
  list-style: none;
  padding: 0;
}
ul.quickStart__contentVerification li {
  margin-bottom: 10px;
}
.progress_wrap h3 {
  color: #02ff00 !important;
  font-size: 18px;
  margin: -4px 0 5px;
}
.progress-bar {
  background: #02ff00 !important;
}
.progress {
  background: #fff;
  position: relative;
  margin-bottom: 0;
}
.progress-bar-text {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  font-weight: 600;
  z-index: 9;
}
.progress_wrap .progress-bar {
  height: 100%;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 0;
}
.progress_wrap {
  min-width: 200px;
  margin: auto;
  text-align: center;
}
.featured_pro_inner.fmid,
.featured_pro_inner.fsmall {
  height: 125px;
}
#quick-view-product h2.box-title {
  font-size: 18px;
}
.pro-detail-auth {
  display: flex;
  justify-content: space-between;
}
.gap-items .btn {
  font-size: 16px;
}
.modal-content button.btn-close {
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: 999;
  background-color: #02ff00;
  opacity: 1;
  border-radius: 50%;
  padding: 5px;
  background-size: 10px;
}

.modal-content button.btn-close:hover {
  background-color: #fff !important;
}

.product_box a.btn.btn-light {
  width: 100%;
  margin: 15px 0 0;
  z-index: 9;
  position: relative;
}
.cost-from span.btn.btn-info {
  padding: 2px 5px;
}
.cost-from p.old-price {
  text-decoration: line-through;
  margin: 0;
}

.store-box {
  min-height: 200px;
  margin: 0 -10px;
  padding-bottom: 41px;
}
.store-box a.btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.nav-tabs .nav-link:after {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background: #ccc;
  right: 0;
}
.theme-primary .nav-tabs .nav-link.active:after {
  background: transparent;
}
.lSSlideOuter.vertical {
  padding-right: 0 !important;
  padding-left: 85px;
}
.lSSlideOuter.vertical .lSGallery {
  margin: 0 !important;
  left: 0;
}
div#markup {
  position: relative;
}
#markup span {
  position: absolute;
  right: 10px;
  top: 5px;
}
#markup {
  display: none;
}
div#interval {
  display: none;
}
.li_bg {
  background: #eee;
}
.wizard-content .wizard > .actions {
  display: none;
}
div#interval .d-flex span {
  margin: 0 5px;
  line-height: 32px;
  font-size: 26px;
}
.content {
  padding: 0 10px 10px;
}
.row > * {
  padding-left: 10px;
  padding-right: 10px;
}
.payment_card {
  position: relative;
}
.payment_card i {
  position: absolute;
  top: 14px;
  left: 11px;
}
.productCatalog__filters .row > div {
  position: relative;
}
#add_payment .form-check {
  padding-left: 0;
}
.payment_card input {
  padding-left: 35px !important;
}
#funding-val,
.disabled-click1 {
  display: none;
  position: relative;
}
span.h-icon {
  font-size: 25px;
  font-weight: 800;
  position: absolute;
  left: 210px;
  top: -55px;
}
.auto_funt_box .col-lg-6:first-child {
  border-right: 1px solid #ccc;
}

.imageloaderFiles {
  display: block;
}
.upload_box {
  position: relative;
  background: #000;
  height: 100px;
  width: 100px !important;
  text-align: center;
  border-radius: 5px;
  float: left;
  margin: 0.5%;
}
.upload_box input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.upload_box span {
  background: #02ff00 !important;
  color: #000;
  padding: 2px 5px;
  display: inline-block;
  border-radius: 3px;
  margin: 25px 0 7px;
}
.upload_box p {
  text-decoration: underline;
  color: #02ff00;
  text-align: center;
  text-transform: capitalize;
  font-size: 12px;
  padding: 33px 10px;
}
.imageloaderFile,
.imageloaderFile1 {
  height: 100px;
  position: relative;
  -webkit-mask-image: radial-gradient(#fff, #000);
  display: flex;
  border: 1px solid #ccc;
  padding: 0.3%;
  border-radius: 5px;
  float: left;
  width: 100px;
  margin: 0.5%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.imageloaderFile:first-child {
  height: 206px;
  width: 206px;
}
.filter_bar li.nav-item {
  margin-bottom: 2px;
}
span.badge.bg-gray {
  background: #ccc;
}
.bold {
  font-weight: 800;
}
.dashboard-table button.btn {
  padding: 0;
}
.dashboard-table th {
  padding: 10px 5px !important;
}

/* file item image */
.imageloaderImage {
  float: left;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: #fff;
  background-repeat: no-repeat;
  object-fit: cover;
  background-position: center;
}
.imageloaderFile:before {
  position: absolute;
  content: "\f065";
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  transform: translateY(-10px);
  color: #fff;
  font-size: 15px;
  top: 50%;
  opacity: 0;
}
.imageloaderFile:hover .imageloaderImage {
  opacity: 0.6;
}
.imageloaderFile:hover:before {
  opacity: 1;
}
.imageloaderFile:hover {
  background: #000000;
  padding: 0;
}
/* file ghost when sorting  */
.imageloaderGhost {
  opacity: 0.2;
}
ul.faq-list li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
ul.faq-list li i {
  position: absolute;
  left: 0;
  top: 4px;
}
ul.faq-list li a {
  color: #777;
}
ul.faq-list li a:hover {
  color: #000;
}
/* rotate button */
.imageloaderRotate {
  width: 26px;
  height: 26px;

  cursor: pointer;
  webkittransform: rotate(0deg);
  moztransform: rotate(0deg);
  mstransform: rotate(0deg);
  otransform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

/* remove button */
.imageloaderRemove {
  width: 20px;
  height: 20px;

  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 3px;
  display: none;
}

input.imageloaderClear {
  display: none;
}
.variants-table .d-flex {
  align-items: center;
}

.form-floating > label {
  padding: 0 10px;
  top: 15px;
  line-height: 10px;
  height: auto;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-25px) translateX(0.15rem);
  opacity: 1;
  color: #777;
  background: #fff;
}
.round-up-text {
  display: none;
}

.round-up-outer i.fa.fa-trash {
  font-size: 16px;
}
button.form-control.dropdown-toggle {
  background: #fff;
  text-align: left;
}
#add_fund .dropdown-toggle::after {
  right: 20px !important;
  position: absolute;
  top: 19px;
}
img.crypto-icon {
  width: 30px;
}
#add_fund .dropdown-menu {
  background: #fff;
  width: 100%;
}
#add_fund .dropdown-menu-dark .dropdown-item {
  color: #777;
}

.add_payment_info {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.add_payment_info .card-body {
  padding: 0 15px;
}
.add_payment_info .card {
  margin-bottom: 0;
}
.form-floating > label {
  font-size: 11px;
  opacity: 0.7;
  padding: 0 5px;
  z-index: 9;
}
.payment_card.form-floating label {
  left: 40px;
}
.form-floating .bootstrap-select + label {
  top: -5px;
  background: #fff;
  z-index: 1;
}
h4.page-title {
  margin: 0;
}
.filter_bar .row > div {
  padding: 0 5px !important;
}

#interval .form-floating {
  width: 50%;
}

.pro-list-info a:first-child {
  width: auto;
}
.custom_plan a.btn.btn-success:hover,
.sidebar .btn-success:hover {
  background-color: #fff !important;
  border-color: #fff !important;
  color: #000 !important;
}
a.btn.bg-red:hover,
.theme-primary .btn-danger:hover {
  background: #fff !important;
  border-color: #f61636 !important;
  color: #f61636 !important;
}
#bimage_div input,
#fimage_div input {
  line-height: 40px;
}
.view_page .form-check {
  padding-left: 0;
}
.apexcharts-toolbar {
  display: none !important;
}
.sidebar-collapse span.desktop-logo {
  display: none;
  margin-left: 10px;
}

.card.bg-black.contact-us .btn-success:hover {
  background: transparent !important;
  color: #02ff00 !important;
  border-color: #02ff00 !important;
}
.card.bg-black.contact-us .btn-secondary:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}
.body_row {
  padding: 0 0 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}
.body_row:last-child {
  border: none;
}
span#edit_box {
  float: right;
  font-size: 27px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}

.detail_page_outer input[disabled] {
  background: #fff !important;
  border: none !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  padding: 0 !important;
  height: 29px !important;
}
#edit-cancel,
#edit-save {
  display: none;
}
.order-table .details-control td,
.order-table th {
  white-space: nowrap;
}
.upload__message {
  background: #f5f7ff;
  padding: 15px 10px;
  border: 1px dashed #ccc;
  border-radius: 4px;
  text-align: center;
  position: relative;
  width: 125px;
  height: 100px;
  cursor: pointer;
}

.upload_img_cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
}

.upload_file {
  position: relative;
}

.upload_file p {
  font-size: 12px;
  margin: 0;
}

.upload__message span {
  display: block;
  color: #ccc;
  font-size: 11px;
}

.email-verify {
  position: relative;
}
.email-verify .form-control {
  width: 90%;
}
.email-verify button.btn {
  position: absolute;
  right: 0;
  top: 0;
}
.plan_box_bottom button.btn.btn-secondry {
  background: #000;
  color: #02ff00 !important;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 20px;
}

.plan_outer button.btn.active {
  background: #000 !important;
  color: #02ff00 !important;
}
.annually-price {
  display: none;
}

.plan_box_bottom button.btn.btn-secondry:hover {
  background: #fff !important;
  color: #000 !important;
}
.modal-dialog {
  align-items: center;
  min-height: calc(100% - 3.5rem);
  display: flex;
}

.tag_outer .tagify__tag {
  background: #eee;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50px;
  padding: 0 8px;
}
.tag_outer .tagify__tag i {
  font-size: 11px;
  margin-left: 5px;
  cursor: pointer;
}
.tag_outer .tagify__tag.remove-tag i {
  color: #f46464;
}

.main-sidebar .sidebar-footer a {
  color: #ffffff;
  font-size: 12px;
  width: 50%;
}
.main-sidebar .sidebar-footer {
  background-color: #181a1e;
  padding: 0 5px;
  white-space: nowrap;
  overflow: hidden;
}
.mobile-logo,
.desktop-logo,
.mobile-logo img,
.desktop-logo img {
  /*   transition: all 5s cubic-bezier(0.52, -0.18, 0.58, 1);
    -webkit-transition: all 5s cubic-bezier(0.52, -0.18, 0.58, 1);*/
}
.sidebar-collapse span.desktop-logo,
span.mobile-logo {
  display: inline-block;
  margin-right: 5px;
}
#chat-box-body #chat-circle {
  position: relative;
  width: auto;
  height: auto;
  bottom: auto;
  right: 0;
  border-radius: 0;
  background: transparent;
  border: none;
  line-height: 48px !important;
}
#chat-box-body #chat-circle:hover {
  background: transparent !important;
}
#chat-box-body.show #chat-circle {
  z-index: 9;
  transform: scale(1);
}

a#chat-box-toggle {
  padding: 5px;
  background: #000;
  font-size: 18px;
  line-height: 31px !important;
  color: #fff;
}
.theme-primary #chat-box-body .btn-primary-light {
  background-color: #02ff00;
  padding: 5px;
  border-color: #e1eaf9;
  color: #000;
}
.theme-primary #chat-box-body .btn-primary-light:hover {
  background: #000 !important;
}

.chat-submit {
  color: #000;
}

.sidebar-footer > a {
  position: relative;
  z-index: 9999;
}

span.mobile-logo {
  display: block;
  width: 30px;
  text-align: center;
  margin-left: 10px;
  margin-top: 2px;
}
.wallet-footer h3 {
  margin: 0 0 !important;
}
.wallet-balence span {
  color: #333;
  font-size: 16px;
}
.wallet-balence {
  margin: 0;
}

.wallet-footer {
  background: #e2e5f3;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  border-radius: 0 0 5px 5px;
  color: #fff;
  padding: 15px;
}
.wallet_card .welcome_inner {
  padding-bottom: 125px;
}

.wallet-footer a.btn.btn-primary {
  padding: 5px;
  margin: 0;
}

a.edit-wallet {
  position: absolute;
  right: 20px;
  font-size: 20px;
}
.bootstrap-select.location {
  width: 400px !important;
  display: block !important;
}
.plan-sup-box .support-box {
  min-height: 125px;
  margin: 0 0 9px 0;
}

.plan-sup-box .support-box-wrap h3 {
  margin: 0;
}
.plan-sup-box .subscription__conditionCardInfo span.ui-text-big {
  font-size: 35px;
}
.pagination li a {
  min-width: 45px;
  border-radius: 4px;
  padding: 10px;
  border: 1px solid #eee;
}
.theme-primary .pagination li a:hover {
  border: 1px solid #000;
  background-color: #000 !important;
}

.card.bg-black.contact-us a {
  color: #fff;
}
.card.bg-black.contact-us a:hover {
  color: #02ff00;
}
#lightbox-modal .modal-content {
  background: #000;
}

.lightbox-modal .carousel-item {
  width: 80%;
}
table .total_section span {
  display: inline-block;
}

.nav-tabs .nav-link {
  text-transform: capitalize;
  font-size: 13px;
  padding: 5px 8px;
}

button.btn.btn-light-green:hover {
  background: #02ff00 !important;
}
.product_flag img {
  width: 20px;
}
.pagination_outer {
  align-items: center;
}
.pagination_outer .btn-group.bootstrap-select {
  width: 80px !important;
}
.pagination_outer .btn-group.bootstrap-select button {
  background: #fff !important;
  border: 1px solid #eee;

  height: 44px;
}
.pagination {
  margin-bottom: 0;
}
.pagination_outer span {
  display: block;
  margin: 0 10px;
}

.vtabs .tabs-vertical:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 90%;
  background: #000 !important;
  top: 26px;
  left: 38px;
  z-index: 1;
}
.theme-primary .customtab2 li a.nav-link:hover,
.theme-primary .customtab2 li a.nav-link:active,
.theme-primary .customtab2 li a.nav-link.active {
  background-color: #000 !important;
  color: #fff !important;
}
#varient_detail .modal-dialog {
  max-width: 470;
}

.btn-group.btn-toggle .btn {
  background: #fff;
  color: #000;
}
.btn-group.btn-toggle .btn.active {
  background: #000 !important;
  color: #02ff00 !important;
}

.lightbox-modal .modal-body {
  padding: 0;
}
.lightbox-modal .container-fluid,
#carouselExampleIndicators,
.carousel-inner,
.carousel-item {
  height: 100%;
}

.lightbox-modal .carousel-caption {
  position: absolute;
  right: 0;
  top: 0;
  width: 20%;
  background: #1a1a1a;
  height: 100%;
  text-align: left;
  padding: 20px;
  left: auto;
}
.lightbox-modal .carousel-caption h5 {
  font-size: 26px;
  color: #02ff00 !important;
}
.lightbox-modal .carousel-item {
  width: 100%;
}

.lightbox-modal .carousel-control-next {
  right: 20%;
}
.lightbox-modal .carousel-caption a {
  color: #02ff00 !important;
}

.lightbox-modal .carousel-caption a:hover {
  color: #fff !important;
}

.lightbox-modal .pro_img {
  display: flex;
  width: 80%;
  padding: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
}

#carouselExampleIndicators .pro_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.lightbox-modal .modal-header {
  background: #1a1a1a;
  color: #fff;
  border: none;
  padding: 10px 15px;
}
.lightbox-modal .modal-header p {
  margin: 0;
}
.lightbox-modal .modal-header h5 {
  margin: 0 0 5px;
}

.modal-action {
  position: relative;
  margin-right: 30px;
  color: #fff;
}
.modal-action a {
  color: #02ff00 !important;
  display: inline-block;
  padding: 0 6px;
  font-size: 20px;
}

.modal-action a:hover {
  color: #fff !important;
}

.modal-content .modal-action button {
  position: relative;
  margin-left: 5px;
  top: auto;
  right: auto;
}

.modal-backdrop + .modal-backdrop {
  opacity: 0;
}
.setting-tab-box .form-control {
  max-width: 300px;
  height: 45px !important;
}
.scrollable_box {
  display: none;
  float: right;
  position: relative;
}
.scrollable_box span {
  width: 50px !important;
  right: 0 !important;
  top: 0 !important;
}
.inner_setting_box {
  position: relative;
}
/*.main-sidebar{ overflow: hidden; }*/
select.form-control:disabled {
  background: #fff;
  border: none !important;
  appearance: none;
}
select.form-control {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
  appearance: auto;
}
.plan_box_bottom ul.list-unstyled {
  text-align: left;
  padding: 0 10px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "|";
}
.breadcrumb {
  margin-top: 7px;
}
.orderd_product_table img {
  width: 120px;
  height: 120px;
  margin-right: 15px;
}
.orderd_product_info p,
.orderd_product_info h5 {
  margin: 0;
}
.delivery_box .list-unstyled a.btn {
  border: 1px solid #ccc;
  padding: 10px 5px;
  width: 100%;
  margin: 0 0 5px;
}
.delivery_box {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 25px;
}

.input_text span {
  cursor: pointer;
  background: #02ff00 !important;
  color: #000;
  display: inline-block;
  padding: 2px 5px;
  border-radius: 3px;
  text-transform: capitalize;
}

.input_text span:hover {
  background: #fff !important;
}

.input_text {
  display: none;
}
.modal-fullscreen {
  width: 100%;
}
.check_img {
  position: absolute;
  left: 3px;
  top: 3px;
  display: none;
}

.imageloaderFile input[type="radio"] {
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.select-varient .imageloaderFile:first-child {
  width: 100px;
  height: 100px;
}

#invoice table {
  caption-side: bottom;
  border-collapse: collapse;
  border-color: #eee;
  border-spacing: 0;
  background: #fff;
}
#invoice table td td td {
  padding: 5px 10px;
}
#varient_detail .imageloaderRemove {
  display: none;
}
#varient_detail .imageloaderFile:before {
  display: none;
}
.promo_code {
  display: flex;
  margin: auto;
  width: 360px;
}

.promo_code .form-control {
  margin-right: 10px;
}

.variant_gallery ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.variant_gallery ul li {
  padding: 5px;
  list-style: none;
}

.variant_gallery_inner {
  width: 100px;
  height: 100px;
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 5px;
  position: relative;
}
.variant_gallery_inner input[type="radio"] {
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.variant_gallery_inner.imgactive img {
  opacity: 0.6;
}
.variant_gallery_inner.imgactive {
  background: #07e104;
  padding: 0;
}
.variant_gallery_inner:hover input {
  opacity: 0.2;
  width: 15px;
  top: 5px;
  height: 15px;
  left: 5px;
}
.variant_gallery_inner.imgactive:hover input {
  opacity: 0;
}

.select_check input[type="checkbox"] {
  opacity: 1;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
}
.select_check {
  opacity: 0;
  position: absolute;
  z-index: 999;
}

.imageloaderFile:hover .drag,
.imageloaderFile:hover .select_check {
  opacity: 1;
}

.variant_gallery_inner.imgactive .check_img img {
  opacity: 1;
}
.checked_check .select_check {
  opacity: 1;
}

#invoice li {
  list-style: none;
}
#invoice ul {
  padding: 0;
}
.drag {
  position: absolute;
  top: 0;
  right: 0;
  width: 17px;
  fill: #ffffffe6;
  opacity: 0;
}

#delete_file {
  display: none;
}
.checked_check #delete_file {
  display: block;
}

.imageloaderFile.active_checked_check {
  background: #07e104;
  padding: 0;
}
.imageloaderFile.active_checked_check img {
  opacity: 0.6;
}
.variant_gallery_inner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#uncheckgallery {
  display: none;
}
.card.welcome-card.wallet_card {
  background: #fff;
  min-height: 320px;
}
.orderd_page_head p {
  margin: 0;
  font-size: 12px;
}
.orderd_page_head h5 {
  color: #000;
  margin-bottom: 5px;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 13px;
}
.orderd_page_head a {
  display: inline-block;
  margin-left: 25px;
}
.order_page_box .delivery_box:last-child {
  border: none;
  margin: 0;
  padding: 0;
}
.order-name + .dropdown-menu.show {
  padding: 10px;
  min-width: 150px;
}
.orderd_product_info a.btn.btn-secondry:hover,
.delivery_box .list-unstyled a.btn.bg-white:hover {
  background: #000 !important;
  color: #fff;
  border-color: #000;
}
.orderd_page_head a {
  text-decoration: underline;
}
.theme-primary .paging_simple_numbers .pagination .paginate_button.active a {
  background-color: #000;
}
.theme-primary .paging_simple_numbers .pagination .paginate_button:hover a {
  background-color: #000;
}
.home .card {
  height: 100%;
  margin-bottom: 20px !important;
}
.tooltip-btn i,
span .fa-exclamation-circle {
  font-size: 16px;
}
.text-underline {
  text-decoration: underline;
}
.add-store .card {
  height: 100%;
}
.add-store > div {
  margin-bottom: 20px;
}
.modal-footer {
  text-align: center;
}
.myAlert-top {
  position: fixed;
  top: 71px;
  right: 2%;
  z-index: 9999;
  width: auto;
}
.auto-fund-check {
  padding: 0;
}
.alert {
  display: none;
}
.theme-primary .alert-success {
  border-color: #0bd74e;
  background-color: #0bd74e !important;
  color: #ffffff;
  padding: 11px;
  border-radius: 4px;
}
.reasons_box li {
  position: relative;
}
.reasons_box li i {
  position: absolute;
  left: 0;
  color: #04c135;
  font-size: 14px;
  top: 6px;
}
.reasons_box li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
}
.reasons_box h4 {
  font-size: 15px;
}
.widget-user .widget-user-image {
  left: 0;
  margin-left: 50px;
}
.description-block {
  text-align: left;
}
.description-block > .description-header {
  font-size: 22px;
}
.cancel_table td {
  vertical-align: top !important;
}
span.corder_name {
  font-weight: 600;
  color: #000;
}
.cancel_alert {
  padding: 15px;
  margin: 0 -5px;
}
.cancel_alert p {
  margin: 0;
}
.cancel_table th {
  padding: 0;
  background: #eee;
}
.cancel_table tbody tr {
  border-bottom: 1px solid #ccc;
}
.cancel_table tbody tr td {
  padding: 20px 10px !important;
}
.cancel_table tbody tr:last-child {
  border-bottom: none;
}

.form-group.req_can select {
  width: 220px;
  display: inline-block;
}
.retur_product_reson {
  display: none;
}
.retur_product_inner {
  align-items: center;
}
.retur_product_row [type="checkbox"],
.return_reos_table [type="checkbox"] {
  position: relative;
  left: 0;
  float: left;
  opacity: 1;
  margin-top: 5px;
}
.return_act button {
  width: 100%;
  margin-bottom: 3px;
}
.return_act {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
}

.return_pro_info p {
  margin: 0;
}
.retur_product {
  display: flex;
}
.comment_sec p {
  font-size: 12px;
}
.return_pro_img {
  margin-right: 15px;
}
.hover-click {
  position: relative;
}
.hover-data,
.rpro-meta {
  position: absolute;
  z-index: 999;
  background: #f1f2f7;
  box-shadow: 0 2px 4px rgb(0 0 0 / 13%);
  border-radius: 5px;
  padding: 10px;
  bottom: 30px;
  display: none;
  width: 250px;
}
.hover-data {
  width: 450px;
}
.hover-data:before,
.rpro-meta:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;

  border-top: 10px solid #dddee0;
  bottom: -12px;
}
.hover-data p,
.rpro-meta p {
  font-size: 13px;
  margin: 0;
  position: relative;
}
.return_pro_img div:hover .rpro-meta {
  display: block;
}
.return_pro_img > div {
  position: relative;
}
.row.tag_outer {
  margin-top: 5px;
}

#Variants span.old-price {
  display: block;
}
span.badge-plan {
  background: #f61636;
  text-transform: uppercase;
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: -13px;
}

.carousel-item.active + div {
  z-index: 9999;
}

.card.checked_check.checked_check1 .select_check {
  opacity: 0;
}
.quick-view-top .customtab2 {
  display: inline-block;
}
.quick-view-top .customtab2 a {
  padding: 0 !important;
  background: transparent !important;
  color: #0053fe !important;
  border: none !important;
}
.filter-dropdown a {
  padding: 5px;
  display: block;
}
.filter-dropdown a:hover {
  background: #eee;
  color: #000;
}
.qty_sec select.form-control {
  width: auto;
  display: inline-block;
  height: 25px !important;
}
.qty_sec {
  margin-bottom: 5px;
}

.prev_detail {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.prev_detail h2 {
  font-size: 15px;
  margin: 0;
}
.hover-data {
  display: none;
}
.hover-click:hover .hover-data {
  display: block;
}
.retur_product_payment input[type="radio"] {
  left: 0;
  opacity: 1;
}
.retur_product_payment {
  position: relative;
  padding-left: 50px;
}
.retur_product_payment p {
  margin: 0;
}
.dis-none {
  display: none;
}
#refund_summ ul li,
#refund_summ ul {
  list-style: none;
  padding: 0;
}
#refund_summ {
  padding-bottom: 1px;
}
.refund_steps_outer .refund_date {
  width: 100px !important;
  flex-basis: 100px;
  flex-grow: 0;
  flex-shrink: 0;
}
.refund_steps_outer li {
  display: flex;
  margin-bottom: 60px;
  position: relative;
}
.refund_steps_outer li:before {
  position: absolute;
  content: "";
  width: 2px;
  height: 105px;
  border-left: 3px dashed #ccc;
  left: 113px;
  top: 0;
}
.refund_steps_outer {
  border: 1px solid #ccc;
  padding: 25px;
  border-radius: 5px;
}
.refund_links {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.refund_links a {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 10px 25px;
}
.refund_links a:last-child {
  border: none;
}
.refund_summary {
  border: 1px solid #ccc;
  padding: 25px;
  border-radius: 5px;
}
.refund_steps_outer li:last-child:before {
  display: none;
}
.refund_steps_outer span.refunnd_check {
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;
  text-align: center;
  line-height: 30px;
  position: relative;
  z-index: 9;
  margin-right: 15px;
  background: #fff;
  flex-basis: 30px;
  flex-grow: 0;
  flex-shrink: 0;
}
span.refunnd_check.ractive {
  color: #fff;
  background: #ff9920;
  border-color: #ff9920;
}

.tracking_show {
  cursor: pointer;
}
.chat-box.show {
  display: block;
  right: 10px;
  bottom: 5px;
  z-index: 9999;
}
button#add-user-chat {
  line-height: 0 !important;
  font-size: 17px;
  background: #eee;
  color: #000;
  text-align: center !important;
  padding: 8px;
}
a#chat-box-toggle:hover {
  background: #02ff00 !important;
  border-color: #02ff00 !important;
  color: #000 !important;
}
button#add-user-chat:hover {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}
.order_img {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
.orderd_product_info p {
  font-size: 12px;
}
.order_img {
  position: relative;
}
.order_qty {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid #333;
  text-align: center;
  border-radius: 50%;
  font-size: 12px;
  line-height: 20px;
}
.view_order {
  position: absolute;
  top: 10px;
  display: inline-block;
  left: 10px;
}
.view_order:hover .rpro-meta {
  display: block;
  left: -10px;
}
.delivery_box .row {
}
.quick_start .tab-content {
  padding: 0 0;
}
#main_step li {
  display: flex;
  margin: 0 0 15px;
}
.stepcount span {
  width: 30px;
  height: 30px;
  display: block;
  background: #ccc;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  margin: 0 auto 5px;
}
#gatting-paid .round-up-outer.d-flex {
  width: 200px;
}
#auto_fund {
  display: none;
}
#gatting-paid .form-check {
  padding-left: 0;
}
.quick_step_count {
  position: relative;
}
.quick_step_count:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  background-size: #000;
}
.quick_step_count:before {
  position: absolute;
  content: "";
  width: 94%;
  height: 1px;
  background: #000;
  top: 14px;
  left: 0;
  right: 0;
  margin: auto;
}
.htabs ul.nav.nav-tabs {
  display: none;
}
.act_btn .btn {
  padding: 15px 40px;
  font-size: 16px;
}
.act_btn {
  background: #f1f2f7;
  padding: 10px;
  margin: 30px -21px 0;
}
.stepcount.active span {
  background: #000;
  color: #02ff00 !important;
}
.card-body .card,
#return-policy .plan_outer_box {
  background: #f2f3f7;
}
a#show-more-btn,
#show-less-btn {
  display: block;
  width: 200px;
  margin: 15px auto;
  text-transform: uppercase;
  font-weight: 600;
}
div#show_content {
  display: none;
  padding-bottom: 50px;
}
.tab-content .header {
  padding: 15px;
}
.stepcount {
  position: relative;
  z-index: 9;
  background: #e2e5f3;
  text-align: center;
}
.order_page_box .card .header {
  padding: 10px;
}
.order_detail .row > div {
  padding: 0;
}

.order_detail {
  padding: 0 10px;
}
.Payment_method_br {
  border-radius: 0 !important;
  margin: 0 -10px;
}
.detail_page_outer ul.list-unstyled span {
  display: inline-block;
}
.item_cost strong {
  display: block;
}
.total_cost {
  width: 300px;
  justify-content: space-between;
  align-items: center;
}
.orderd_product_info hr {
  margin: 0;
}
.delivery_box:last-child {
  border: none;
}
.sidebar-menu li > a > span {
  font-size: 13px;
}
.sidebar-menu li > a {
  line-height: 17px;
  padding: 7px 0px;
}
.navbar-custom-menu .navbar-nav > li > a.dropdown-toggle {
  padding: 5px;
  font-size: 20px;
}
.navbar-custom-menu .navbar-nav > li {
  height: auto;
}
a#quick-start i {
  border: none;
  background: transparent;
  padding: 0;
  margin-right: 5px;
  line-height: 30px;
  width: auto;
  height: auto;
  display: inline-block !important;
}
a#quick-start {
  background: #f61636;
  display: block;
  float: none;
  padding: 5px 20px;
  border-radius: 5px;
  width: 100%;
  margin: 10px auto 0;
  text-align: center;
}
.sidebar-collapse .sidebar-footer a {
  display: inline-block !important;
  font-size: 15px;
  padding: 6px !important;
}
.sidebar-collapse .sidebar-footer a#quick-start i {
  margin: 0;
}
.sidebar-collapse .sidebar-footer a span {
  display: none;
  margin-left: 5px;
}

.quick-view-top p .customtab2 {
  border: none;
}
.quick-view-top .nav-tabs .nav-link:after {
  background: transparent;
}
span.ribbon {
  position: absolute;
  width: 39px;
  padding: 10.66667px 0 8px;
  top: -6px;
  right: 24px;
  text-align: center;
  border-top-left-radius: 3px;
  z-index: 1;
  font-weight: 700;
  -webkit-box-shadow: 0 0.5rem 1rem rgb(7 9 25 / 55%);
  box-shadow: 0 0.5rem 1rem rgb(7 9 25 / 55%);
  color: #fff;
  z-index: 9;
  background-color: #4560e9;
}
span.ribbon:before {
  height: 0;
  width: 0;
  right: -5.5px;
  top: -1px;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  position: absolute;
  border-bottom-color: #152fb3;
  z-index: 9999;
  background: 0;
}
span.ribbon:after {
  height: 0;
  width: 0;
  bottom: calc(-2rem + 0.5px);
  left: 0;
  border-left: 2rem solid transparent;
  border-right: 2rem solid transparent;
  border-bottom: 2rem solid transparent;
  position: absolute;
  content: "";
  bottom: calc(-1.5rem + 0.5px);
  border-left: 1.5rem solid transparent;
  border-right: 1.5rem solid transparent;
  border-bottom: 1.5rem solid transparent;
  border-left-color: #4560e9;
  border-right-color: #4560e9;
}
.see-table {
  height: 200px;
  overflow: auto;
}
.sidebar-menu {
  padding-bottom: 110px;
}
#payment-approval label img {
  margin-left: 15px;
}

.sidebar-collapse .sidebar-footer a span {
  display: none;
}
.retur_product_checkbox [type="checkbox"] {
  position: absolute;
  left: 30px;
}
.retur_product_checkbox .retur_product_row {
  padding-left: 50px;
}
.orderd_page_head .dropdown:hover .dropdown-menu {
  display: block;
  padding: 5px;
}

.mobile_dis {
  display: none;
}
.btn.bg-gray.shipment_cost_btn {
  background: #eee;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
}
.shipment_cost_btn span {
  display: inline-block;
}
a.btn.btn-success.pay-order-btn {
  padding: 10px;
  white-space: nowrap;
}

table.item_detail_table td {
  padding: 0 !important;
}
#invoice table p {
  font-size: 12px;
}
.orderd_page_head h5 span {
  display: inline-block;
}

input#funding-val {
  width: 200px;
}

ul.product-personalizer-menu {
  background: #02ff00;
  padding: 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
  text-align: center;
  padding-left: 60px;
}
ul.product-personalizer-menu li {
  display: inline-block;
}
ul.product-personalizer-menu li a {
  padding: 15px 30px;
  display: block;
  font-weight: 600;
  font-size: 14px;
}
ul.product-personalizer-menu > li > a i {
  margin-right: 5px;
}
ul.product-personalizer-menu > li.active > a,
ul.product-personalizer-menu > li > a:hover {
  background: #caf8c9;
  color: #333;
}
ul.product-personalizer-menu li > ul {
  position: absolute;
  display: none;
  padding: 0;
  width: 100%;
  background: #caf8c9;
  left: 0;
  padding-left: 60px;
}
ul.product-personalizer-menu li li.active a,
ul.product-personalizer-menu li li a:hover {
  border-bottom: 3px solid #333;
  color: #333;
}

ul.product-personalizer-menu > li.active > ul {
  display: block;
}

.product_search {
  position: relative;
}

.upload_box_custom {
  border: 1px dashed #ccc;
  text-align: center;
  position: relative;
  padding: 20px;
}
.upload_box_custom input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.upload_box_custom h5 {
  font-size: 20px;
}
.upload_box_custom h5 i {
  font-size: 28px;
}
#myTable tbody tr:hover {
  cursor: move;
}

.color_type {
  width: 240px;
}
.price_change {
  display: flex;
}
.price_change select,
.color_type select {
  border: 1px solid #ccc !important;
  height: 39px;
  border-radius: 4px;
  font-size: 12px;
  width: 48%;
}
.price_change input.form-control.price-add {
  width: 100px;
}
.price_change select {
  width: 110px;
  margin-right: 10px;
}
.varient_select .btn {
  padding: 10px 11px;
}
.varient_select input.form-control {
  width: 100px;
  display: inline-block;
  margin-left: 5px;
}
select:focus-visible,
input:focus-visible {
  outline: none;
}
.varient_select {
  display: none;
}
input.colorpicker_box {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  border: none;
  position: absolute;
  right: 5px;
  top: 4px;
}
.color-picker {
  border: 1px solid #ccc;
  position: relative;
  height: 40px;
  float: right;
  border-radius: 5px;
}
input[type="range"] {
  height: auto !important;
  margin-top: 0;
  width: 100%;
}

.editconfiguration .color-picker {
  width: 100%;
}
input.hexcolor {
  padding: 9px 6px;
  border: none;
  width: 110px;
  background: transparent;
}

.color_type select:last-child {
  float: right;
}

select.patter_img {
  display: none;
}
input.form-control.price-add {
  width: 60px;
}
.color_name {
  width: 150px;
}
.btn-outline.btn-secondry:hover {
  background: #000;
}
.thumnail_outer {
  display: flex;
}
.thumnail_outer select {
  width: 140px;
  margin-right: 5px;
}
.croped_box,
.flat_color_box {
  display: none;
}

.custom_img_box {
  display: none;
}

.custom_img_selected {
  display: flex;
  cursor: pointer;
  align-items: center;
  border: 1px solid #ccc;
  padding: 7px;
  justify-content: space-between;
  border-radius: 5px;
  height: 40px;
}
.custom_img_list {
  width: 200px;
  background: #caf8c9;
  padding: 5px;
  display: none;

  position: absolute;
  border: 1px solid #0bc806;
  border-radius: 4px;
  margin-top: 5px;
  z-index: 999;
}
.custom_img_list ul {
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  height: 140px;
}
.custom_img_list li {
  border-top: 1px solid #ccc;
  list-style: none;
  cursor: pointer;
  padding: 5px;
}
.custom_img_list li:hover {
  background: #000;
  color: #fff;
}
.custom_img_list li .thumb_img {
  display: none;
  position: absolute;
  right: -96%;
  width: 190px;
  top: 40px;
  background: #eee;
  padding: 0;
  border: 1px solid #000;
}

.custom_img_list li:hover .thumb_img {
  display: block;
}
.custom_img_selected i {
  margin-left: 5px;
}
.display_fonts,
#display_fonts {
  background: #fff;
  margin: 0;
  width: 100%;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 10px;
  font-size: 12px;
  border-radius: 4px;
}
.display_fonts li,
#display_fonts li {
  list-style: none;
}
ul.list_fonts {
  background: #fff;
  width: 100%;
  padding: 0px;
  margin: 0px;
  display: none;
  border: 1px solid #eee;
  height: 120px;
  overflow: auto;
}
ul.list_fonts li {
  list-style: none;
  font-size: 14px;
  cursor: pointer;
  padding: 5px 10px;
  border-bottom: 1px solid #c4bebe;
  background: #f1f2f7;
}
ul.list_fonts li:hover {
  background: #000;
  color: #02ff00;
}

label.cabinet {
  display: block;
  cursor: pointer;
}

label.cabinet input.file {
  position: relative;
  height: 100%;
  width: auto;
  opacity: 0;
  -moz-opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  margin-top: -30px;
}

#upload-demo {
  width: 250px;
  height: 250px;
  padding-bottom: 25px;
}

.croppie-container {
  width: 100%;
  height: 100%;
}

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none;
}

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: "";
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px;
}

.croppie-container .cr-original-image {
  display: none;
}

.croppie-container .cr-vp-circle {
  border-radius: 50%;
}

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none;
}

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center;
}

.croppie-result {
  position: relative;
  overflow: hidden;
}

.croppie-result img {
  position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */ /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

.cr-slider:focus {
  outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px;
}

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent; /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent; /*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}
.cr-rotate-controls button {
  border: 0;
  background: none;
}
.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px;
}
.cr-rotate-l i:before {
  content: "↺";
}
.cr-rotate-r i:before {
  content: "↻";
}
.sidebar-mini.sidebar-collapse .content-wrapper ul.product-personalizer-menu,
.sidebar-mini.sidebar-collapse
  .content-wrapper
  ul.product-personalizer-menu
  li
  > ul {
  padding-left: 60px;
}

.product-personalizer-list {
  position: absolute;
  width: 400px;
  z-index: 99;
  background: #fff;
  padding: 5px;
  height: 150px;
  overflow: auto;
  border: 1px solid #ccc;
  display: none;
}
.product-personalizer-list ul,
.product-personalizer-list li {
  list-style: none;
  padding: 0;
}
.product-personalizer-list li img {
  position: absolute;
  left: 0;
  top: 3px;
  height: 35px;
}

.product-personalizer-list li {
  position: relative;
  border-bottom: 1px solid #ccc;
  min-height: 35px;
  cursor: pointer;
  padding: 10px 0 7px 45px;
}
.product-action a.btn {
  padding: 2px 5px;
}

.custom_img_box.patter_img {
  width: 120px;
  float: right;
}
#Select_variatn .product-personalizer-list {
  width: 100%;
  position: relative;
}

a.varient_list {
  display: block;
  background: #eee;
  text-align: left;
  padding: 10px;
  margin: 5px 0;
}
span.product-personalizer-name {
  text-align: left;
  display: block;
  line-height: 20px;
}
.image-crop {
  background-color: black;
  position: relative;
  overflow: hidden;
  width: 100% !important;
}
.image-crop figure {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.image-crop figure.blur {
  filter: blur(6px) brightness(0.33) saturate(0.5);
}
.image-crop figure:not(.blur) {
  -webkit-clip-path: inset(
    calc(var(--top, 0) * 1px) calc(var(--right, 0) * 1px)
      calc(var(--bottom, 0) * 1px) calc(var(--left, 0) * 1px)
  );
  clip-path: inset(
    calc(var(--top, 0) * 1px) calc(var(--right, 0) * 1px)
      calc(var(--bottom, 0) * 1px) calc(var(--left, 0) * 1px)
  );
}
.image-crop span {
  display: block;
  position: absolute;
  top: calc(var(--top, 0) * 1px);
  right: calc(var(--right, 0) * 1px);
  bottom: calc(var(--bottom, 0) * 1px);
  left: calc(var(--left, 0) * 1px);
  border: dashed 2px rgba(255, 255, 255, 0.75);
}
.image-crop span::before,
.image-crop span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-crop span::before {
  width: 33.3%;
  height: 100%;
  border-left: dashed 1px rgba(255, 255, 255, 0.5);
  border-right: dashed 1px rgba(255, 255, 255, 0.5);
}
.image-crop span::after {
  height: 33.3%;
  width: 100%;
  border-top: dashed 1px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 1px rgba(255, 255, 255, 0.5);
}
.accordion-header {
  margin: 0;
}
.accordion-item {
  margin-bottom: 10px;
}
.accordion-button {
  border-left: 5px solid #000;
  box-shadow: none !important;
}
.accordion-button:not(.collapsed) {
  color: #02ff00 !important;
  background-color: #000;
  border-color: #02ff00 !important;
}
.accordion-item {
  background-color: transparent;
  border: none;
}
.accordion-body {
  margin-top: 10px;
  background: #fff;
}
.setting-box span,
.setting-tab-box span.input-group-text,
.editconfiguration span.input-group-text {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 80px;
  text-transform: capitalize;
  text-align: center;
  display: block;
  line-height: 32px;
}
.setting-box input.form-control {
  padding-right: 80px !important;
}
.custom-radio-tab + span.color-picker {
  margin-left: 10px;
}
.form-group.setting-box {
  position: relative;
}

.switch {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 40px;
}
.additional_box,
.switch input {
  display: none;
}
#collapseSix .btn.dropdown-toggle {
  max-width: 300px;
}
.product_configure_addlist {
  background: #eee;
  padding: 0 0;
  padding-right: 10px;
}
.product_configure_addlist .table > tbody > tr > td {
  padding: 5px 0 !important;
}
.product_configure_addlist a.btn.btn-danger {
  padding: 0 5px;
  font-size: 14px;
}
.warning_msg {
  background: #ffff92;
  padding: 15px 15px 0;
}
#Product .product_search .product-personalizer-list {
  width: 100%;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  color: #000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 30px;
  width: 30px;
  right: 4px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #02ff00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(-42px);
  -ms-transform: translateX(-42px);
  transform: translateX(-42px);
}
/*------ ADDED CSS ---------*/
.off {
  display: none;
}

.on,
.off {
  color: white;
  width: 100%;
  line-height: 42px;
  position: absolute;
  text-align: left;
  font-size: 14px;
}
span.on {
  padding-left: 15px;
  color: #000;
}
span.off {
  padding-right: 15px;
}
input:checked + .slider .on {
  display: none;
}

input:checked + .slider .off {
  display: block;
  text-align: right;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.accordion-body label {
  display: block;
  margin-bottom: 5px;
}
.custome-bg .color-picker {
  display: none;
}
.custome-bg [type="radio"]:checked + label + .color-picker {
  display: block;
}
.g-color span.color-picker {
  width: 100%;
  float: none;
  display: block;
}
.qua-field input.form-control {
  width: 150px;
}
#delete-pro {
  display: none;
}
.fonts_panel {
  position: relative;
}
.list_fonts {
  position: absolute;
  width: 250px;
  z-index: 99;
}

.product_img_box,
.uploaded_img_box {
  display: none;
}
.product_configure_addlist {
  height: 180px;
  overflow: auto;
}
.custom-radio-tab label:before,
.custom-radio-tab label:after {
  opacity: 0;
}
.setting-tab-box {
  background: #f1f2f7;
  padding: 15px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 8px;
  margin-bottom: 15px;
}
.custom-radio-tab label {
  margin-bottom: 0;
  background: #fff;
  color: #000;
  border-color: #000 !important;
  height: 45px !important;
  padding: 10px 20px !important;
  line-height: 26px;
}
.btn-check:checked + .btn-outline-primary,
.btn-check:active + .btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
  color: #000;
  background-color: #02ff00;
  border-color: #02ff00;
}
.custom-radio-tab label:hover {
  background: #000;
  color: #fff;
}

.setting-tab-box span.color-picker {
  display: inline-block;
  float: none;
  height: 45px;
}
.product_configure_addlist img {
  width: 35px;
  height: 35px;
}
.setting-tab-box input.colorpicker_box {
  top: 6px;
}
.content-wrapper {
  margin-left: 60px;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
.sidebar-mini.sidebar-collapse .main-sidebar:hover {
  width: 250px;
}
.sidebar-collapse .multinav {
  width: 100%;
}
.sidebar-mini.sidebar-collapse
  .main-sidebar:hover
  .sidebar-menu
  > li
  > a
  > span {
  display: inline-block !important;
  -webkit-transform: none;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-menu > li > a i {
  margin-right: 20px;
}
.theme-primary.light-skin.sidebar-mini.sidebar-collapse
  .sidebar-menu
  > li.active
  > a
  > span {
  background: transparent !important;
}
/*.sidebar-mini.sidebar-collapse .main-sidebar:hover  .sidebar-footer a{ display: inline-block !important; width: 50% !important; }
*/

.warning_msg h4 {
  text-transform: uppercase;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover a#quick-start {
  width: 100% !important;
}
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-footer a {
  width: 50% !important;
}
.main-sidebar:hover .sidebar-menu > li.active > .treeview-menu {
  display: block;
}

.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
  display: none;
}
.sidebar-collapse .main-sidebar:hover .sidebar-footer a span,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-user-panel {
  display: inline-block !important;
  font-size: 12px;
}

.external-link a {
  display: inline-block !important;
  padding: 14px 4px !important;
}
#edit-product-configure div.btn.btn-primary {
  width: 100%;
  text-align: left;
  position: relative;
}
#edit-product-configure div.btn.btn-primary .fa-angle-down {
  position: absolute;
  right: 14px;
  font-size: 26px;
  top: 8px;
}
.upload_background_box.custom_img_selected {
  width: 100px;
  text-align: center;
  height: 100px;
  border: 1px dashed #ccc;
}
.upload_background {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  padding: 10px 0;
  position: relative;
}
.upload_background .custom_img_list {
  top: 100px;
}
a.add_bg {
  background: #000;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 4px;
  margin-left: 25px;
}
.layers_list ul,
.field_list ul {
  padding: 0;
  margin: 0 0 8px;
}
.layers_list ul li,
.field_list ul li {
  list-style: none;
  cursor: pointer;
}
.field_list ul li:hover {
  background: #ccd0ca;
}
#crop_img h5 span {
  margin-top: 12px;
  display: inline-block;
}
.ui-sortable tr {
  cursor: move;
}
.layers_list ul li,
.layers_list tr {
  background: #eee;

  width: 100%;
}
#font_selection td {
  padding: 5px 2px !important;
}
.layers_list .btn i {
  font-size: 10px;
}
.layers_list .btn {
  width: 21px;
  height: 24px;
}
.field_list li {
  border-bottom: 1px solid #eee;
  font-size: 13px;
  padding: 10px;
}
.editconfiguration .form-group {
  position: relative;
}
.editconfiguration .form-group button,
.add_option {
  position: absolute;
  cursor: pointer;
  background: #02ff00;
  color: #000;
  right: 0;
  bottom: 0;
  height: 40px;
  border: none;
  width: 40px;
  border-radius: 0 5px 5px 0;
  text-align: center;
  line-height: 40px;
}
.layers_list {
  height: 355px;
  overflow: auto;
}
.field_type_select {
  background: #02ff00;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}
.field_type_select i.fas.fa-angle-down {
  float: right;
  margin-top: 5px;
}

.field_type_wrap {
  display: flex;
  flex-wrap: wrap;
}
.alert_box {
  background: #f2faac;
  padding: 10px;
  font-size: 13px;
}
.info-bg p,
.alert_box p {
  margin-bottom: 0;
}

.canvas_action .dropdown-toggle {
  background: #fff border-box;
  border: 1px solid #ccc;
  width: 180px;
  text-align: left;
  padding: 3px 15px;
  border-radius: 4px;
  font-size: 14px;
}
.canvas_action.text-center {
  font-size: 16px;
  padding: 5px 0;
}
.info-bg {
  background: #acdafa;
  padding: 10px;
  margin-top: 6px;
}
.field_list,
.field_type_wrap_outer {
  display: none;
}
div.btn.btn-primary:hover {
  background: #000 !important;
  color: #02ff00 !important;
}
.upload_bg_popup {
  position: relative;
  border: 1px dashed #ccc;
  padding: 25px;
  margin-bottom: 10px;
}
.upload_bg_popup input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.editconfiguration {
  margin-top: 10px;
}
.editconfiguration_form {
  height: 600px;
  overflow-y: auto;
  padding-right: 20px;
}

.editconfiguration_form::-webkit-scrollbar,
.ship_box .table-responsive::-webkit-scrollbar,
.layers_list::-webkit-scrollbar,
.checkfilter::-webkit-scrollbar {
  width: 10px;
}

.editconfiguration_form::-webkit-scrollbar-track,
.ship_box .table-responsive::-webkit-scrollbar-track,
.layers_list::-webkit-scrollbar-track,
.checkfilter::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.editconfiguration_form::-webkit-scrollbar-thumb,
.ship_box .table-responsive::-webkit-scrollbar-thumb,
.layers_list::-webkit-scrollbar-thumb,
.checkfilter::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #6d6d6d;
}
#other_personalize_set label {
  width: 180px;
  flex-shrink: 0;
}

.canvas_action .dropdown-menu > ul {
  padding: 10px 0 0 15px;
  width: 120px;
}
.canvas_action .dropdown-toggle {
  width: 120px;
}
.button_with_toggle {
  display: none;
}

button.btn.btn-primary.custom_btn {
  font-size: 16px;
}
.editconfiguration [type="checkbox"] + label {
  padding-left: 25px;
}
#Color_swatch_field,
#Button_swatch_field,
#Dropdown_field,
#Checkbox_field,
#Image_swatch_field,
#Image_upload_field,
#Textarea_field {
  display: none;
}
.canvas_action input[type="checkbox"] {
  left: 0;
  position: relative;
  opacity: 1;
  margin-right: 5px;
}
a.trash_act {
  position: absolute;
  right: 6px;
  color: #f61636;
  font-size: 20px;
  top: 30px;
}
.clone_act {
  position: absolute;
  right: 6px;
  top: 66px;
  color: #ffaa02;
}
.custom_width {
  width: 50px;
  flex-shrink: 0;
}
.custom_width20 {
  width: 15px;
  flex-shrink: 0;
  text-align: center;
}
.add_condition_box .bootstrap-select button {
  width: 100%;
}
.add_condition_box .bootstrap-select {
  max-width: 200px;
}
.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.check-mark {
  position: absolute;
  display: inline-block;
  left: 7px;
  margin-top: 5px;
  border: 1px solid #ccc;
  font-size: 9px;
  padding: 3px;
  right: auto;
}
.bootstrap-select.btn-group.show-tick
  .dropdown-menu
  li.selected
  a
  span.text:after {
  display: none;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text:after {
  position: absolute;
  content: "";
  width: 16px;
  height: 17px;
  border: 1px solid #ccc;
  left: 7px;
  top: 6px;
}
.bootstrap-select .dropdown-menu li a {
  padding-left: 30px;
}
.bootstrap-select.btn-group .dropdown-menu {
  background: #f3f3f3;
  border: 1px solid #838383;
}
.textdeco_hover:hover {
  color: #000 !important;
  text-decoration: underline;
}
.bootstrap-select .dropdown-menu li:hover a,
.bootstrap-select .dropdown-menu li.selected a,
.bootstrap-select .dropdown-menu li:focus a {
  color: #02ff00 !important;
  background: #000;
}
.canvas_action li {
  list-style: none;
  cursor: default;
}
.add_condition_box {
  position: relative;
  padding-right: 25px;
  border: 1px solid #ccc;
  padding: 15px 35px 15px 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.condition_box .card {
  min-height: 730px;
}
.field_type_wrap_outer {
  position: absolute;
  z-index: 9;
  background: #000;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.checkbox-table th:first-child:before,
.checkbox-table th:first-child:after,
.order-table th:first-child:before,
.order-table th:first-child:after {
  display: none !important;
  width: auto !important;
}
.checkbox-table th:first-child,
.order-table th:first-child {
  padding-right: 0 !important;
}
td.product_overimg img {
  width: 35px;
  height: 35px;
  max-width: none;
  object-fit: cover;
}

#finalText {
  color: #fff !important;
}
label span {
  display: inline-block;
}
.field_list_wrap_outer,
.field_type_wrap_box {
  position: relative;
}
.field_list {
  position: absolute;
  z-index: 9;
  width: 100%;
  background: #dcf0dc;
  border: 1px solid #88f386;
  border-radius: 0 0 5px 5px;
  box-shadow: #ccc 0 5px 16px;
  margin-top: -1px;
}

.bg-gray {
  background: #ccc;
}
.field_type_select:after,
.collaps_box_click:after,
#add_field:after,
div#bg_custom:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.collaps_box {
  display: none;
}
.field_type_select.collapsed:after,
.collaps_box_click.collapsed:after,
div#add_field.collapsed:after,
div#bg_custom.collapsed:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

output {
  display: block;
  font-weight: 600;
  text-align: right;
}
span.count_act {
  position: absolute;
  background: #000;
  color: #02ff00;
  width: 26px;
  text-align: center;
  right: 0;
  top: -1px;
  border-radius: 0 5px 0 0;
  font-weight: 600;
  height: 26px;
  line-height: 26px;
}

.multi-steps > li.is-active ~ li:before,
.multi-steps > li.is-active:before {
  content: counter(stepNum);
  font-family: inherit;
  font-weight: 700;
}
.multi-steps > li.is-active ~ li:after,
.multi-steps > li.is-active:after {
  background-color: #e1e1e1;
}

.multi-steps {
  display: table;
  table-layout: fixed;
  width: 100%;
  position: relative;
  z-index: 0;
}
.multi-steps > li {
  counter-increment: stepNum;
  text-align: center;
  display: table-cell;
  position: relative;
  color: #027f00;
}
.multi-steps > li:before {
  content: "";
  content: "✓;";
  content: "𐀃";
  content: "𐀄";
  content: "✓";
  display: block;
  margin: 0 auto 4px;
  background-color: #027f00;
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
  border-color: #027f00;
  border-radius: 50%;
  color: white;
}
.multi-steps > li:last-child:after {
  display: none;
}
.multi-steps > li.is-active:before {
  background-color: #fff;
  border-color: #027f00;
  color: #027f00;
  animation: pulse 2s infinite;
}
.multi-steps > li.is-active ~ li {
  color: #808080;
}
.multi-steps > li.is-active ~ li:before {
  background-color: #e1e1e1;
  border-color: #e1e1e1;
  color: #808080;
}

.is-complete {
  background: linear-gradient(to right, #027f00 50%, #e1e1e1 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 #027f0070;
  }
  100% {
    box-shadow: 0 0 0 10px #027f0000;
  }
}
@keyframes nextStep {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.progress-bar {
  cursor: pointer;
  user-select: none;
}

.progress-bar {
  background-color: #e1e1e1;
  height: 13px;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
}

.progress-bar--success {
  background-color: #027f00;
}

.progress-bar__bar {
  background-color: #e1e1e1;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 500ms ease-out;
}
.delivery_detail {
  width: 100%;
  margin: auto;
  padding: 30px 0 0;
  max-width: 700px;
}
.delivery_comp_logo {
  width: 300px;
  display: block;
  margin: auto;
}
.trackingId {
  font-size: 20px;
  font-weight: 500;
}
ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  margin: 20px 0;
  padding-left: 50px;
}
ul.timeline > li:before {
  content: " ";
  background: #02ff00;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #000;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

ul.timeline > li h4 {
  background: #000;
  color: #02ff00;
  padding: 5px;
}
.tracking_info_inner {
  padding: 10px;
  display: flex;
  align-items: center;
}
.tacking_time {
  color: #8e8b8b;
  font-size: 16px;
}
.tacking_icon {
  font-size: 20px;
  margin: 0 20px;
}
.tracking_info h6 {
  font-size: 15px;
  margin: 0 0 2px;
}
.tracking_info p {
  font-size: 13px;
  color: #999;
  margin: 0;
}
.tracking_img_inner img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.tracking_img_inner {
  width: 120px;
  margin-right: 10px;
  display: inline-block;
  height: 120px;
  position: relative;
}
.tracking_img_inner span {
  background: #000;
  position: absolute;
  bottom: 10px;
  color: #fff;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  text-align: center;
  line-height: 25px;
  right: 10px;
}
.split_data {
  display: none;
}
.aship_brif p,
.aship_brif h4 {
  margin: 0;
}
.ashipProInfo input.form-control {
  width: 100px;
  background: #fff983;
  display: inline-block;
  margin: 0 10px;
  font-size: 26px !important;
  text-align: center;
}
.ashipProInfo .form-control:disabled,
.ashipProInfo .form-control:read-only {
  background: #f4f1f1;
}
.moveto_msg {
  font-size: 20px;
  font-weight: 600;
  background: #e7e7ef;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.shipment_right table span,
.shipment_right table a {
  display: block;
}

.awaitShipmentOrder .moveto_msg,
.awaitShipmentOrder .choose-item {
  display: none;
}
.awaitShipmentOrder.awaitShipmentOrder_split .moveto_msg,
.awaitShipmentOrder.awaitShipmentOrder_split .choose-item {
  display: block;
}
.awaitShipmentOrder.awaitShipmentOrder_split .order-meta {
  display: none;
}
.awaitShipmentOrder.awaitShipmentOrder_split .split_data {
  display: block;
}

.ashipProInfo input[type="number"]:not([step="any"])::-webkit-inner-spin-button,
.ashipProInfo
  input[type="number"]:not([step="any"])::-webkit-outer-spin-button {
  opacity: 1;
}
.retur_product_row th,
.retur_product_row td {
  border: none; /*vertical-align: baseline !important;*/
}
.retur_product_row tr {
  border-bottom: 1px solid #ccc;
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.2;
}
.chooseExShip-item {
  display: none;
}
.inactive {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}
.awaitShipmentTitle {
  border-left: 5px solid #000;
  color: #000;
  font-size: 11px;
}
div#shipmentTabContent {
  padding: 20px;
  background: #dbdadc;
}
.theme-primary #shipment_tab .nav-link.active {
  border-bottom-color: transparent;
  background-color: #dbdadc;
  color: #000;
}
#shipment_tab .nav-link {
  border-radius: 7px 7px 0 0;
  border: none;
  padding: 15px 20px;
}
#shipment_tab .nav-link:after {
  display: none;
}

#shipmentTabContent .header {
  padding: 15px;
  cursor: pointer;
  background: #000 !important;
}
#shipmentTabContent .card .header h2 {
  color: #fff;
}
#shipmentTabContent span.badge.bg-gray {
  background: #e6e6e9;
}
.awaitShipmentTitle {
  border-left: 5px solid #bfbfbf;
}

.order_summary:after {
  position: absolute;
  right: 20px;
  top: 18px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  content: "\2212";
  color: #fff;
  cursor: pointer;
}
.order_summary.collapsed:after {
  content: "\002b";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notes_outer h2 {
  position: relative;
  font-size: 20px;
  padding-left: 30px;
  cursor: pointer;
}
.notes_outer h2:after {
  position: absolute;
  left: 0px;
  top: 0;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform 0.25s linear;
  -webkit-transition: -webkit-transform 0.25s linear;
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  color: #000;
  cursor: pointer;
}
.notes_outer h2.collapsed:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.notes_inner {
  display: none;
}
#shipmentTabContent .header.collapsed {
  border-radius: 10px;
}
.item-grouping-wrapper span.badge.badge-Light-red {
  background: #efcccc;
  color: #000;
  font-size: 11px;
  display: inline-block;
}
.item-grouping-wrapper span {
  padding: 5px 10px !important;
  display: inline-block;
}
.item-grouping-wrapper {
  font-weight: 500;
  background: #efefef;
  display: inline-block;
  border-radius: 5px;
}

span.return_qty {
  width: 50px;
  height: 50px;
  background: #f3e996;
  display: inline-block;
  text-align: center;
  font-size: 34px;
}
.return_note h5 {
  flex-shrink: 0;
}
.return_note p {
  background: #eeee;
  font-size: 12px;
  padding: 10px;
}
.awaitShipmentOrder.awaitShipmentOrder_split .item_checkbox {
  background: #ccc !important;
  text-align: center;
}

.item_checkbox input {
  float: none !important;
  margin: auto !important;
}

.awaitShipmentOrder .retur_product_row {
  border-bottom: none;
}
.notes_inner label {
  white-space: nowrap;
  width: 200px;
}
.notes_inner > div {
  margin: 0 0 15px;
}
.notes_inner > div:last-child {
  margin: 0;
}
span.taxInfoClick {
  font-size: 12px;
  float: right;
  cursor: pointer;
}
span.notes_count {
  background: #fff983;
  font-size: 18px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  font-weight: 400;
}

#daterange-btn {
  background: #000;
  color: #02ff00 !important;
}
#daterange-btn:hover,
#daterange-btn:focus {
  background: #000 !important;
}
.theme-primary .ranges li.active {
  border: 1px solid #000;
  background-color: #000;
}
input.input-mini.form-control {
  padding-left: 30px !important;
}
.daterangepicker .daterangepicker_input i {
  top: 14px;
}

.theme-primary .daterangepicker td.active {
  background-color: #000;
}
.theme-primary .daterangepicker td.active:hover {
  background-color: #02ff00;
  color: #000;
}
.daterangepicker.ltr {
  z-index: 2;
}
.theme-primary .ranges li:hover,
.theme-primary .ranges li:active,
.theme-primary .ranges li.active {
  border: 1px solid #000;
  background-color: #000;
}

ul.return-policy-list {
  list-style: none;
  padding: 0;
}
ul.return-policy-list ul {
  list-style: none;
}
ul.return-policy-list ul {
  list-style: none;
  margin: 10px 0;
}
.return-policy-list .form-check {
  padding-left: 0;
}

.shiping_table input.day_form_control {
  display: inline-block;
  max-width: 50px;
  width: auto;
}
.cost_form_control {
  max-width: 125px;
  display: inline-block;
  width: auto;
}
.variantsadd-table .form-control {
  width: 100%;
  min-width: 130px;
}

table.shiping_table td {
  white-space: nowrap;
}
.shiping_table label {
  margin: 0 !important;
  height: 13px !important;
}
.additional-cost {
  border: 1px dashed #ccc;
  padding: 20px;
  border-radius: 10px;
  margin: 15px 0;
  display: none;
}
.additional-percost button.btn.tooltip-btn {
  position: absolute;
  right: -30px;
  top: 10px;
}
.additional-freercost,
.additional-percost {
  margin: 15px 0;
  position: relative;
  display: none;
}
.form-check {
  padding-left: 0;
}
.additional-cost table {
  margin: 15px 0 0;
}
.additional-cost thead {
  background: #f0f1f2;
}
.additional-cost table a.btn.btn-danger {
  padding: 5px 10px;
}
.importProBox {
  background: #000;
  color: #02ff00;
  padding: 20px 10px;
  text-align: center;
  border-radius: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.importProBox:hover {
  background: #02ff00;
  color: #000;
}
.import-product-outer {
  width: 780px;
  margin: auto;
}
.tooltip_box .tooltip-btn {
  position: absolute;
  right: 0;
  top: 12px;
}
.tooltip_box_process {
  position: relative;
}
.form-group.form-floating.tooltip_box {
  padding-right: 20px;
}
.tooltip_box_process .form-control {
  width: 70%;
  display: inline-block;
}
ul.list-unstyled.last_step_lst {
  float: left;
}
ul.list-unstyled.last_step_lst li i {
  font-size: 20px;
  margin-right: 15px;
}
.theme-primary .text-success {
  color: #02cc2a !important;
}
#last .quickStart__stepIcon {
  border-color: #02cc2a !important;
}
a.btn.btn-primary.last-step {
  padding: 15px 50px;
  font-size: 16px;
}
.nav__menu--right {
  position: fixed;
  left: 0px;
  width: 270px;
  height: 100%;
  background-color: #000;
  z-index: 1;
  transition: 400ms ease;
  z-index: 99;
  padding-top: 60px;
}
.nav__menu--right.open {
  height: 100%;
  transform: translateX(-300px);
}

.quickstart_menu .content-wrapper.quick_start_panel {
  margin-left: 270px;
}
.quickstart_menu.quick-collapse .content-wrapper.quick_start_panel {
  margin-left: 0;
}
.nav__menu--right .nav-tabs {
  display: block;
  border-bottom: 0;
}

.nav__menu--right .nav-tabs .nav-link.active,
.nav__menu--right .nav-tabs .nav-link.active:hover {
  background-color: #181a1e !important;
  color: #fff !important;
  border-color: #353535 !important;
}
.nav__menu--right .nav-tabs .nav-link:after {
  display: none;
}
.nav__menu--right li.nav-item i {
  font-size: 12px;
  border: 2px solid #037502;
  border-radius: 50%;
  padding: 5px;
  background: #181a1e;
  color: #fff;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 15px;
}
.nav__menu--right .nav-tabs .nav-link.active i {
  background: #02ff00;
  color: #000;
}
.nav__menu--right a.nav-link.visited.active {
  padding-left: 25px;
}
.tab-wizard .btn-class button {
  margin-left: 10px;
}
.nav__menu--right .nav-tabs .nav-link {
  border: none;
  color: #fff;
  text-transform: capitalize !important;
  background: transparent;
}
ul.nav.nav-tabs .nav-item {
  margin: 8px 0;
}
#shipment_tab li {
  margin: 0;
}
.nav__menu--right .nav-tabs .nav-link:hover {
  background-color: #181a1e;
  color: #fff !important;
  border-color: #353535;
}

.nav__menu--right .nav-tabs .nav-link.visited i {
  margin-right: 5px;
  background: #02ff00;
  color: #000;
}
.nav__menu--right .nav-tabs .nav-link.visited i:before {
  content: "\f00c";
}
.integrations__images {
  width: 500px;
  margin: 15px auto;
}

.integrations__box a {
  box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
  padding: 20px;
  display: block;
  border-radius: 5px;
  background: #e7f0f7;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.integrations__box img {
  height: 70px;
}
.fileUpload_outer {
  max-width: 600px;
  margin: auto;
}
.fileUpload_outer ul.nav {
  justify-content: center;
}
.fileUpload_outer ul.nav li {
  width: 33.33%;
}
.csvfile_upload {
  background: #f2f3f7;
  padding: 15px;
  position: relative;
  text-align: center;
  border: 1px dashed #ccc;
  border-radius: 10px;
}
.csvfile_upload i.fas.fa-cloud-upload-alt {
  font-size: 50px;
  opacity: 0.5;
}

.csvfile_upload input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.select_file_type .form-check {
  display: inline-block;
  text-transform: uppercase;
}
.support_link_box img {
  width: 60px;
}
.select_file_type {
  text-align: left;
  margin-bottom: 10px;
}

.theme-primary .wizard-content .wizard > .steps > ul > li.current a {
  color: #02ff00;
}
.theme-primary .wizard-content .wizard > .steps > ul > li.current {
  border: 2px solid #02ff00;
  background-color: #02ff00;
  color: #000;
}
.theme-primary .wizard-content .wizard > .steps > ul > li.done {
  border-color: #000;
  background-color: #000;
}
.wizard-content .wizard > .steps > ul > li a {
  color: #b0acac;
}
.theme-primary .wizard-content .wizard > .actions > ul > li > a {
  background-color: #000;
  width: 100px;
  text-align: center;
}
.theme-primary .wizard-content .wizard > .actions > ul > li > a:hover {
  background: #fff;
  color: #000;
  border-color: #000;
  box-shadow: none;
}
.wizard-content .wizard > .actions > ul > li > a[href="#previous"] {
  background-color: #02ff00;
  color: #000;
  border: 1px solid #02ff00;
}
.wizard-content .wizard > .actions > ul > li > a[href="#previous"]:hover {
  background: #000;
  color: #fff;
}
#saveDraft:hover {
  background: #8dff8c;
  color: #035503;
  border-color: #8dff8c;
}
button#saveDraft {
  /*   position: absolute;*/
  right: 245px;
  bottom: 20px;
  z-index: 999;
  background: #ffc300 !important;
  color: #000 !important;
  border-color: #ffc300 !important;
}
.wizard-section .btn-class {
  float: none !important;
  text-align: right;
}
.quick_start #saveDraft {
  position: relative;
  right: auto;
  bottom: auto;
}
.quick_start .btn-class button {
  margin-left: 10px;
}
.quick_start .btn-class {
  margin-top: 35px;
}
.quick_start ul.breadcrumb {
  display: none;
}
#search-input-box {
  padding-left: 25% !important;
}
#plsearch-input-box {
  padding-left: 24.5%;
}
.pricceformula_table thead tr th:last-child:before,
.pricceformula_table thead tr th:last-child:after {
  display: none;
}
.product_detail.view_page label {
  font-weight: 400;
}
.theme-primary .bg-success {
  background-color: #8bc34a !important;
  color: #ffffff;
}
#search-input-box .form-control,
input#product_search {
  border-radius: 0 5px 5px 0 !important;
}
div#stop-paginate {
  text-align: center;
}
span.emptySearch {
  font-size: 18px;
  margin: 15px 0;
  display: block;
}
.productVarientImg {
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.br_1 {
  border-right: 1px solid #ccc;
}
.tagify.form-control:read-only {
  background: #fff;
  height: auto !important;
  min-height: 40px;
}

.tagify__input {
  margin: 0 0 0 7px;
  padding: 10px 0 0;
}
.btn.btn-primary {
  text-transform: uppercase;
}
.tooltip_box {
  position: relative;
}
.billingAddress_show h6 span {
  font-weight: 400;
}
.billingAddress_show h6 {
  font-size: 14px;
  margin-bottom: 15px;
}
.table-responsive.importTable_preview {
  height: 300px;
}
.importTable_preview td:first-child {
  font-weight: 600;
}

.tagify__input::before {
  line-height: 19px;
}

.warehouse_list .btn {
  padding: 5px 10px;
}
.header.bg-grey .btn.btn-primary {
  margin: 0 !important;
  position: absolute;
  right: 10px;
  top: 8px;
  padding: 6px 10px;
}
.additional-percost,
.additional-freercost {
  width: 280px;
}
.warehouse_list {
  margin-bottom: 10px;
}
.warehouse-li {
  border-bottom: 1px solid #ccc;
  padding: 7px 0;
}
.sidebar-collapse span.desktop-logo {
  display: none;
}
.flag_size {
  width: 20px;
}
.shipto_table a.btn {
  padding: 5px 10px;
}
.table > :not(caption) > * > * {
  padding: 0;
}
.upload_img.btn.btn-primary {
  position: relative;
}
.upload_img input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}
.modify_upload > span {
  display: inline-block;
}
.modify_upload span.form-check {
  margin-top: 10px;
  float: left;
}

.top_action .pro_varient_group {
  float: none;
  margin: 0;
  border: 1px solid #ccc;
  padding: 6px;
  border-radius: 5px;
}
.top_action select {
  width: auto;
}
.view_page .top_action label {
  margin-bottom: 0;
}
.view_page .top_action [type="checkbox"].filled-in:not(:checked) + label:after {
  top: 3px !important;
}
.view_page .top_action [type="checkbox"].filled-in:checked + label:after {
  top: 3px;
}

/*.wizard-content .wizard > .actions li.disabled {
    display: none;
}.wizard-content .wizard > .steps > ul > li{ margin: 0; border: none !important ;border-radius: 0;     width: 16.5%; padding: 10px 0; }

.wizard-content .wizard > .steps > ul{display: flex;}

.wizard-content .wizard > .steps > ul > li.disabled:after ,.wizard-content .wizard > .steps > ul > li.done:after {

    content: "";
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    border-right: 2px solid #fff;
    z-index: 99;
    top: 6px !important;
    right: -17px !important;
    border-bottom: 2px solid #fff;
    transform: rotate(315deg); background: transparent !important;
}
.wizard-content .wizard > .steps > ul > li.done:after { background: #000 !important; }
.wizard-content .wizard > .steps > ul > li.disabled:last-child:after{display: none;}
.theme-primary .wizard-content .wizard > .steps > ul > li.current:after {
    position: absolute;
    content: "";
    top: 0 ;
    right: -14px ;
    width: 0 ;
    height: 0 ;
    border-top: 21px solid transparent;
    border-bottom: 21px solid transparent;
    border-left: 14px solid #02FF00;
    z-index: 9; background: transparent;
}*/

.wizard-content .wizard > .steps > ul > li span.step {
  display: block;
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #000;
  font-size: 20px;
  line-height: 40px;
  margin: auto;
}
.wizard-content .wizard > .steps > ul > li.disabled a:hover,
.wizard-content .wizard > .steps > ul > li.disabled a:focus {
  color: #b0acac !important;
}

.theme-primary .wizard-content .wizard > .steps > ul > li.current span.step {
  background: #02ff00;
  color: #000;
}

.wizard-content .wizard > .steps > ul > li {
  border: none !important;
  background: transparent !important;
}
.wizard-content .wizard > .steps > ul > li.done a {
  color: #02ff00;
}
.theme-primary .wizard-content .wizard > .steps > ul > li.done a:after {
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  left: 0px;
  top: 8px;
  font-size: 40px;
  color: #02ff00;
  border-radius: 50%;
  right: 0;
}
.theme-primary .wizard-content .wizard > .steps > ul > li.done span.step {
  opacity: 0;
}

.logo-lg.logoshow .desktop-logo {
  display: block;
}
.logo-lg.logoshow .mobile-logo {
  display: none;
}
.sidebar-collapse span.desktop-logo img {
  width: 160px;
  margin-top: 5px;
}
.sidebar-mini.sidebar-collapse .main-header .logo-box {
  width: 180px !important;
}

.wizard-content .wizard > .steps > ul > li.done a:focus {
  color: #000;
}
.wizard-content .wizard > .actions > ul > li.disabled {
  display: none;
}
.wizard-content .wizard > .steps > ul > li.done a:hover {
  color: #02ff00;
}
.fieldMapingTable th,
.fieldMapingTable td {
  padding: 8px;
  white-space: nowrap;
}
.fieldMapingTable thead,
.fieldMapingTable tbody tr:first-child {
  background: #eee;
  border-bottom: 1px solid #ccc;
}
.fieldMapingTable [type="checkbox"] + label {
  height: auto;
  line-height: 21px;
  padding-left: 25px;
  font-weight: 500;
  text-transform: capitalize;
}
.fieldMapingTable .form-check {
  margin: 0;
}
.fieldMapingTable select.form-control {
  min-width: 150px;
}
.wizard-content .wizard > .steps {
  text-align: center;
  background: #000;
  padding: 20px 0;
  border-radius: 10px 10px 0 0;
}
.wizard-content .wizard > .content {
  position: static;
}
.fieldMapingTable select.form-control:focus {
  border: 2px solid #000 !important;
}
.fieldMapingTable tbody {
  background: #f5f2fe;
}
.onlineFeed__fileCategories_outer {
  background: #f3f4f6;
  padding: 20px;
}
.onlineFeed__fileCategory {
  border: 1px dashed #ccc;
  background: #fff;
  padding: 10px;
  margin-bottom: 5px;
  cursor: move;
}
.form-group.Category_search {
  position: relative;
}
.Category_search button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 100%;
  width: 50px;
  background: transparent;
}
.mapedAllCategory {
  height: 500px;
  overflow: auto;
}
ul.finalcheck_list {
  list-style: none;
  max-width: 60vw;
  margin: 30px auto;
}

.finalcheck_list li i {
  margin-right: 15px;
}

.range_inputs button.applyBtn.btn.btn-sm.btn-primary {
  float: right;
  margin-left: 5px;
}

.fixTableHead {
  overflow-y: auto;
  height: 110px;
}
.fixTableHead thead {
  position: sticky;
  background: #ced0d8;
  top: 0px;
}

.fieldMapingTable .form-check,
.fieldMapingTable .form-group {
  display: inline-block;
  margin: 0;
}
.fieldMapingTable .form-group {
  margin-top: 5px;
}
.fieldMapingTable .form-group.form-floating select {
  height: 30px;
  background: transparent !important;
  color: #000;
  width: 100px;
}

.form-group.Category_search input.form-control {
  box-shadow: 0 1px 4px 0 #ccc;
}

.wizard-content select.form-control:focus {
  box-shadow: 0 0 0 0.25rem rgb(0 128 255 / 25%) !important;
}

.canvas.form-control.ui-droppable.ui-sortable {
  position: relative;
  line-height: 40px;
}
.canvas .onlineFeed__fileCategory.ui-draggable-handle {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 10px;
}
#add_more_field_box .bootstrap-tagsinput {
  width: 100%;
}
.fixTableHead thead:before {
  position: absolute;
  top: -15px;
  content: "";
  background: #fff;
  width: 100%;
  height: 15px;
  z-index: 9999;
}

button#download_file {
  position: absolute;
  left: 20px;
  z-index: 9999;
  bottom: 20px;
}

.pro_varient_groups {
  border: 1px solid #ccc;
  padding: 7px !important;
  border-radius: 5px;
}
.custom-datatable ul.box-controls {
  flex-direction: revert;
}

.box-controls .dropdown-item {
  padding: 7px 10px;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.pro_varient_groups.br-5 {
  border-radius: 5px 0 0 5px;
}

.pro_varient_groups.br-5 + #more_option {
  border-radius: 0 5px 5px 0 !important;
  height: 41px;
}

.variantsadd-table .image--cover [type="checkbox"] + label {
  padding-left: 24px;
}

.variantsadd-table td {
  white-space: nowrap;
}
.variantsadd-table span img {
  min-width: 40px;
}

.shiping_table img {
  min-width: 30px;
}
.fixed_amount {
  position: relative;
  padding-right: 20px;
}
.fixed_amount .delete {
  position: absolute;
  right: 0;
  top: 10px;
}
.bs-searchbox input.form-control {
  background: url(../images/search.png) no-repeat 95% 10px #fff;
  background-size: 19px;
}
.product_search_List > .form-group {
  width: 98%;
}
.product_search_List {
  position: relative;
}
.product_search_List > .tooltip-btn {
  position: absolute;
  right: 9px;
  top: 11px;
}
.productSpecific .form-group,
.varian_table .form-group {
  margin: 0;
}

.shipto_table td:first-child span {
  line-height: 14px;
  margin: 0 5px;
}
#wherehouse_name a {
  padding-left: 15px;
}
span.text-danger.mandatory {
  position: absolute;
  right: 7px;
  top: 3px;
  z-index: 999;
}
.email-verify span.text-danger.mandatory {
  right: 65px;
  top: 0px;
}
.onlineFeedList a {
  text-decoration: underline;
}
.onlineFeedList a:hover {
  text-decoration: none;
}

.email-verify span.tooltip-btn {
  right: -13px;
}

.box-controls .badge {
  padding: 3px 20px 3px 11px;
  font-size: 11px;
}
.box-controls .badge:after {
  position: absolute;
  right: 8px;
  top: 9px;
}
div#example_wrapper {
  padding: 0;
  margin: 0 -5px;
}
.integrations_table td,
.integrations_table th {
  text-align: left;
}

.marketplaces_checkbox label {
  line-height: 20px;
}
#varient_detail .upload_box p {
  padding: 0 10px;
  margin-top: 33px;
}
.collps_icon,
#collapse_all {
  line-height: 0;
  cursor: pointer;
  display: inline-flex;
}

.collps_icon:before,
#collapse_all:before {
  width: 1.25em;
  line-height: 0;
  content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%280,0,0,.5%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e");
  transition: transform 0.35s ease;
  transform-origin: 0.5em 50%;
}

.collps_icon[aria-expanded="true"]:before,
#collapse_all[aria-expanded="true"]:before {
  transform: rotate(90deg);
}
.order_btn_box a {
  display: block;
}
.order_btn_box a.btn-secondry {
  background: #fff;
}

.order_btn_box {
  padding: 0 20px;
}

.order_collapsetable tr:last-child td {
  border: none;
}
.multi-collapse td {
  vertical-align: top !important;
}
.notes_btn .btn {
  padding: 1px 5px;
  margin: 0 2px;
}
.notes_btn .btn:hover {
  background: transparent !important;
}
.notes_btn .btn.bg-orange:hover {
  border-color: #ff9800 !important;
  color: #ff9800;
}
.notes_btn .btn.bg-blue:hover {
  border-color: #2196f3 !important;
  color: #2196f3;
}
.notes_btn .btn.bg-green:hover {
  border-color: #8bc34a !important;
  color: #8bc34a;
}

.notes_btn {
  position: relative;
}

.notes_panel {
  position: absolute;
  background: #f2f5fc;
  box-shadow: rgb(0 0 0 / 20%) 0px 5px 10px;
  width: 200px;
  border-radius: 5px;
  display: none;
  z-index: 999;
}
tr:last-child .form_buyer_notes {
  left: -204px;
  top: -150px;
}
tr:last-child .form_to_notes {
  left: -175px;
  top: -140px;
}
tr:last-child .int_notes {
  left: -147px;
  top: -145px;
}
.order-table td {
  white-space: nowrap;
}
.form_buyer_notes {
  left: -204px;
  top: -50px;
}
.form_to_notes {
  left: -175px;
  top: -50px;
}
.int_notes {
  left: -147px;
  top: -50px;
}
.notes_header {
  background: #eee;
  padding: 5px 15px;
  border-radius: 5px 5px 0 0;
}
.notes_body {
  width: 100%;
  padding: 10px;
  position: relative;
  padding-right: 37px;
}
.notes_body .form-control {
  margin: 0 !important;
  height: 150px;
}
.notes_body a {
  width: 25px;
  height: 25px;
  line-height: 24px;
  position: absolute;
  right: 3px;
  top: 10px;
}
.notes_body a.btn.btn-secondry {
  top: 40px;
}
.notes_body .form-group {
  margin-bottom: 0;
}

.collps_icon.open,
#collapse_all.open {
  transform: rotate(90deg);
}
div#example1_paginate {
  margin: 35px 0 15px;
}
#add_column_btn {
  margin-top: -10px;
}
ul.column_list {
  list-style: none;
  padding: 0;
  height: 200px;
  overflow: auto;
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
#Withdraw .text-secondry,
#withdraw_fund .text-secondry {
  color: #02ff00;
  text-transform: capitalize;
}

.withdraw_methode {
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.withdraw_methode i.fas.fa-bank {
  font-size: 60px;
}
input#integrations_checkbox + label {
  line-height: 18px;
}
.notifications-type + label:after {
  top: 2px;
}

.order_page_outer #example1_wrapper {
  padding: 0;
}

.int_notes.notes_panel:after,
.form_to_notes.notes_panel:after,
.form_buyer_notes.notes_panel:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #f2f5fc;
  content: "";
  position: absolute;
  right: -9px;
  top: 55px;
}
a.text-underline.text-info:hover {
  color: #000 !important;
}
tr:last-child .int_notes.notes_panel:after,
tr:last-child .form_buyer_notes.notes_panel:after {
  top: 150px;
}
tr:last-child .form_to_notes.notes_panel:after {
  top: 144px;
}
.board-table th:first-child:before,
.board-table th:first-child:after {
  display: none !important;
}

.board-table th:first-child,
.board-table th:first-child {
  padding-right: 0 !important;
}

.progress-bar {
  background-color: #e1e1e1;
  height: 7px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: calc(50% + 7px);
  width: 100%;
  z-index: -1;
}

.order_collapsetable td {
  white-space: normal;
}

.app-menu.quick_start_menu {
  opacity: 1;
  font-size: 20px;
  margin: 0;
}

.content-wrapp-er.quick_start_panel {
  margin-left: 270px;
  padding-top: 80px;
}
.order_list_filter li:last-child {
  margin-left: auto;
  flex: none !important;
}

.fixed .content-wrapper {
  padding-top: 68px;
}
.support-box .div_loader {
  position: absolute;
}
.div_loader {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  border-radius: 5px;
}
.div_loader img {
  height: 100%;
  left: 0;
  width: auto;
}

/*.filter_menu_panel input[type="checkbox"], .filter_menu_panel input[type="radio"] {
    position: relative;
    left: 0;
    opacity: 1;
    top: 3;
}*/ /*.filter_menu_panel label:before, .filter_menu_panel label:after {
    display: none;
}*/
/*.filter_menu_panel label {
    padding-left: 4px !important;
}*/
.products_lisiting_subcat h5 {
  font-size: 14px;
  text-decoration: underline;
}
.products_lisiting_subcat h5 a:hover {
  color: #0052cc !important;
}
.products_lisiting_subcat ul a:hover {
  text-decoration: underline;
  color: #2db403 !important;
}
.products_lisiting_subcat ul {
  padding: 0;
  font-size: 12px;
}
.products_lisiting_subcat ul li {
  list-style: none;
}
span.delivery_time i {
  margin-right: 3px;
}
img.ship_flag,
.pro-from img {
  width: 26px;
  height: 19px;
  max-width: none;
  object-fit: cover;
  margin-right: 4px;
}
.lSSlideOuter .lSPager.lSGallery li.active {
  border: 3px solid #000;
}
.lSSlideOuter .lSPager.lSGallery li {
  height: auto !important;
}
.vertical_slider li img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
[type="checkbox"].filled-in:not(:checked) + label:after,
[type="checkbox"].filled-in:checked + label:after {
  top: 1px;
}

.product_flag {
  float: right;
}
.product_info {
  display: block;
  float: left;
  width: 100%;
  clear: both;
}
.filter_bar .bootstrap-select.btn-group .dropdown-menu {
  width: 100%;
}

.lSSlideOuter.vertical .lSGallery::-webkit-scrollbar,
ul.dropdown-menu.inner::-webkit-scrollbar {
  width: 4px;
}
ul.dropdown-menu.inner::-webkit-scrollbar-track,
.lSSlideOuter.vertical .lSGallery::-webkit-scrollbar-track,
.productCatalog__filters ul.dropdown-menu::-webkit-scrollbar-track {
  background: #e0dddd;
}
ul.dropdown-menu.inner::-webkit-scrollbar-thumb,
.lSSlideOuter.vertical .lSGallery::-webkit-scrollbar-thumb,
.productCatalog__filters ul.dropdown-menu::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
  border-radius: 50px;
  background: #02ff00;
  height: 20px;
}
.lSSlideOuter.vertical .lSGallery::-webkit-scrollbar,
.productCatalog__filters ul.dropdown-menu::-webkit-scrollbar {
  width: 7px;
}
ul.dropdown-menu.inner {
  max-height: 140px !important;
}
.filter_bar .bootstrap-select.btn-group .dropdown-menu span {
  white-space: normal !important;
}

.dataTables_wrapper {
  padding: 0;
}
.lSSlideOuter .lSPager.lSGallery img {
  height: 80px;
  width: 100%;
  object-fit: cover;
}
.lSSlideOuter.vertical .lSAction > a {
  left: 0;
  margin-left: 0;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -64px;
  bottom: auto;
  top: 50%;
  margin-top: 0px;
  margin-left: 5px;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 32px 66px;
  bottom: auto;
  top: 50%;
  margin-top: 0px;
  left: auto;
  right: 0;
  margin-right: 5px;
}
.filter_bar
  .bootstrap-select.btn-group
  .dropdown-menu::-webkit-scrollbar-track {
  background-color: #ebebeb;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.filter_bar
  .bootstrap-select.btn-group
  .dropdown-menu::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #02ff00;
  height: 20px;
}
.hidden {
  display: none;
}
.modal .dropdown-menu > ul {
  height: 200px;
}

.errorhover {
  border: 1px solid #f00 !important;
}

.error_message {
  color: red;
  font-size: 12px;
  padding: 0;
}
input#currency_name {
  width: 91%;
  display: inline-block;
}
#currency_name + .btn {
  float: right;
  margin: 12px 0 0;
}
table.table.varian_table {
  table-layout: fixed;
}

.img-box,
.banner-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.img-box img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.upload_remove_icon {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 100px;
  z-index: 9;
  cursor: pointer;
  opacity: 0;
}

.img-box:hover .upload_remove_icon {
  opacity: 1;
}

.opacityZero {
  opacity: 0;
}

.filter_bar.same_bg .row > div {
  padding: 0 10px !important;
}

/*.floating-label { 
  position:relative; 
  margin-bottom:20px; 
}

.floating-select {
  font-size:14px;
  padding:4px 4px;
  display:block;
  width:100%;
  height:30px;
  background-color: transparent;
  border:none;
  border-bottom:1px solid #757575;
}

.floating-select:focus {
     outline:none;
     border-bottom:2px solid #5264AE; 
}


.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-18px;
  font-size:14px;
  color:#5264AE;
}

/* active state */
.floating-select:focus ~ .floating-select:focus ~ {
  width: 50%;
}

/* active state */
.floating-select:focus ~ {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}
*/ .dropDownRow:hover {
  background: #eee;
}
.pro-from {
  text-transform: capitalize;
}
.lSSlideOuter.vertical .lSGallery {
  margin: 0 !important;
  left: 0;
  height: 100% !important;
  transform: none !important;
  overflow: auto;
}

.category_dropdown i.fas.fa-caret-down,
.category_dropdown i.fas.fa-caret-right {
  float: right;
  margin-top: 7px;
  -webkit-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.category_dropdown .product_category_btn.open_btn i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg) !important;
  -o-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}
.filter_menu_panel a {
  padding: 5px;
  display: block;
}
.filter_menu_panel a:hover {
  background: #000;
  color: #02ff00;
}
.funding-val-box {
  position: relative;
}
span.fund_dollor {
  position: absolute;
  right: 10px;
  top: 1px;
  width: 30px;
  background: #fff;
  text-align: center;
  height: 37px;
  line-height: 40px;
}
.awaitShipmentOrder_outer a.btn.btn-primary {
  background: #02ff00;
  color: #000;
  position: relative !important;
  top: auto !important;
  right: auto !important;
}
.awaitShipmentOrder_outer a.btn.btn-secondry {
  background: #fff;
  display: block;
  margin: 0 !important;
  height: 30px;
  line-height: 10px;
}
.form-control-placeholder {
  pointer-events: none;
  display: inline-block;
  color: #848788;
  font-size: 12px;
  position: absolute;
  top: 7px;
  left: 8px;
  line-height: 2.2em;
  white-space: nowrap;
  transition: all 0.3s;
  z-index: 9;
  opacity: 0;
  font-weight: 400 !important;
  background: #fff;
}

label.form-control-placeholder.float {
  z-index: 99;

  top: 0;
  opacity: 1;
}

.float {
  transform: translate(0, -1.1em);

  transition: 0.2s ease-in-out;
}

.changefloat {
  transform: translate(0, -1.1em);
  opacity: 1;
  z-index: 99;

  top: 0;
}
.cat_disable {
  opacity: 0.3;
}

.catalogSubcategs__root {
  cursor: pointer;
}
.catalogSubcategs__root.cat_disable {
  cursor: default;
}

.sidebar-collapse span.desktop-logo,
span.mobile-logo {
  display: inline-block;
  margin-right: 5px;
}

.sidebar-collapse span.desktop-logo {
  display: none;
}

.form-group {
  position: relative;
}

.filter-btn.show:after,
.dropdown-toggle.show .filter-option:after {
  transform: rotate(180deg);
}
.dropdown-tooltip {
  display: block;
  padding: 10px 20px;
}
.dropDownRow:hover {
  background: #eee;
}
.bootstrap-select.btn-group .dropdown-menu li.selected.active a {
  background: #000;
  color: #02ff00 !important;
}
ul.img_gallery_prev {
  max-height: 330px;
  overflow: auto;
}
.main-header .navbar-nav > li.dropdown > .dropdown-menu {
  max-width: 300px;
  width: 300px;
}
.notification_icon {
  margin-right: 15px;
  background: #caf8c9;
  width: 40px;
  display: block;
  text-align: center;
  padding: 12px 9px;
  color: #000;
  border-radius: 50%;
  height: 40px;
}
.main-header .navbar-nav > li.dropdown > .dropdown-menu > li .menu > li > a {
  white-space: normal;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.notification_txt {
  width: 80%;
}
.product_group ul.dropdown-menu.inner li:before {
  content: attr(data-title);
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background: #02ff00;
  width: 120px;
  text-align: center;
  padding: 4px;
  border-radius: 5px;
  opacity: 0;
  bottom: 40px;
}
/*.product_group  ul.dropdown-menu.inner li:hover:before,.product_group  ul.dropdown-menu.inner li:hover:after {opacity: 1}*/
.product_group ul.dropdown-menu.inner li:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  position: absolute;
}
.product_group ul.dropdown-menu.inner li:after {
  content: "\f0d7";
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
  text-align: center;
  top: -14px;
  font-size: 19px;
  color: #02ff00;
  opacity: 0;
}
.errorPanel {
  background: #fff4f4;
  border: 1px solid #f79696;
  padding: 15px;
  border-radius: 10px;
}
h5.title_error {
  font-size: 16px;
}
.title_error i {
  color: #a53c3c;
}
.errorPanel li {
  margin: 10px 0;
}
#editor.errorhover + .ck-rounded-corners {
  border: 1px solid #f00;
  border-radius: 5px;
}
.form-floating textarea.form-control {
  height: 40px;
}

.shipment_activty {
  list-style: none;
  padding: 0;
}

.nav__menu--right .nav-tabs .treeview-menu a {
  color: #b5b5c3;
}

.nav__menu--right .nav-tabs .treeview-menu i {
  border: none;
  background: no-repeat;
  margin-left: 10px;
  margin-right: 4px;
}
#import-product .content-wrapper {
  margin: 0 !important;
}
#import-product .content-wrapper .container-full,
#import-product .content-wrapper .container-full .content {
  padding: 0 !important;
}
#import-product .wizard-content .wizard > .steps > ul > li {
  padding: 10px 20px;
}
#import-product .actions ul {
  display: none;
}
#import-product button#download_file {
  position: relative;
  left: auto;
  z-index: 9999;
  bottom: auto;
}
.fileUpload_outer {
  margin-bottom: 50px;
}
.awaitShipmentOrder_outer .header .btn-secondry {
  background: #02ff00;
}

.awaitShipmentOrder_outer .header .btn {
  height: 25px;
  line-height: 20px;
  padding: 0 10px;
  float: right;
  margin: 0 0 0 10px !important;
}
.nav-item.check_incomplete {
  opacity: 0.5;
  pointer-events: none;
}
.nav-tabs .nav-link.active + ul {
  display: block !important;
}
.theme-primary .quickStart__contentAction .btn-primary:disabled {
  background-color: #cec8c8;
  border-color: #000;
  opacity: 0.5;
  color: #000;
}

.nav__menu--right .nav-tabs .treeview-menu a.complete_step i {
  color: #02ff00;
}

.install_outer {
  overflow-x: hidden;
}
.install_outer .container-fluid {
  height: 100vh;
}
.install_outer .col-md-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.insatll_image {
  text-align: center;
}
.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.insatll_image {
  text-align: center;
  width: 80%;
  margin: auto;
  color: #fff;
}
.form_install h1 {
  color: #02ff00 !important;
  font-size: 21px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 20px 0;
}
.form_install form {
  text-align: left;
  width: 80%;
  max-width: 480px;
  margin: auto;
}
.form_install input.form-control {
  margin: 10px 0;
}
.text-green {
  color: #02ff00 !important;
  font-weight: 600;
}
.form_install button {
  background: #02ff00 !important;
  width: 100%;
  font-size: 20px;
  color: #000 !important;
}
.form_install {
  color: #fff;
}
.insatll_image h4 {
  font-size: 24px;
  font-weight: 400;
}
.install_outer .container-fluid > .row {
  min-height: 100vh;
}
.insatll_image img {
  height: 500px;
}
.divider span {
  font-size: 20px;
  color: #fff;
}
.google_btn-new {
  background: #eee;
  display: block;
  padding: 10px;
  border-radius: 50px;
  text-align: center;
}
body.loginBg {
  background: #353434;
}
.returnAddBg {
  background: #f2f3f7;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#prev_num {
  padding-left: 12px;
}

li.nav-item.step-link.active .treeview-menu {
  display: block;
}
.cancel_option td {
  vertical-align: top !important;
}

span.glyphicon.glyphicon-ok.check-mark:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
div#ui-datepicker-div {
  background: #000;
  width: 240px;
  box-shadow: 0 0px 8px 1px #00000014;
  border-radius: 5px;
  text-align: center;
  color: #02ff00;
  z-index: 9 !important;
}
div#ui-datepicker-div > * {
  padding: 0 10px;
}
.ui-datepicker-header {
  padding-top: 10px !important;
}
table.ui-datepicker-calendar {
  width: 100%;
  font-size: 14px;
}
/*
    table.ui-datepicker-calendar td, table.ui-datepicker-calendar th {
    padding: 0;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
}*/
a.ui-datepicker-prev,
a.ui-datepicker-next {
  float: left;
  background: #02ff00;
  color: #02ff00;
  padding: 1px 7px;
  display: inline-block;
  font-size: 11px;
  border-radius: 3px;
  color: #000;
  margin-bottom: 8px;
}

a.ui-datepicker-next {
  float: right;
}

.ui-datepicker-title {
  clear: both;
  background: #02ff00;
  margin: 10px 0 0;
  color: #000;
}
a.ui-state-default {
  color: #02ff00;
}
.ui-datepicker-today {
  background: #02ff00;
  border-radius: 3px;
}
.ui-datepicker-today a {
  color: #000;
}

.ui-datepicker-today:hover a {
  color: #000 !important;
}
.ui-datepicker-today a.ui-state-default.ui-state-highlight {
  color: #000 !important;
}
table.ui-datepicker-calendar td:hover a {
  color: #fff;
}

#signupForm [type="checkbox"].filled-in:checked + label:after {
  border: 2px solid #000;
  background-color: #000;
}

td.dataTables_empty {
  width: 100% !important;
}
a.ui-state-default.ui-state-active {
  color: #000;
}

td.ui-datepicker-current-day {
  background: #0ace2b;
  border-radius: 4px;
}
ul.complete_task.nav.nav-tabs {
  display: none;
}
span.btn-stores {
  display: block;
  margin: 0 0 15px;
}
select.ui-datepicker-month option,
.ui-datepicker-year option {
  background: #000;
  color: #02ff00;
}
select.ui-datepicker-month,
.ui-datepicker-year {
  background: transparent;
  width: 50%;
}

select.ui-datepicker-month option:hover,
.ui-datepicker-year option:hover {
  background: #f00;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: none !important;
  background: none !important;
  color: #02ff00 !important;
  padding: 0 !important;
  text-align: center;
}
.ui-widget-header {
  border: none !important;
  background: none !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  margin: 0 0 5px !important;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 14px !important;
  font-size: 10px;
}
.ui-slider {
  height: 4px !important;
  border: none !important;
  background: #777676 !important;
}

.ui-widget-content .ui-state-default.ui-slider-handle {
  background: #fff !important;
  margin: 0 0 !important;
  width: 8px;
  height: 8px;
  display: block;
  position: relative;
  top: -2px;
}
.ui_tpicker_millisec_label,
.ui_tpicker_millisec,
.ui_tpicker_microsec_label,
.ui_tpicker_microsec,
.ui_tpicker_timezone_label,
.ui_tpicker_timezone,
.ui_tpicker_second_label,
.ui_tpicker_second {
  display: none;
}
.ui-timepicker-div dd {
  margin: 0;
  width: 70%;
  margin-left: auto;
}
.ui-timepicker-div dt {
  width: 50px;
  font-size: 12px;
  text-align: left;
}
.ui-timepicker-div dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.ui_tpicker_time_input {
  width: 100%;
  height: 20px;
  background: #605e5e;
  border: none;
  border-bottom: none;
  margin: 0 !important;
  color: #fff;
}
.ui-datepicker-buttonpane.ui-widget-content {
  display: flex;
  justify-content: space-between;
}
td.ui-datepicker-unselectable.ui-state-disabled {
  background: #454242;
  cursor: not-allowed;
}

span#front_hide:before,
#back_hide:before {
  position: absolute;
  content: ":";
  left: 0;
  margin-left: 4px;
  font-weight: 600;
}
span#front_hide,
#back_hide {
  position: relative;
  padding-left: 15px;
  font-weight: 600;
}
#import-product .fixed .content-wrapper {
  padding-top: 0;
}
#import-product > .card-body {
  padding: 10px;
}
.theme-primary .alert-danger {
  border-color: #ff4848 !important;
  background-color: #f53434 !important;
  color: #ffffff;
}
#dob_div input {
  background: #fff;
}

#ssn_text {
  position: absolute;
  right: 10px;
  top: 10px;
}
.theme-primary .btn-primary:disabled {
  background-color: #c5c5c5;
  border-color: #9b9b9b;
  opacity: 0.5;
  color: #000;
}
#import-product .content-wrapper {
  padding-top: 0 !important;
}

.integrations__box a:hover {
  background: #02ff00;
}
ul.countryinner {
  list-style: none;
  padding: 0;
  max-height: 350px;
  overflow: auto;
}
ul.countryinner ul {
  list-style: none;
  padding: 0;
}
.countryList {
  display: none;
}
.modal-header {
  border-bottom: 1px solid #a19e9e;
}
.countryinner li > div {
  padding: 7px !important;
  width: 100%;
}
.countryinner li div:hover {
  background: #dde0e4;
}
.countryinner li.countryLi > div {
  padding-left: 20px !important;
}
.countryinner li.countryLi li > div {
  padding-left: 40px !important;
}
.countryinner li > div img {
  margin-right: 7px;
}
#quick-view-product .condition_return {
  border: 1px solid #ccc;
  padding: 20px;
  margin: -20px -20px 0;
  background: #ececec36;
}
#editModal .modal-body {
  overflow: hidden;
}
.countryinner .form-check > span {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  color: #02ff00;
  background: #000;
  width: 20px;
  text-align: center;
}
.countryinner .form-check {
  position: relative;
}
.stateChange [type="checkbox"].filled-in:checked + label:before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #fff;
  transform: none !important;
  top: 0 !important;
  margin: 0 !important;
  border: none !important;
  left: 5px !important;
  color: #02ff00;
}
#interval .form-floating > label {
  pointer-events: auto;
}
.ship_box_info .prime_delivery_box {
  margin-top: 10px;
}

#business_info_form .card-body,
#save-get-paid .card-body {
  padding: 25px;
}

.div_loader img {
  height: auto;
  left: 0;
  width: 500px;
  position: absolute;
  right: 0;
  margin: auto;
  transform: translateY(-170px);
  top: 50%;
}
p.error_message.product_img_error_msg {
  padding: 0 15px 15px;
}
.withdraw_methode h5 label {
  display: inline-block;
  min-width: 150px;
}
@media (max-width: 1400px) {
  .dropDownRow:hover .products_lisiting_subcat {
    width: 600px;
    right: -600px;
  }
  .orderd_page_head h5 {
    font-size: 13px;
  }
}
@media (max-width: 1300px) {
  .upgrade_box h2 {
    font-size: 22px;
  }
  .orderd_page_head p,
  .orderd_page_head h5 {
    font-size: 12px;
  }
}
@media (max-width: 1200px) {
  .editconfiguration_form .col-md-6 {
    width: 100%;
  }
  .product_search_List > .form-group {
    width: 95%;
  }
  .customtab2 li a.nav-link {
    font-size: 13px;
    padding: 5px 10px;
  }
  #add_column_btn {
    margin-top: -3px;
    padding: 5px 10px;
  }
  .email-verify .form-control {
    width: 100%;
  }
  .email-verify.form-floating.tooltip_box {
    padding-right: 56px;
  }
  .email-verify span.text-danger.mandatory {
    right: 17%;
  }
  .wizard-content .wizard > .steps > ul > li {
    padding: 5px;
  }
  button.btn.filter-btn {
    font-size: 11px;
    padding: 10px;
  }
  .support_outer .support-box {
    padding-bottom: 40px;
  }
  .import-product-outer {
    width: 600px;
  }
  .importProBox img {
    width: 70px;
  }
  .importProBox h4 {
    margin: 0;
  }
  .importProBox {
    min-height: 150px;
  }
  .card-body {
    padding: 10px;
  }
  .layers_list .btn {
    width: 19px;
    height: 19px;
  }
  ul.product-personalizer-menu,
  ul.product-personalizer-menu li > ul {
    padding-left: 50px;
  }
  canvas.flot-base {
    width: 100% !important;
  }
  #quick-view-pop-outer .modal-dialog {
    max-width: 90%;
  }
  .main-sidebar {
    margin-top: 0 !important;
  }
  .main-sidebar {
    left: -1px;
  }
  .faq-list .form-check {
    padding-left: 0;
  }
  .faq-list label {
    line-height: 16px;
  }
  .plan_box_bottom .btn-secondry {
    width: 170px;
  }
}

@media (max-width: 991px) {
  .fixed .main-header {
    z-index: 9999;
  }
  .action_panel .btn {
    font-size: 12px;
    padding: 5px 20px;
  }
  .filter_bar.list_bar .col-md-12 {
    width: 100%;
  }
  .col-xl-12.product_search_List {
    width: 100% !important;
  }
  .notifications-type {
    flex-wrap: wrap;
  }

  .variantsadd-table td {
    white-space: nowrap;
  }
  a#delete_profilter {
    margin-top: 10px;
  }
  .support_outer {
    margin-top: 15px;
  }
  .priceFormula_filter.filter_bar .row > div {
    width: 100%;
  }
  .support-box {
    margin-bottom: 15px !important;
  }
  #daterange-btn {
    width: 160px;
    padding: 7px;
  }
  .quickstart_menu .content-wrapper.quick_start_panel {
    margin-left: 0;
  }

  .sidebar-footer {
    width: 100%;
  }
  .setting-tab-box .form-control {
    max-width: 100%;
  }
  .inner_setting_box {
    margin-bottom: 10px;
  }
  .custom-radio-tab label {
    padding: 10px !important;
    font-size: 11px !important;
  }
  .price_change {
    width: 100%;
  }
  .custom-radio-tab label.btn {
    height: auto !important;
  }
  .order_detail > .row > div {
    width: 50%;
  }
  .col1 {
    flex: 0 0 auto;
    width: 100%;
    display: flex;
    justify-content: start;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
  }
  .orderd_page_head.d-flex {
    flex-wrap: wrap;
  }
  .orderd_page_head h5 {
    width: 250px;
    text-align: left !important;
  }
  .col1:last-child {
    border-bottom: none;
  }
  .pagination_outer {
    margin-bottom: 15px;
  }
  .dataTables_wrapper,
  .container-fluid {
    padding: 0;
  }
  .product_category_list {
    width: 100%;
    max-height: 300px;
    overflow: auto;
  }
  .filter_bar .row > div {
    width: 50%;
  }
  .dropDownRow:hover .products_lisiting_subcat {
    width: 100%;
    right: -600px;
    position: relative;
    left: 0;
  }
  .products_lisiting_subcat {
    height: 200px;
    overflow: auto;
  }
  #search-input-box {
    padding-left: 30% !important;
  }
  #search {
    bottom: 0;
    top: auto;
    height: 40px;
  }
  .products_lisiting_subcat {
    width: 70%;
  }
  .category_dropdown button {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
  }
  .detail_page_outer h6 {
    margin: 0 0 5px;
    font-weight: 800;
  }
  .detail_page_outer label {
    font-size: 12px;
  }
  .table-img img {
    width: 40px;
  }
  .card .body {
    min-height: 100px !important;
  }
  .notice-board {
    align-items: center;
  }
  .notice-board .notice-body {
    padding: 0 10px;
  }
  .upload__message {
    width: 100px;
    height: 100px;
  }

  .quick-view-top .col-md-6.col-sm-6 {
    width: 100%;
    margin: 0 0 15px;
  }
  .customtab2 li a.nav-link {
    font-size: 11px;
    padding: 6px 10px;
  }
  .category_dropdown {
    width: 30%;
  }
  .tag_outer .col-sm-12 {
    width: 100% !important;
  }
  .filter_bar .row > div.col-md-12.col-w {
    width: 100%;
  }
  #quick-view-pop-outer .modal-lg,
  .modal-xl {
    max-width: 90% !important;
    width: 90% !important;
  }
  .lSSlideOuter.vertical .lightSlider img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
  }
  .filter_bar.board_filter .row.action_panel > div {
    width: 50% !important;
  }
  .lSSlideOuter.vertical .lightSlider > * {
    background: #f1f2f7;
  }
}
@media (max-width: 768px) {
  .order-table .container {
    width: 100%;
    max-width: 100%;
  }
  .product_search_List .filter-selector,
  .product_search_List .search_filter,
  .search-input#search-keyword {
    padding-left: 10px !important;
  }
  .card.welcome-card .wallet-footer .btn {
    width: auto;
  }

  table.table.mobile-table td {
    min-height: 40px;
  }
  .variantsadd-table td:first-child {
    width: 100% !important;
  }

  .setting-tab-box .form-control {
    width: 100%;
  }
  .content-wrapper {
    margin-left: 0;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper ul.product-personalizer-menu,
  .sidebar-mini.sidebar-collapse
    .content-wrapper
    ul.product-personalizer-menu
    li
    > ul {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .board-table tr td:first-child {
    width: 100%;
  }
  .nav__menu--right {
    transform: translateX(-300px);
  }
  .nav__menu--right.open {
    transform: translateX(0);
    z-index: 999;
  }
  ul.complete_task.nav.nav-tabs a.nav-link i {
    font-size: 20px;
    background: #f1f2f7;
    color: #09c807;
  }
  ul.complete_task.nav.nav-tabs a.nav-link span {
    display: none;
  }
  ul.complete_task.nav.nav-tabs {
    display: block;
    border: none;
    margin-bottom: 10px;
    text-align: center;
  }
  ul.complete_task.nav.nav-tabs a.nav-link {
    border: none;
    padding: 5px;
    margin: 0 !important;
    background: no-repeat;
  }
  ul.complete_task.nav.nav-tabs .nav-item {
    margin: 0 5px;
    display: inline-block;
    position: relative;
  }
  ul.complete_task.nav.nav-tabs a.nav-link:after {
    display: none;
  }
  .content-wrapp-er.quick_start_panel {
    margin-left: 0;
  }
  ul.complete_task.nav.nav-tabs li:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 3px;
    background: #000;
    left: 19px;
    top: 13px;
    z-index: -1;
  }
  ul.complete_task.nav.nav-tabs li:last-child:after {
    display: none;
  }
  .login-pf-page-header {
    display: none !important;
  }
  .products_lisiting_subcat {
    width: 100%;
  }
  #search-input-box .form-control,
  input#product_search {
    border-radius: 5px !important;
  }
  #plsearch-input-box,
  #search-input-box {
    padding-left: 0 !important;
  }
  .order_list_filter li:last-child {
    display: block;
    width: 100%;
    margin-bottom: 5px;
  }
  .email-verify span.tooltip-btn {
    right: 0px;
  }
  .product_search_List > .form-group {
    width: 100%;
  }
  #search-input-box {
    padding-left: 0;
    margin: 0 -5px 1rem;
  }
  .app-menu {
    opacity: 1;
  }
  .sidebar-collapse .sidebar-footer a span {
    display: inline-block !important;
  }
  table.table.mobile-table.order-table td:first-child {
    padding-left: 0 !important;
  }
  table.table.mobile-table.order-table .order_collapsetable td:first-child {
    padding-left: 160px !important;
  }
  .order_collapsetable th {
    display: none;
  }
  .desktop-logo {
    display: block;
  }
  .awaitShipment_table tbody th {
    display: none;
  }
  .awaitShipment_table tbody th:first-child {
    display: block;
  }
  ul.finalcheck_list {
    width: 100%;
    max-width: 100%;
  }
  .wizard-content .wizard > .steps > ul > li {
    display: inline-block;
    width: auto;
    float: none;
  }
  .wizard-content .wizard > .steps > ul {
    margin-bottom: 0;
  }
  .ship_box li {
    width: 50%;
  }
  #daterange-btn {
    width: 100%;
    padding: 7px;
    margin-top: -35px;
  }

  #myTable .w-80 {
    width: 100% !important;
  }
  .setting-tab-box .form-control {
    width: 100%;
  }
  .delivery_box .row {
    margin-bottom: 20px;
  }
  .order_detail > .row > div {
    width: 100%;
  }
  .import-product-outer {
    width: 250px;
  }
  .importProBox {
    margin-bottom: 15px;
  }
  .desktop_dis {
    display: none;
  }
  .mobile_dis {
    display: block;
  }
  .custom-table img.ship_flag {
    width: auto !important;
    height: auto !important;
  }
  .Payment_method_br {
    margin: 0;
  }
  .lightbox-modal .carousel-caption {
    width: 30%;
  }
  .lightbox-modal .carousel-item {
    width: 70%;
  }
  .lightbox-modal .pro_img {
    width: 70%;
    margin: auto;
  }

  #carouselExampleIndicators .pro_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
  }

  .lightbox-modal .carousel-control-next {
    right: 30%;
  }

  .order_detail .header {
    border-radius: 10px 10px 0 0 !important;
  }

  #shipping tr:first-child {
    display: none;
  }
  .cancel_table th,
  .cancel_table td {
    white-space: normal !important;
  }
  .card-body.wallet-sec {
    padding: 0;
  }
  span.mobile-logo {
    margin-left: 0 !important;
  }
  .upload__message {
    margin: 0 !important;
  }
  .mobile-table thead {
    display: none;
  }
  table.table.mobile-table .details-control-info td {
    padding: 15px !important;
  }
  .orderDetails.d-flex {
    display: block !important;
  }
  span.orderdate br {
    display: none;
  }
  .row.order-filter > div {
    margin-top: 6px;
  }
  .nav-tabs .nav-link {
    padding: 5px 10px;
    background: #eee;
    margin-right: 8px !important;
    margin-bottom: 5px;
    font-size: 12px;
  }
  .mobile-table span.badge {
    display: inline-block;
    padding: 5px 15px;
  }
  .mobile-table td:before {
    content: attr(data-label);
    display: inline-block;
    position: absolute;
    top: 34%;
    left: 10px;
    text-transform: uppercase;
  }
  table.table.mobile-table td {
    text-align: left !important;
    padding-left: 160px !important;
  }

  .mobile-table tr,
  .mobile-table td {
    display: block;
    width: 100%;
    border: 0;
    position: relative;
  }
  .mobile-table tr {
    border-bottom: 1px solid #ccc;
  }
  .mobile-table td:nth-child(2n) {
    background: #f3f3f180;
  }
  .modal-dialog.modal-xl {
    width: 90%;
    max-width: 100%;
    margin: 1.75rem auto !important;
  }
  .productCatalog__filters .col-md-3 {
    width: 50%;
    margin-bottom: 5px;
  }
  .main-sidebar {
    padding-top: 50px;
  }
  .fixed .multinav {
    height: calc(100% - 50px);
  }
  .custom-table img {
    width: 40px !important;
    height: 40px !important;
    border: none;
    border-radius: 5px;
  }
  .checkbox-table td:first-child,
  .custom-table td.image--cover {
    background: #f1f2f7;
    clear: none;
    width: 50%;
    float: left;
  }
  .checkbox-table td:first-child:before,
  .custom-table td.image--cover:before {
    display: none;
  }
  table.table.checkbox-table td:first-child,
  table.table.custom-table td.image--cover {
    height: 60px;
    padding-left: 10px !important;
  }
  .checkbox-table td .form-check {
    margin-top: 11px;
  }
  .custom-table td {
    clear: both;
  }
  .pro-list-info {
    display: inline-block;
  }
  .table > tbody > tr > td,
  .table > tbody > tr > th {
    white-space: normal !important;
  }
  .integrations_table td:first-child,
  .variants-table.mobile-table td:first-child {
    width: 100% !important;
  }
  table.table.checkbox-table td.checkbox-col {
    width: 100%;
  }
  table.dataTable td,
  table.dataTable th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mobile-table thead {
    display: none;
  }
  .card.welcome-card .btn {
    width: 150px;
    padding: 10px;
  }

  .mobile-logo {
    display: none !important;
  }
  .mobile-logo img {
    width: 34px;
    margin-top: 5px;
  }
  div#interval {
    margin-top: 10px;
  }
  .body.filter_bar.list_bar .row > div {
    width: 100%;
  }
  .support_outer .col-md-3.col-sm-6 {
    width: 50%;
  }
  .support-box {
    margin: 0 0 15px;
  }
  .featured-product .col-lg-4.col-md-6,
  .featured-product .col-lg-2.col-md-6 {
    width: 50%;
  }
  .product_box {
    margin-bottom: 10px;
  }
  .add-store .col-sm-6,
  .row.col5 .col {
    flex: 0 0 auto;
    width: 50%;
  }
  .store-box {
    min-height: 100px;
  }
  .welcome_user_cont li {
    list-style: none;
  }
  .wallet-icon {
    margin: auto;
  }
  .main-header .navbar {
    padding: 0;
  }

  .main-header > div {
    width: 130px !important;
  }
  .user_name {
    display: none;
  }
  li.dropdown.user.user-menu a {
    padding: 0;
    height: auto;
  }
  li.dropdown.user.user-menu img {
    width: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
  }
  .main-header .navbar {
    width: auto;
    flex-direction: row-reverse !important;
    justify-content: end;
  }
  .app-menu a {
    color: #fff !important;
    display: block !important;
  }
  #quick-view-product .nav-tabs .nav-link {
    padding: 8px;
    font-size: 12px;
  }
  .vtabs {
    display: block;
  }
  .vtabs .tabs-vertical li .nav-link {
    padding: 15px 5px;
  }
  .progress_wrap {
    width: 150px;
  }
  .progress_wrap h3 {
    font-size: 11px;
  }
  .vtabs .tabs-vertical {
    width: 100%;
    display: block;
  }
  button.btn.filter-btn {
    padding-left: 7px;
    font-size: 11px;
  }
  .table > tbody > tr > td {
    font-size: 12px;
  }
  .form-group {
    font-size: 13px;
  }
  .detail_page_outer .pull-right.mb-20 {
    float: none;
    margin: auto;
    display: block;
  }
  .form-group h6 {
    font-weight: 800;
    display: inline-block;
  }
  .filter_bar .row > div {
    width: 100%;
  }
  .card-body.plan_body {
    padding: 0;
  }
  .col-md-4.payment_border {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 0 10px;
    margin: 15px 0;
  }
  .delivery_box ul.list-unstyled {
    margin-top: 15px;
  }
  .category_dropdown {
    width: 100%;
    position: relative;
    margin-bottom: 5px;
  }
  .body.filter_bar .search-input {
    padding-left: 10px !important;
  }
  .body.filter_bar > .form-group {
    margin: 0 -5px 5px;
  }
  .category_dropdown button {
    margin-bottom: 5px;
    border-radius: 5px;
    border: none;
  }
  .orderd_page_head.d-flex {
    flex-wrap: wrap;
  }
  .orderd_page_head .col1:nth-child(2),
  .orderd_page_head .col1:nth-child(4),
  .orderd_page_head .col1:nth-child(6) {
    text-align: right;
  }
  .main-sidebar {
    padding-top: 55px !important;
  }
  .header.mobile_header.pt-0.pb-0 {
    padding: 15px !important;
    background: #e2e5f3 !important;
  }
  .sidebar-collapse span.desktop-logo {
    display: block;
  }
  .custom-table img.flag_size {
    height: auto !important;
    width: 30px !important;
  }
  .shipto_table td .d-flex.justify-content-end {
    justify-content: flex-start !important;
  }
  .delete i.fa.fa-trash {
    font-size: 20px;
  }
  .orderd_page_head .col1:nth-child(2),
  .orderd_page_head .col1:nth-child(1) {
    margin-bottom: 10px !important;
  }
  .main-sidebar {
    width: 100%;
    left: auto;
    right: 0;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover,
  .fixed .multinav {
    width: 100%;
  }
  .sidebar-mini.sidebar-collapse .sidebar-user-panel {
    display: block !important;
  }
  .sidebar-collapse .main-sidebar:hover .sidebar-footer a span,
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .sidebar-user-panel {
    display: block !important;
    width: 100%;
  }
  .orderd_page_head .col1:nth-child(2),
  .orderd_page_head .col1:nth-child(1) {
    margin-bottom: 10px !important;
  }
  .navbar-custom-menu .navbar-nav {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
  .main-header .navbar-custom-menu .navbar-nav > li {
    height: auto;
  }
  .main-header .push-btn {
    margin: 0 !important;
    padding: 0;
    line-height: 50px;
  }
  span.desktop-logo {
    width: 130px;
    margin: 0 !important;
  }
  .main-header > div {
    width: 160px !important;
  }
  .main-header > div .logo .logo-lg {
    line-height: 55px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo-box {
    width: 160px !important;
  }
  .app-menu {
    margin-top: 0;
  }
  .main-header .navbar-custom-menu .navbar-nav > li > a.dropdown-toggle {
    margin: 0px 5px !important;
  }
  .sidebar-collapse span.desktop-logo img {
    width: 100%;
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .row > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  table.table.varian_table {
    table-layout: auto;
  }
  .varian_table .varColName {
    min-width: 100px;
  }
  li.breadcrumb-item:first-child {
    display: block;
    width: 100%;
  }
  li.dropdown.user.user-menu img {
    height: 35px;
  }
  li.breadcrumb-item:nth-child(2) {
    padding-left: 0;
  }
  li.breadcrumb-item:nth-child(2):before {
    display: none;
  }
  .nav__menu--right {
    padding-top: 70px;
  }
  .category_dropdown {
    width: 90%;
  }
  #search-input-box .category_dropdown {
    width: 100%;
  }
  .filter_bar.board_filter .row.action_panel > div {
    width: 100% !important;
  }
  .ship_box li {
    width: 50%;
  }
  #daterange-btn {
    width: 100%;
    padding: 7px;
    margin-top: -45px;
  }
  .breadcrumb {
    margin: 0 0 5px;
  }
  table.table.mobile-table.order-table .order_collapsetable td:first-child {
    padding-left: 120px !important;
  }
  .retur_product_row tr,
  .retur_product_row tr td {
    display: block;
  }
  .retur_product_row td.order-meta {
    display: none;
  }
  .add_row_div td {
    display: block;
  }
  .tooltip_box .tooltip-btn {
    padding: 0;
  }
  div#add_more_field_box {
    margin-top: 15px;
  }
  .bootstrap-select.btn-group .dropdown-menu {
    width: 100%;
  }
  a#add_more_field_button {
    margin-top: 10px;
  }
  .wizard-content .wizard > .steps > ul > li > a {
    background: #000;
    padding: 7px;
    font-size: 11px;
  }
  .theme-primary .wizard-content .wizard > .steps > ul > li.done a:after {
    right: auto;
    left: 5px;
    font-size: 20px;
  }
  .wizard-content .wizard > .steps > ul > li {
    margin: 0;
  }
  .wizard-content .wizard > .steps {
    background: transparent;
    padding: 0;
  }
  .wizard-content .wizard.wizard-circle > .steps .step {
    display: none;
  }
  .wizard-content .wizard > .steps > ul > li {
    display: block;
    float: left;
    width: 50%;
  }
  .integrations__images {
    width: 100%;
  }
  #add_more_field_box td,
  .productSpecific td {
    padding: 0;
  }
  .productCatalog__filters .col-md-3 {
    width: 100%;
  }
  #daterange-btn {
    margin-bottom: 10px;
    margin-top: 0;
  }
  .progress {
    margin-bottom: 5px;
  }
  .integrations__images .col-sm-6 {
    width: 50%;
  }
  [type="radio"]:not(:checked) + label,
  [type="radio"]:checked + label {
    padding-left: 35px !important;
  }
  .header.bg-grey .btn.btn-primary {
    position: relative;
    right: 0;
    display: block;
  }
  .upload__message {
    width: 100%;
  }
  .btn-group.custom-radio-tab {
    display: block;
  }
  .btn-group.custom-radio-tab label {
    display: block;
    border-radius: 0 !important;
    border-top: none !important;
  }
  .color_type {
    width: 100%;
  }
  .btn-group.custom-radio-tab {
    border-top: 1px solid #000;
  }
  .price_change select,
  .color_type select {
    width: 100%;
    float: none;
  }
  span.color-picker,
  .custom_img_box.patter_img {
    float: none;
    width: 100%;
    display: block;
    margin: 5px 0 0;
  }
  .custom_img_list {
    right: 15px;
  }
  .total_cost {
    width: auto;
  }
  .orderd_product_table img {
    width: 80px;
    height: 80px;
  }
  .price_change {
    flex-wrap: wrap;
  }
  .price_change select {
    margin-right: 0;
  }
  .quickStart__content h3 {
    font-size: 18px;
  }
  .stepcount {
    width: 33.33%;
  }
  .act_btn .btn {
    padding: 10px;
    font-size: 13px;
  }
  .orderd_page_head h5 {
    font-size: 13px;
    margin: 0;
  }
  .quick_start_panel {
    padding-top: 100px !important;
  }
  .stepcount h6 {
    font-size: 10px;
  }
  .refund_summary {
    margin-top: 30px;
  }
  .welcome_inner.text-center {
    padding-bottom: 150px;
  }
  .subscription_card .text-center,
  .subscription_card .welcome_inner {
    text-align: left !important;
  }
  .subscription_card li {
    list-style: disc;
  }
  .orderd_page_head .col1:last-child {
    width: 100%;
    margin: 15px 0 0 !important;
  }
  .tag_outer .col-sm-12 {
    width: 100% !important;
  }
  .tag_outer .tagify__tag {
    margin-bottom: 5px;
    font-size: 11px;
  }
  .card-body.plan_body {
    padding: 0 20px;
  }
  h2 {
    font-size: 20px;
  }
  .store-box h5 {
    font-size: 13px;
  }
  .col5 .btn,
  .add-store .btn {
    padding: 5px 10px;
  }
  .card {
    margin-bottom: 10px !important;
  }
  .store-box p {
    font-size: 12px;
  }
  .action_panel .btn {
    display: block;
    width: 100%;
    margin: 5px 0;
  }
  .progress_wrap {
    width: 100%;
    position: fixed;
    left: 0;
    top: 40px;
    background: #000;
    padding: 0 15px;
  }
  button#search {
    top: auto;
    bottom: 0;
    height: 40px;
  }
  .support-box {
    display: block;
    padding-bottom: 40px;
  }
  .support-box-cont {
    text-align: center;
    width: 100%;
  }
  .body.filter_bar .form-group input.form-control {
    padding-left: 10px !important;
  }
  .category_dropdown button {
    width: 100% !important;
    border-radius: 5px;
    position: relative;
    margin-bottom: 7px;
  }
  .body.filter_bar .form-group {
    margin-bottom: 7px;
  }

  .form-floating > label {
    font-size: 9px;
    padding-left: 5px;
    top: 12px;
  }
  .filter_bar .bootstrap-select > .dropdown-toggle {
    height: 35px;
    padding-left: 5px;
    font-size: 8px;
  }
  .body.filter_bar .form-group input.form-control {
    height: 35px !important;
  }
  .filter_bar > .form-group {
    margin: 0 -5px;
  }
  [type="checkbox"] + label {
    font-size: 12px;
    padding-left: 27px;
  }
  .featured_pro_inner span {
    left: 10px;
    top: 10px;
    font-size: 13px;
  }
  .featured_pro_inner.fmid,
  .featured_pro_inner.fsmall {
    height: 100px;
  }
  .featured_pro_inner.flarge {
    height: 210px;
  }
  .premium_box {
    height: 100px;
  }
  .premium_box.premium i {
    margin-top: 25px;
  }
  .premium_box a span {
    font-size: 13px;
  }
  .premium_box.show-more i {
    font-size: 30px;
    margin: 25px 0 5px;
  }
  .product_catalog_list .col-sm-6 {
    width: 50%;
  }
  span.product_featured {
    font-size: 11px;
  }
  .product_img .badge {
    font-size: 10px;
    padding: 3px 5px;
  }
  .product_img {
    margin-bottom: 05px;
  }
  .product_price > div,
  .product_info > div {
    width: 100%;
    text-align: center !important;
  }
  .product_price h3 {
    font-size: 16px;
  }
  .product_box h2 {
    margin-bottom: 0;
    text-align: center;
  }
  .product_price {
    margin: 10px 0;
  }
  .product_box a.btn {
    padding: 5px;
  }
  .upgrade_box {
    padding: 15px;
  }
  .upgrade_box h2 {
    margin: 10px 0;
    font-size: 16px;
    font-weight: 800;
  }

  .upgrade_box a.btn.bg-white {
    padding: 5px;
    margin: 10px 0;
    width: 140px;
  }

  .upgrade_box a.btn.bg-white {
    margin-top: 110px;
  }
  .action_panel .btn,
  .action_panel > div {
    display: inline-block;
    width: auto;
  }
  .productCatalog__filters .col-sm-4 {
    width: 50%;
    margin-bottom: 7px;
  }
  .imageloaderFile,
  .imageloaderFile1 {
    width: 78px;
    height: 78px;
    padding: 5px;
  }
  .imageloaderFile:first-child {
    height: 165px;
  }
  .imageloaderFile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .filter_bar .action_panel > div,
  .filter_bar .action_panel .btn {
    width: 100%;
  }
  .welcome_inner {
    display: block !important;
    text-align: center;
  }
  .welcome_user_img {
    margin: auto;
  }
  .welcome_user_cont {
    width: 100%;
  }
  .bootstrap-select.location button {
    width: 100% !important;
  }
  .upgrade_box {
    height: 487px;
  }
  .promo_code {
    width: 300px;
  }
  .notifications-type.d-flex {
    flex-wrap: wrap;
  }
  .upload_box span {
    margin: 12px 0 0;
    font-size: 13px;
    padding: 0 5px;
  }
  .upload_box p {
    padding: 23px 5px;
  }
  .user-panel-sidebar {
    margin-bottom: 5px;
  }
  .sidebar-menu > li > a > i {
    margin-right: 10px;
    font-size: 10px;
    width: 28px;
    line-height: 17px;
    height: 28px;
  }
  .sidebar-menu > li > a {
    font-size: 12px;
    padding: 5px 0;
  }
  li.sidebar-user-panel a {
    font-size: 13px;
    padding: 5px !important;
  }
  .upload_box {
    width: 98px !important;
    height: 98px;
  }
  .sidebar-userpic-name {
    font-size: 16px;
    line-height: 16px;
  }
  .user-panel-sidebar .image {
    width: 15%;
  }

  .quickStart__contentAction.text-end {
    text-align: center !important;
  }
  #last .card-body,
  #return-policy .card-body.plan_body {
    padding: 0;
  }
  #return-policy .custom_plan {
    margin: 0 auto;
  }
  .quickStart__contentAction button.btn.btn-primary,
  .quickStart__contentAction button.btn.btn-secondry {
    font-size: 12px;
    padding: 10px;
  }
  #return-policy .custom_plan h2 {
    font-size: 20px;
    margin: 0;
  }
  #gatting-paid .mobile-table td:nth-child(2n) {
    background: transparent;
  }
  #quick-view-product h2.box-title {
    font-size: 14px;
  }
  .order_img {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
  }
  .orderd_page_head h5 {
    width: 100px;
    white-space: normal;
  }
  .custom-table img.ship_flag {
    width: auto !important;
    height: auto !important;
  }
  ul.product-personalizer-menu li a {
    padding: 8px 15px;
  }
  ul.product-personalizer-menu,
  ul.product-personalizer-menu li > ul {
    padding-left: 10px;
  }
  .price_change input.form-control.price-add,
  .varient_select {
    float: none;
    width: 100%;
    margin-top: 5px;
  }
  .price_change select {
    width: 100%;
  }
  .varient_select .btn {
    width: 100%;
    margin: 0 0 5px;
  }
  .varient_select input.form-control {
    width: 100%;
    margin: 0;
  }
  .img-avai-list-box-inner .col-sm-3 {
    width: 20%;
  }
  .div_loader img {
    height: auto;
    margin: 50px 0 0;
    width: 100%;
  }
}

@media (max-width: 480px) {
  ul.nav.nav-tabs .nav-item {
    margin: 0;
  }
  .email-verify span.text-danger.mandatory {
    right: 20%;
  }
  .product_search_List > .tooltip-btn {
    position: absolute;
    right: 0;
    top: 5px;
  }
  #add_payment .modal-dialog {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  [type="checkbox"] + label {
    line-height: 21px;
  }
  .filter_bar li.nav-item {
    width: 100%;
    margin: 0;
  }
  .nav-tabs .nav-link {
    margin-right: 0 !important;
  }
  .nav-tabs .nav-link:after {
    display: none;
  }
  .retur_product_row a.btn {
    padding: 10px;
    width: 100%;
    margin: 5px 0;
  }
  .refund_steps_outer .refund_date {
    flex-basis: 60px;
  }
  .refund_steps_outer li:before {
    left: 74px;
  }
  .lightbox-modal .carousel-item {
    width: 100%;
    height: 70%;
  }
  .carousel-caption p {
    margin: 0;
  }
  .lightbox-modal .carousel-control-next {
    right: 0;
  }
  .lightbox-modal .carousel-caption {
    width: 100%;
    padding: 5px 15px;
    left: 0;
    top: auto;
    height: 30%;
    overflow: auto;
    bottom: 0;
  }
  .lightbox-modal .pro_img {
    width: 90%;
    margin: auto;
  }
  .lightbox-modal .carousel-caption h5 {
    font-size: 16px;
    margin: 0;
  }
  .mobile-table td:before {
    width: 140px;
  }
  .gap-items button {
    width: 100%;
    margin: 0 0 10px;
  }
  #quick-view-product li.nav-item {
    width: 100%;
  }
  #shipping table tr:first-child {
    display: none;
  }
  .tag_outer .col-sm-12 {
    display: flex;
    flex-wrap: wrap;
  }
  #DataTables_Table_0_wrapper .btn-group.btn-toggle .btn {
    padding: 5px 9px;
  }
  .tag_outer .tagify__tag {
    font-size: 11px;
    width: 48%;
    margin: 3px 1%;
  }
  .tag_outer .tagify__tag i {
    float: right;
    margin-top: 3px;
  }
  table.table.mobile-table td {
    text-align: left !important;
    padding-left: 140px !important;
  }
  .orderd_product_info h5 {
    font-size: 12px;
  }
  .bootstrap-select.location {
    width: 100% !important;
    display: block !important;
  }
  .plan_outer .btn-toggle button {
    font-size: 13px;
    padding: 7px 20px;
  }
  #annually:after {
    width: 50px;
    padding: 16px 4px;
    font-size: 8px;
    height: 50px;
    background-size: 100%;
  }
  #add_fund .table > tbody > tr > td,
  #add_fund .table > tbody > tr > th {
    display: block;
    border: none;
    padding: 0;
  }
  .product_price > div,
  .product_info > div {
    width: 50%;
    text-align: left !important;
  }
  .product_catalog_list .col-sm-6 {
    width: 100%;
  }
  .product_price > div:last-child,
  .product_info > div:last-child {
    text-align: right !important;
  }

  .pagination_outer {
    align-items: center;
    flex-wrap: wrap;
  }
  .pagination {
    margin-top: 10px;
  }
  #shipping .p-15 {
    padding: 0 !important;
  }
  .wallet-footer {
    flex-wrap: wrap;
    justify-content: center;
  }
  .wallet-footer h3 {
    margin-bottom: 10px !important;
  }
  .upgrade_box {
    margin-bottom: 10px;
  }
  .variants-table .form-control {
    width: 125px;
  }
  #quick-view-pop-outer .modal-dialog.modal-xl {
    width: 90%;
  }
  .orderd_product_table a.btn.btn-primary {
    margin-bottom: 10px;
  }
  .orderd_product_table a.btn {
    width: 100%;
  }
  .theme-primary .btn-primary,
  .theme-primary .btn-light,
  .btn {
    padding: 5px 10px;
    font-size: 13px;
  }
  .pagination li a {
    min-width: 40px;
    padding: 4px;
  }
  .ship_box li {
    width: 100%;
    margin-bottom: 5px;
  }
  .action_panel .btn {
    padding: 5px 10px;
    font-size: 12px;
  }
  .imageloaderFile:first-child,
  .imageloaderFile,
  .imageloaderFile1 {
    height: 78px;
    width: 78px;
  }
  .return_reos_table td {
    display: block;
  }
  .add-store .col-sm-6,
  .row.col5 .col {
    width: 100%;
  }
  #interval .d-flex.mb-10 {
    display: block !important;
    width: 100%;
  }
  #interval .form-floating {
    width: 100%;
  }
  .priformula .priceFormula__rangeColumn.d-flex {
    margin-left: 10px;
    display: block !important;
  }
  .priceFormula__rangeColumn span {
    line-height: 13px;
  }
  .hover-data,
  .rpro-meta {
    width: 200px;
  }
  .prev_detail {
    display: block;
  }
  .prev_detail h2 {
    font-size: 13px;
    margin-bottom: 8px;
  }
  #invoice table td td td {
    padding: 5px;
  }
  #Payment_info td td {
    display: table-cell;
  }
  #Payment_info td {
    display: block;
  }
  button#saveDraft {
    position: relative;
    right: auto;
    bottom: auto;
  }
  ul.product-personalizer-menu li a {
    font-size: 12px;
    padding: 8px 10px;
  }
}

@media (max-width: 350px) {
  .mobile-table td:before {
    width: 125px;
  }
  table.table.mobile-table td {
    padding-left: 130px !important;
  }
  .img-avai-list-box-inner .col-sm-3 {
    width: 33.33%;
  }
  .item_cost {
    font-size: 10px;
  }
  .order_d_box .orderd_product_table img {
    width: 60px;
    height: 60px;
  }
  .tag_outer .tagify__tag {
    width: 100%;
    margin: 3px 0;
  }
}

.img-avai-list {
  cursor: pointer;
}
.thumbimg2 {
  position: relative;
  margin: 10px 0;
}

.thumbimg2 [type="checkbox"]:not(:checked),
.thumbimg2 [type="checkbox"]:checked {
  left: 10px;
  top: 10px;
  opacity: 1;
  width: 17px;
  height: 17px;
}
.img-avai-list-box-inner {
  height: 400px;
  overflow-y: auto;
  padding: 15px;
}
span.img_name {
  font-size: 12px;
}
.view_order_link:hover {
  text-decoration: underline;
}
tr.grayBg {
  background: #e5e4e4;
}