@import url("../../../assets/fonts/futura-medium.css");
@import url("../../../assets/fonts/futura-bold.css");
@import url("../../../assets/fonts/futura-book.css");
@import url("../../../assets/fonts/futura-medium-italic.css");
@import url("../../assets/css/heigh-chart.css");

.form-control:disabled {
  opacity: 0.5;
}
.width-menu-open {
  overflow: hidden !important;
}
.bid-product-quantity-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.bid-product-quantity-note h3 {
  font-size: 14px !important;
  color: #CA3535 !important;
  letter-spacing: 0 !important;
  min-width: 10px;
  font-family: "Conv_futuramediumbt" !important;
}

.bid-product-quantity-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 100%;
}

.back-to-editpage {
  background-color: rgba(0, 0, 0, 0.4);
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.back-to-editpage .back-to-editpage-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.back-to-editpage .remove-preview-div .remove-preview {
  font-size: 22px;
  color: #ffffff;
  text-decoration: none;
}

.btn-back-to-edit {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: #222221;
  font-size: 18px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 256px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.btn-back-to-edit i {
  margin-right: 10px;
}

.btn-back-to-edit:hover {
  color: #FFFFFF;
}

.header-reseller {
  margin-top: 0;
}

.header-reseller .navbar {
  margin-top: 0;
  -webkit-box-shadow: 0 2px 54px 0 #F7F7F8;
  box-shadow: 0 2px 54px 0 #F7F7F8;
  border-bottom: 0;
}

.header-reseller .navbar .collapse1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
}

.header-reseller .navbar .collapse1 .mobile-menu {
  display: block !important;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links {
  display: block;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul {
  display: block;
  margin-bottom: 0;
  padding: 0;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul li {
  list-style: none;
  display: inline-block;
  border-right: 2px solid #cbcbcb;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a {
  font-size: 17px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  padding: 0 20px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -6px;
  left: 0px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.header-reseller .navbar .collapse1 .mobile-menu .account-links ul li:last-child {
  border-right: 0px;
}

.hader-dashboard.collapsed-header .resellear-welcome-content {
  padding-left: 80px !important;
}

.hader-dashboard .navbar {
  position: fixed !important;
  top: 0;
  left: 0;
  -webkit-animation-name: none !important;
  animation-name: none !important;
  background-color: #fafafa;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.hader-dashboard .navbar .nav-dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hader-dashboard .navbar .resellear-welcome-content {
  padding-left: 280px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hader-dashboard .navbar .resellear-welcome-content h3 {
  font-size: 24px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  padding-left: 15px;
}

.hader-dashboard .navbar .resellear-welcome-content h3 span {
  color: #727272;
  font-family: "FuturaBT-MediumItalic";
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links {
  display: block;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li a::after {
  display: none !important;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification {
  border: 0;
  vertical-align: middle;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification:after {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background-color: #E02020;
  content: '';
  position: absolute;
  right: -3px;
  top: -3px;
  display: none;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FFFFFF;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  border-radius: 4px;
  height: 40px;
  width: 40px;
  border: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a .text-notifiaction {
  display: none;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu {
  margin-top: 15px;
  width: 340px;
  right: 0;
  left: auto;
  padding: 10px 0px 0 0px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(151, 151, 151, 0.5);
  box-shadow: 0 6px 10px 0 rgba(151, 151, 151, 0.5);
  border-radius: 0 0 0 0 6px 6px 6px;
  border: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu::after {
  content: '';
  top: -18px;
  position: absolute;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 16px 8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.03) transparent;
  z-index: 3332;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu::before {
  content: '';
  top: -16px;
  position: absolute;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 16px 8px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 3333;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner {
  max-height: 400px;
  overflow-y: auto;
  padding: 0 10px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner::-webkit-scrollbar {
  width: 4px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner::-webkit-scrollbar-thumb {
  background: #e8e8e8;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner::-webkit-scrollbar-thumb:hover {
  background: #CBCBCB;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  padding: 8px 0;
  line-height: 15px;
  margin: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li {
  display: block;
  width: 100%;
  text-align: left;
  border-right: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li a {
  color: #727272;
  background: #FFFFFF;
  -webkit-box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  border-radius: 4px;
  letter-spacing: 0;
  padding: 10px;
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li a:before {
  display: none;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row:hover {
  background-color: rgba(255, 194, 15, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-profile .circle {
  height: 34px;
  width: 34px;
  min-width: 34px;
  background-color: #FFC20F;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-profile .circle i {
  font-size: 16px;
  color: #222221;
  font-weight: 700;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-profile .circle-gray {
  background-color: #CBCBCB;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content {
  padding-left: 10px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content h3 {
  font-size: 16px;
  color: #222221;
  letter-spacing: 0;
  line-height: 21px;
  padding: 0;
  margin-bottom: 8px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content p {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "futurabook";
  margin-bottom: 10px;
  white-space: normal;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content .noti-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content .noti-time span {
  width: auto;
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  text-align: left;
  padding: 0 15px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu ul li .notification-row .user-content .noti-time span:first-child {
  border-right: 1px solid #CBCBCB;
  padding-left: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #E8E8E8;
  border-radius: 0 0 6px 6px;
  padding: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a span {
  margin-right: 10px;
  display: inline-block;
  height: 40px;
  width: 40px;
  border-radius: 100px;
  overflow: hidden;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu {
  margin-top: 15px;
  right: -20px;
  left: auto;
  width: 270px;
  padding: 15px 0px;
  background: #FFFFFF;
  -webkit-box-shadow: 0 6px 10px 0 rgba(151, 151, 151, 0.5);
  box-shadow: 0 6px 10px 0 rgba(151, 151, 151, 0.5);
  border-radius: 0 0 0 0 6px 6px 6px;
  border: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::after {
  content: '';
  top: -18px;
  position: absolute;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 16px 8px;
  border-color: transparent transparent rgba(0, 0, 0, 0.03) transparent;
  z-index: 3332;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::before {
  content: '';
  top: -16px;
  position: absolute;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 16px 8px;
  border-color: transparent transparent #ffffff transparent;
  z-index: 3333;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li {
  display: block;
  width: 100%;
  text-align: left;
  border-right: 0;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li a {
  font-size: 15px;
  color: #222221;
  letter-spacing: 0;
  line-height: 40px;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li a:before {
  display: none;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li a:hover {
  color: #727272;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li.logout-link {
  margin-top: 5px;
  border-top: 1px solid #CBCBCB;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.userdropdown-arrow a {
  position: relative;
}

.hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.userdropdown-arrow a:before {
  display: block;
  content: '\e92e';
  font-family: Feather;
  margin-left: auto;
  position: absolute;
  right: -8px;
  top: 8px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

.collapse-menu {
  width: 70px !important;
}

.collapse-menu .nav-logo-section {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.collapse-menu .rightside-inner {
  height: calc(100vh - 230px) !important;
}

.collapse-menu .profile-timeline {
  display: none !important;
}

.collapse-menu .dash-logo {
  width: 40px !important;
}

.collapse-menu .dash-logo .logo-one {
  display: none !important;
}

.collapse-menu .dash-logo .logo-two {
  display: block !important;
  position: relative;
  top: -35px;
}

.collapse-menu i {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.collapse-menu .text-collaps-menu {
  display: none !important;
}

.collapse-menu .nav-footer {
  display: none !important;
}

.mobile-menu .menu-cloned-three {
  display: none;
}

.mobile-menu .rightside-menu {
  padding: 0px 0;
  background-color: #222221;
}

.mobile-menu .rightside-menu .rightside-inner {
  min-height: 500px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
  position: relative;
}

.mobile-menu .rightside-menu .rightside-inner::-webkit-scrollbar {
  width: 5px;
}

.mobile-menu .rightside-menu .rightside-inner::-webkit-scrollbar-track {
  background: #222221;
}

.mobile-menu .rightside-menu .rightside-inner::-webkit-scrollbar-thumb {
  background: #888;
}

.mobile-menu .rightside-menu .rightside-inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item {
  padding-bottom: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul {
  margin: 0;
  padding: 0;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li.active {
  background: black;
  color: #fafafa;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li.active a.nav-link.active {
  position: relative;
  color: #fafafa !important;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li.active a.nav-link.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #FFC20F;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li.active a.nav-link.active .icon-img {
  background-color: #ffffff !important;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 10px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #737372 !important;
  letter-spacing: -0.05px;
  padding: 14px 22px;
  font-family: "Conv_futuramediumbt";
  width: 100%;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff !important;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a:hover i.icon-img {
  background-color: #ffffff;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-img {
  -webkit-mask-size: contain;
  display: inline-block;
  vertical-align: middle;
  mask-size: contain;
  background-color: #737372;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  min-width: 24px;
  min-height: 24px;
  position: relative;
  left: -2px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-service {
  -webkit-mask: url(../images/icons/service.svg) no-repeat 50% 50%;
  mask: url(../images/icons/service.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-appointment {
  -webkit-mask: url(../images/icons/apponiment.svg) no-repeat 50% 50%;
  mask: url(../images/icons/apponiment.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-manage-quote {
  -webkit-mask: url(../images/icons/manage-quote.svg) no-repeat 50% 50%;
  mask: url(../images/icons/manage-quote.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-product {
  -webkit-mask: url(../images/icons/product.svg) no-repeat 50% 50%;
  mask: url(../images/icons/product.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-coupon {
  -webkit-mask: url(../images/icons/coupon.svg) no-repeat 50% 50%;
  mask: url(../images/icons/coupon.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-service-mgmt {
  -webkit-mask: url(../images/icons/service-manegment.svg) no-repeat 50% 50%;
  mask: url(../images/icons/service-manegment.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-tips {
  -webkit-mask: url(../images/icons/Tips.svg) no-repeat 50% 50%;
  mask: url(../images/icons/Tips.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a span.icon-nav {
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a span.icon-nav img {
  min-width: 30px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a .text-collaps-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
  width: 100%;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a .text-collaps-menu .tag {
  padding: 2px 5px;
  border-radius: 8px;
  background-color: #ffc20f;
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #222221;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav {
  width: 100%;
  margin-top: 8px;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav li {
  display: block;
  width: 100%;
}

.mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.mobile-menu .rightside-menu .rightside-inner .nav-footer {
  position: relative;
  bottom: unset;
  left: unset;
  background-color: #000000;
  height: 35px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 0;
}

.mobile-menu .rightside-menu .rightside-inner .nav-footer Ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mobile-menu .rightside-menu .rightside-inner .nav-footer Ul li {
  width: 100%;
  display: inline-block;
  border-right: 1px solid #ffffff;
}

.mobile-menu .rightside-menu .rightside-inner .nav-footer Ul li:last-child {
  border-right: 0;
}

.mobile-menu .rightside-menu .rightside-inner .nav-footer Ul li a {
  font-size: 12px;
  color: #FFFFFF !important;
  padding: 0 12px;
  font-family: "Conv_futuramediumbt";
  width: 100%;
  text-align: center;
  display: block;
}

.right-sidenav {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: fixed;
  top: 0;
  left: 0;
  background-image: linear-gradient(212deg, #222221 0%, #030303 100%);
  width: 270px;
  height: 100%;
  min-height: 100vh;
  z-index: 9999;
}

.right-sidenav .nav-logo-section {
  padding: 50px 20px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  min-height: 201px;
}

.right-sidenav .nav-logo-section:after {
  content: '';
  background-image: url(../images/dash-curve.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: -1px;
  bottom: 0;
  position: absolute;
  height: 100px;
  width: 25px;
}

.right-sidenav .nav-logo-section .dash-logo {
  width: 120px;
  min-height: 101px;
  max-height: 101px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.right-sidenav .nav-logo-section .dash-logo img {
  width: 100%;
  height: auto;
}

.right-sidenav .nav-logo-section .dash-logo .logo-one {
  display: block;
}

.right-sidenav .nav-logo-section .dash-logo .logo-two {
  display: none;
}

.right-sidenav .btn-collaps-nav {
  position: relative;
  display: block;
  width: 100%;
}

.right-sidenav .btn-collaps-nav a {
  position: absolute;
  right: -50px;
  top: -24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  border-radius: 100Px;
  background-color: #F2F2F2;
  z-index: 9999;
  text-decoration: none;
}

.right-sidenav .btn-collaps-nav a i {
  font-size: 24px;
  color: #222222;
  font-weight: 800;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.right-sidenav .profile-timeline {
  background-color: #222221;
  padding: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.right-sidenav .profile-timeline .timeline-inner h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: 0;
}

.right-sidenav .profile-timeline .timeline-inner .timeline-bar {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.right-sidenav .profile-timeline .timeline-inner .timeline-bar li {
  height: 8px;
  width: calc(20% - 1px);
  margin-right: 1px;
  display: inline-block;
  background-color: #727272;
  float: left;
}

.right-sidenav .profile-timeline .timeline-inner .timeline-bar li:first-child {
  border-radius: 4px 0 0 4px;
}

.right-sidenav .profile-timeline .timeline-inner .timeline-bar li:last-child {
  border-radius: 0 4px 4px 0;
}

.right-sidenav .profile-timeline .timeline-inner .timeline-bar li.active {
  background-color: #77B342;
}

.right-sidenav .profile-timeline .timeline-inner p {
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 0;
}

.right-sidenav .profile-timeline .timeline-inner p a {
  color: #FFFFFF;
}

.right-sidenav .rightside-menu {
  padding: 20px 0;
}

.right-sidenav .rightside-menu .rightside-inner {
  height: calc(100vh - 330px);
  min-height: 100px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
  position: relative;
}

.right-sidenav .rightside-menu .rightside-inner::-webkit-scrollbar {
  width: 5px;
}

.right-sidenav .rightside-menu .rightside-inner::-webkit-scrollbar-track {
  background: #222221;
}

.right-sidenav .rightside-menu .rightside-inner::-webkit-scrollbar-thumb {
  background: #888;
}

.right-sidenav .rightside-menu .rightside-inner::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item {
  padding-bottom: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul {
  margin: 0;
  padding: 0;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li.active {
  background: black;
  color: #fafafa;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li.active a.nav-link.active {
  position: relative;
  color: #fafafa;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li.active a.nav-link.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 4px;
  background-color: #FFC20F;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li.active.active a.active i.icon-img {
  background-color: #ffffff;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  margin-bottom: 10px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  color: #737372;
  letter-spacing: -0.05px;
  padding: 14px 22px;
  font-family: "Conv_futuramediumbt";
  width: 100%;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a:hover i.icon-img {
  background-color: #ffffff;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-img {
  -webkit-mask-size: contain;
  display: inline-block;
  vertical-align: middle;
  mask-size: contain;
  background-color: #737372;
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  min-width: 24px;
  min-height: 24px;
  position: relative;
  left: -2px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-service {
  -webkit-mask: url(../images/icons/service.svg) no-repeat 50% 50%;
  mask: url(../images/icons/service.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-appointment {
  -webkit-mask: url(../images/icons/apponiment.svg) no-repeat 50% 50%;
  mask: url(../images/icons/apponiment.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-manage-quote {
  -webkit-mask: url(../images/icons/manage-quote.svg) no-repeat 50% 50%;
  mask: url(../images/icons/manage-quote.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-product {
  -webkit-mask: url(../images/icons/product.svg) no-repeat 50% 50%;
  mask: url(../images/icons/product.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-coupon {
  -webkit-mask: url(../images/icons/coupon.svg) no-repeat 50% 50%;
  mask: url(../images/icons/coupon.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-service-mgmt {
  -webkit-mask: url(../images/icons/service-manegment.svg) no-repeat 50% 50%;
  mask: url(../images/icons/service-manegment.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a i.icon-tips {
  -webkit-mask: url(../images/icons/Tips.svg) no-repeat 50% 50%;
  mask: url(../images/icons/Tips.svg) no-repeat 50% 50%;
  width: 30px;
  height: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a span.icon-nav {
  margin-right: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a span.icon-nav img {
  min-width: 30px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a .text-collaps-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
  width: 100%;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li a .text-collaps-menu .tag {
  padding: 2px 5px;
  border-radius: 8px;
  background-color: #ffc20f;
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #222221;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav {
  width: 100%;
  margin-top: 8px;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav li {
  display: block;
  width: 100%;
}

.right-sidenav .rightside-menu .rightside-inner .side-nav-item ul li .sub-nav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.right-sidenav .rightside-menu .rightside-inner .nav-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #000000;
  height: 35px;
  width: 100%;
  max-width: 270px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px 0;
}

.right-sidenav .rightside-menu .rightside-inner .nav-footer Ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.right-sidenav .rightside-menu .rightside-inner .nav-footer Ul li {
  width: 100%;
  display: inline-block;
  border-right: 1px solid #ffffff;
}

.right-sidenav .rightside-menu .rightside-inner .nav-footer Ul li:last-child {
  border-right: 0;
}

.right-sidenav .rightside-menu .rightside-inner .nav-footer Ul li a {
  font-size: 12px;
  color: #FFFFFF;
  padding: 0 12px;
  font-family: "Conv_futuramediumbt";
  width: 100%;
  text-align: center;
  display: block;
}

.reseller-main {
  position: relative;
  margin-top: 77px;
}

.reseller-dashboard.dashboard-expand {
  padding-left: 95px !important;
}

.reseller-dashboard {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  position: relative;
  margin-top: 77px;
  background-color: #fafafa;
  padding-left: 295px;
}

.img-upload-slide {
  background: #fafafa;
  border: 1px solid #979797;
  height: 67px;
  width: 118px;
}

.img-upload-slide label {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.img-upload-slide label:after {
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  content: 'add';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  font-family: 'Material Icons';
}

.img-upload-slide label img {
  width: 100%;
  position: relative;
  z-index: 1;
}

.img-upload-slide input {
  display: none;
}

.modal {
  z-index: 999991;
}

.modal-backdrop {
  z-index: 99999;
}

.edit-info-btn {
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 10;
}

.edit-info-btn a {
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.04px;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  text-decoration: none;
}

.edit-info-btn a span.pen {
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 28px;
  width: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  margin-left: 20px;
}

.edit-info-btn a span.pen i {
  font-size: 14px;
  color: #FFC20F;
}

.form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .sell-page-reseller {
  background-color: #ffffff;
}

.middle-section .middle-inner .sell-page-reseller .sell-business-box {
  background-color: #fafafa !important;
}

.middle-section .middle-inner .authentication-section {
  background-color: #FAFAFA;
  position: relative;
  min-height: calc(100vh - 77px);
}

.middle-section .middle-inner .authentication-section .padr-35 {
  padding-right: 35px;
}

.middle-section .middle-inner .authentication-section .input-group-addon {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}

.middle-section .middle-inner .authentication-section .input-group-addon a {
  font-size: 19px;
  color: #cbcbcb;
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .authentication-section .background-pattern {
  background-image: url(../images/bg-404.svg);
  background-size: auto;
  background-position: bottom left;
  background-repeat: repeat-x;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
  position: fixed;
  bottom: 0;
  opacity: 0.6;
}

.middle-section .middle-inner .authentication-section .authentication-box {
  min-height: calc(100vh - 77px);
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner {
  -webkit-box-shadow: 0 22px 74px 0 #F2F2F2;
  box-shadow: 0 22px 74px 0 #F2F2F2;
  width: 100%;
  background-color: #ffffff;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .row-0 {
  margin: 0 0;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .row-0 .pad-0 {
  padding: 0 0;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form {
  background-color: #ffffff;
  min-height: 400px;
  padding: 55px 85px;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 {
  font-size: 30px;
  color: #000000;
  text-align: left;
  line-height: 40px;
  font-family: "Conv_Futura Bold";
  position: relative;
  margin-bottom: 20px;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3:after {
  content: '';
  width: 15px;
  height: 3px;
  background-color: #FFC20F;
  display: block;
  left: 0;
  bottom: 3px;
  position: absolute;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 a {
  vertical-align: bottom;
  color: #222221;
  display: inline-block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background: #222221;
  visibility: visible;
  -webkit-transform: translateX(1%);
  transform: translateX(1%);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .custom-checkbox label {
  font-size: 16px;
  color: #727272;
  text-align: left;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .authentication-btn .btn-login {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  border-radius: 0 !important;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .authentication-btn .btn-login:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .authentication-btn .btn-login:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .authentication-btn .btn-login:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form .authentication-btn .btn-login {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer {
  background-color: #E8E8E8;
  padding: 30px 85px;
  text-align: center;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer p {
  font-size: 18px;
  color: #10100F;
  text-align: center;
  line-height: 22px;
  margin-bottom: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer p a {
  padding: 0 5px;
  margin: 0;
  display: inline-block;
  line-height: 22px;
  vertical-align: top;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer ul li {
  display: inline-block;
  border-right: 2px solid #10100F;
  line-height: 20px;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer ul li:last-child {
  border-right: 0;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a {
  font-size: 18px;
  color: #10100F;
  text-align: center;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
  display: inline-block;
  padding: 0 0px;
  margin: 0 20px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: 0px;
  right: 0;
  background: #222221;
  visibility: visible;
  -webkit-transform: translateX(1%);
  transform: translateX(1%);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a:hover:after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-save-password {
  padding-top: 115px;
  border-left: 1px solid #E8E8E8;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-content p {
  font-size: 16px;
  color: #666666;
  letter-spacing: -0.1px;
  text-align: left;
  line-height: 24px;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-content h3 {
  font-size: 16px;
  color: #303030;
  text-align: left;
  line-height: 21px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-content h3::after {
  display: none;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .mb-40 {
  margin-bottom: 40px;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .disable-form .form-group .form-control:disabled {
  opacity: 0.5;
}

.middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .disable-form .disabled {
  background-color: #E8E8E8 !important;
}

.middle-section .middle-inner .no-message-box {
  min-height: calc(100vh - 77px);
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .no-message-box .no-message-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.middle-section .middle-inner .no-message-box .no-message-img {
  height: 121px;
  width: 121px;
  margin-bottom: 70px;
}

.middle-section .middle-inner .no-message-box .no-message-img img {
  width: 100%;
}

.middle-section .middle-inner .no-message-box .no-message-content {
  text-align: center;
}

.middle-section .middle-inner .no-message-box .no-message-content h3 {
  font-size: 20px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 20px;
}

.middle-section .middle-inner .no-message-box .no-message-content P {
  font-family: "futurabook";
  font-size: 20px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 40px;
}

.middle-section .middle-inner .no-message-box .no-message-content .btn-go-home {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  max-width: 200px;
}

.middle-section .middle-inner .no-message-box .no-message-content .btn-go-home:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .no-message-box .no-message-content .btn-go-home:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .no-message-box .no-message-content .btn-go-home:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .no-message-box .no-message-content .btn-go-home {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .seller-registraion-section {
  padding: 55px 0;
}

.middle-section .middle-inner .seller-registraion-section .seller-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.middle-section .middle-inner .seller-registraion-section .seller-heading h2 {
  font-size: 36px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .seller-registraion-section .seller-heading P {
  font-size: 30px;
  color: rgba(34, 34, 33, 0.4);
  letter-spacing: 0;
  text-align: center;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab {
  padding: 40px 0 30px 0;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul:after {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 75%;
  left: 12.5%;
  top: 22px;
  border-bottom: 2px dashed #727272;
  border-radius: 100px;
  display: block;
  clear: both;
  opacity: 0.8;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li a {
  width: 53px;
  min-width: 53px;
  height: 46px;
  background-color: #727272;
  display: block;
  font-size: 20px;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 30px;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  position: relative;
  z-index: 6;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.active {
  position: relative;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.active a {
  background-color: #FFC20F;
  color: #222221;
  -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 194, 15, 0.4);
  box-shadow: 0px 0px 0px 4px rgba(255, 194, 15, 0.4);
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.active:after {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  left: 50.5%;
  top: 22px;
  background-color: #ffffff;
  border-bottom: 2px dashed #FFC20F;
  border-radius: 100px;
  display: block;
  clear: both;
  z-index: 5;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done {
  position: relative;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done:before {
  content: '';
  display: block;
  position: absolute;
  height: 0px;
  width: 100%;
  left: 50.5%;
  top: 22px;
  background-color: #ffffff;
  border-bottom: 2px dashed #77B342;
  border-radius: 100px;
  display: block;
  clear: both;
  z-index: 6;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done a {
  background-color: #77B342;
  overflow: hidden;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done a:after {
  background-color: #77B342;
  content: "\e92b" !important;
  font-family: Feather !important;
  position: absolute;
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  font-weight: 600;
  left: 0;
  right: 0;
  font-size: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li:last-child {
  position: relative;
}

.middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li:last-child:after {
  content: '';
  display: none !important;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content {
  background: #FFFFFF;
  -webkit-box-shadow: 0 22px 74px 0 #F2F2F2;
  box-shadow: 0 22px 74px 0 #F2F2F2;
  padding: 40px 100px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-h-400 {
  min-height: 450px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .heading {
  margin-bottom: 40px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .heading h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .form-control {
    font-size: 11px;
    height: 40px;
  }
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .input-group-text {
  height: 50px;
  padding: 0;
  border-radius: 0;
  min-width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .input-group-text .btn {
  height: 100%;
  width: 100%;
  line-height: 36px;
  border-radius: 0;
  font-family: "Conv_futuramediumbt";
  font-size: 25px;
  color: #222221;
  text-align: center;
  background-color: #FFC20F;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .input-group-text.done-otp .btn {
  pointer-events: none;
  background-color: #ffffff;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .input-group-text.done-otp .btn i {
  font-size: 18px;
  height: 20px;
  width: 20px;
  border-radius: 30px;
  background-color: #77B342;
  padding: 2px;
  color: #FFFFFF;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .input-group-text.done-otp .btn i::before {
  content: "\e92b" !important;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  margin: 10px 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .resend-otp p {
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .resend-otp p span {
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-frist .form-steps .form-group .resend-otp a {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .heading {
  margin-bottom: 20px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .heading h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .custom-checkbox label {
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .info-doc p {
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: left;
  line-height: 30px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .document-box {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  width: 180px;
  height: 156px;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  margin-right: 20px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .document-box .doc-img {
  width: 50px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .document-box .doc-img img {
  width: 100%;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .document-box p {
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 0;
  line-height: 19px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .heading {
  margin-bottom: 40px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .heading h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 19px;
  font-family: "Conv_futuramediumbt";
  text-decoration: underline;
  margin-bottom: 15px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-third .form-steps .form-group p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  margin: 10px 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .heading {
  margin-bottom: 40px;
  border-bottom: 1px solid #E8E8E8;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .heading h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .heading p {
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .heading p span {
  font-size: 18px;
  color: #FFC20F;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .heading p span a {
  color: #FFC20F;
  white-space: nowrap;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps p {
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  line-height: 30px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 19px;
  font-family: "Conv_futuramediumbt";
  text-decoration: underline;
  margin-bottom: 15px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .form-group p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  margin: 10px 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-fourth .form-steps .custom-checkbox label {
  font-family: "Conv_futuramediumbt";
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer {
  padding: 20px 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .step-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-next {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  margin-left: 10px;
  white-space: nowrap;
  width: 100%;
  border-radius: 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-next:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-next:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-next:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-next {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-previous {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  white-space: nowrap;
  width: 100%;
  border-radius: 0;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-previous:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-previous:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-previous:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-footer .btn-previous {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .seller-registraion-section .congrats-content {
  background: #FFFFFF;
  -webkit-box-shadow: 0 22px 74px 0 #F2F2F2;
  box-shadow: 0 22px 74px 0 #F2F2F2;
  padding: 60px 100px 60px 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .congrats-img {
  width: 230px;
  margin-bottom: 35px;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .congrats-img img {
  width: 100%;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content h3 {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .seller-registraion-section .congrats-content p {
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
  margin-bottom: 40px;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .btn-go-to {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  max-width: 350px;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .btn-go-to:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .btn-go-to:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .seller-registraion-section .congrats-content .btn-go-to:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .seller-registraion-section .congrats-content .btn-go-to {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .dashboard-summary-section .row-0 {
  margin: 0;
}

.middle-section .middle-inner .dashboard-summary-section .row-0 .pad-0 {
  padding: 0;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main {
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  margin-bottom: 20px;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box {
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  min-height: 120px;
  max-height: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: -1px;
  margin-top: -1px;
  cursor: pointer;
  text-decoration: none;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-img {
  height: 50px;
  width: 50px;
  min-width: 50px;
  border-radius: 100px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
  background-image: linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-img img {
  width: 100%;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-content {
  padding-left: 15px;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-content p {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-content p span {
  display: block;
}

.middle-section .middle-inner .dashboard-summary-section .dash-box-main .dash-box .box-content h3 {
  font-size: 18px;
  color: #CBCBCB;
  letter-spacing: -0.4px;
  font-family: "Conv_Futura Bold";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard {
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  border-radius: 4px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .all-prtoduct-info p {
  margin-bottom: 0;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .all-prtoduct-info p span {
  margin-left: 10px;
  color: #CBCBCB;
  font-size: 12px;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .prtoduct-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .prtoduct-short .form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .prtoduct-short .form-group label {
  margin-right: 10px;
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .prtoduct-table-header .prtoduct-short .form-group .select-form .select2-container .select2-selection--single {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  font-size: 14px;
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .product-tabel-footer .btn {
  font-size: 14px;
  color: #222221;
  background: #FAFAFA;
  border-radius: 0 0 4px 4px;
  font-family: "Conv_futuramediumbt";
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 15px;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table {
  border-color: #E4E7EB;
  margin-bottom: 0;
  border-bottom: 1px solid #E4E7EB;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table th,
.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td {
  white-space: nowrap;
  border-color: #E4E7EB;
  padding: 18px 20px;
  font-family: "futurabook";
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(1) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(2) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(3) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(4) {
  color: rgba(114, 114, 114, 0.67);
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(5) {
  color: rgba(114, 114, 114, 0.67);
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table td:nth-child(6) {
  color: rgba(114, 114, 114, 0.67);
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .review h4 {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .review span {
  background: #FFC20F;
  border-radius: 12.5px;
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-right: 10px;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action ul li {
  list-style: none;
  display: inline-block;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action ul li a {
  line-height: 0px;
  color: rgba(114, 114, 114, 0.67);
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action ul li a i {
  font-size: 20px;
  color: rgba(114, 114, 114, 0.67);
  top: -2px;
  position: relative;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action .dropdown .btn {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  line-height: 0;
  border: 0;
  color: rgba(114, 114, 114, 0.67);
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action .dropdown .dropdown-menu {
  padding: 15px 0;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action .dropdown .dropdown-menu li {
  display: block;
}

.middle-section .middle-inner .dashboard-summary-section .product-table-dashboard .table .action .dropdown .dropdown-menu li a {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 22px;
  padding: 5px 15px;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  display: block;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard {
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  border-radius: 4px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .all-prtoduct-info p {
  margin-bottom: 0;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .all-prtoduct-info p span {
  margin-left: 10px;
  color: #CBCBCB;
  font-size: 12px;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .prtoduct-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .prtoduct-short .form-group {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .prtoduct-short .form-group label {
  margin-right: 10px;
  margin-bottom: 0;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .prtoduct-table-header .prtoduct-short .form-group .select-form .select2-container .select2-selection--single {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  font-size: 14px;
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .product-tabel-footer .btn {
  font-size: 14px;
  color: #222221;
  background: #FAFAFA;
  border-radius: 0 0 4px 4px;
  font-family: "Conv_futuramediumbt";
  display: block;
  width: 100%;
  text-align: left;
  padding: 12px 15px;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table {
  border-color: #E4E7EB;
  margin-bottom: 0;
  border-bottom: 1px solid #E4E7EB;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table th,
.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td {
  white-space: nowrap;
  border-color: #E4E7EB;
  padding: 18px 20px;
  font-family: "futurabook";
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  vertical-align: middle;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(1) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(2) {
  color: rgba(114, 114, 114, 0.67);
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(3) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(4) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(4) span {
  color: rgba(114, 114, 114, 0.67);
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(5) {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table td:nth-child(6) {
  color: rgba(114, 114, 114, 0.67);
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .status i {
  margin-right: 8px;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action ul li {
  list-style: none;
  display: inline-block;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action ul li a {
  line-height: 0px;
  color: rgba(114, 114, 114, 0.67);
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action ul li a i {
  font-size: 20px;
  color: rgba(114, 114, 114, 0.67);
  top: -2px;
  position: relative;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action .dropdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action .dropdown .btn {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  line-height: 0;
  border: 0;
  color: rgba(114, 114, 114, 0.67);
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action .dropdown .dropdown-menu {
  padding: 15px 0;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action .dropdown .dropdown-menu li {
  display: block;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .action .dropdown .dropdown-menu li a {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 22px;
  padding: 5px 15px;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  display: block;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .service-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .service-name .service-icon {
  height: 35px;
  width: 35px;
  border-radius: 100px;
  overflow: hidden;
  border: 2px solid #E8E8E8;
  padding: 2px;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .service-name .service-icon img {
  width: 100%;
  border: 2px solid #ffffff;
}

.middle-section .middle-inner .dashboard-summary-section .appoinment-table-dashboard .table .service-name .service-content a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  margin-left: 10px;
}

.middle-section .middle-inner .seller-preview {
  padding-top: 60px !important;
}

.middle-section .middle-inner .store-preview {
  padding-top: 60px !important;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box {
  margin-bottom: 20px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box ul li.page-action-link a {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  margin-bottom: 3px;
  padding-right: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box ul li.page-action-link a span {
  height: 50px;
  width: 50px;
  min-width: 50px;
  margin-right: 15px;
  background-color: rgba(225, 225, 225, 0.03);
  border-right: 1px solid #E1E1E1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box ul li.page-action-link a span i {
  color: #CBCBCB;
  font-size: 24px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .page-action-box ul li.page-action-link a:hover {
  background-color: #FAFAFA;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 2.98px;
  min-height: 265px;
  padding: 22px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-header {
  margin-bottom: 30px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-header h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-header h3 span {
  font-size: 22px;
  color: #222221;
  letter-spacing: 0;
  text-align: right;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-footer .btn {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 2.98px;
  font-size: 14px;
  color: #2D2D2D;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  width: 100%;
  margin-right: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-footer .btn i {
  margin-right: 8px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-footer .btn:last-child {
  margin-right: 0;
}

.middle-section .middle-inner .page-controller .page-controller-inner .product-chart-box .chart-footer .btn:hover {
  background-color: #fafafa;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  border-radius: 2.98px;
  padding: 20px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .ugarde-img {
  padding: 40px 0;
  max-width: 200px;
  margin: 0 auto;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .ugarde-img img {
  width: 100%;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account p {
  font-size: 14px;
  color: #000000;
  text-align: center;
  line-height: 24px;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account p a {
  font-family: "Conv_futuramediumbt";
  color: #000000;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .btn-upgrade {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .btn-upgrade:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .btn-upgrade:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .btn-upgrade:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .page-controller .page-controller-inner .upgrade-account .btn-upgrade {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .store-showcase-section .showcase-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider {
  position: relative;
  margin-bottom: 20px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .view-mode {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .view-mode a {
  color: #000000;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-img-slider .item img {
  min-height: 300px;
  max-height: 300px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-thumb {
  height: 100px;
  padding: 18px 20px;
  margin-top: -100px;
  background-color: rgba(34, 34, 33, 0.5);
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-thumb .item {
  width: auto;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-thumb .item img {
  height: 67px;
  width: 118px;
  border: 1px solid #979797;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-thumb .item .img-upload {
  background: rgba(251, 251, 251, 0.5);
  border: 1px solid #979797;
  height: 67px;
  width: 118px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-slider .bg-thumb .item .img-upload i {
  color: #ffffff;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading {
  position: relative;
  padding-right: 150px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading h2 {
  font-family: "Conv_futuramediumbt";
  font-size: 36px;
  color: #222221;
  letter-spacing: 0;
  line-height: 47px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul {
  margin: 0px 0;
  padding: 20px 0;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li {
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  border-left: 1px solid #CBCBCB;
  line-height: 30px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li:first-child {
  padding: 0 20px 0 0;
  border: 0px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li h4 {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0px;
  display: block;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li h4 .tag-rating {
  background: #FFC20F;
  border-radius: 12.5px;
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-right: 10px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li h4 .tag-rating i {
  font-size: 12px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li a.verified {
  font-size: 16px;
  color: #77B342;
  letter-spacing: 0;
  font-family: "futurabook";
  text-decoration: none;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li a.verified img {
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li a.form-qa {
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  font-family: "futurabook";
  text-decoration: none;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li a.form-qa img {
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 5px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-info {
  padding: 20px 150px 20px 0;
  border-bottom: 1px solid #CBCBCB;
  position: relative;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul {
  margin: 0;
  padding: 0;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul li {
  list-style: none;
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  position: relative;
  padding-left: 30px;
  line-height: 25px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke: 1px #ffffff;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul li span {
  display: inline-block;
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table {
  position: relative;
  padding: 20px 150px 20px 0;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul {
  margin: 0;
  padding: 0;
  display: block;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul li {
  list-style: none;
  display: inline-block;
  font-size: 16px;
  color: #10100F;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  line-height: 52px;
  float: left;
  padding: 0 0 0 40px;
  white-space: nowrap;
  margin-bottom: -1px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul li a {
  color: #10100F;
  text-transform: italic;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul li:nth-child(1) {
  background-color: #FAFAFA;
  border: 1px solid #E8E8E8;
  width: 40%;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul li:nth-child(2) {
  background-color: #F5F9F0;
  border: 1px solid #E8E8E8;
  margin-left: -1px;
  width: 60%;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction {
  padding: 20px 0;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom {
  margin-bottom: 20px;
  width: 100%;
  min-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px 5px 5px 80px;
  position: relative;
  border: 1px solid #F3F3F3;
  background-color: #ffffff;
  min-height: 66px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom .circle-icon {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 50px;
  width: 50px;
  background-color: #FFC20F;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom .circle-icon i.fa {
  font-size: 22px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom .circle-icon i {
  font-family: 20px;
  font-size: 24px;
  color: #ffffff;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom h3 {
  font-size: 16px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info .col-custom p {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .note-transaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .note-transaction .note-text {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .note-transaction .note-text h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .store-showcase-section .store-showcase-transaction .note-transaction .note-text P {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}

.middle-section .middle-inner .store-showcase-section .brdr-left {
  position: relative;
}

.middle-section .middle-inner .store-showcase-section .brdr-left::after {
  content: '';
  height: 90%;
  top: 5%;
  left: 0;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
}

.middle-section .middle-inner .store-showcase-section .store-setting {
  padding-top: 20px;
  margin-bottom: 30px;
}

.middle-section .middle-inner .store-showcase-section .store-setting .transaction-info h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .store-setting .note-transaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .store-showcase-section .store-setting .note-transaction .note-text {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .store-showcase-section .store-setting .note-transaction .note-text h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .store-showcase-section .store-setting .note-transaction .note-text P {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}

.middle-section .middle-inner .store-showcase-section .showcase-tab-content {
  padding: 20px 0;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .store-heading-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 0 0;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button .btn-remove {
  background: rgba(202, 53, 53, 0.2);
  border: 1px solid #CA3535;
  border-radius: 100px;
  font-size: 12px;
  padding: 5px 12px;
  color: #CA3535;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button .btn-remove i {
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns .btn-add-feature i {
  margin-right: 10px;
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .remove-form-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 0 0;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .remove-form-button .btn-remove {
  background: rgba(202, 53, 53, 0.2);
  border: 1px solid #CA3535;
  border-radius: 100px;
  font-size: 12px;
  padding: 5px 12px;
  color: #CA3535;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .remove-form-button .btn-remove i {
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns .btn-add-feature i {
  margin-right: 10px;
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile {
  padding: 0px 120px 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px solid #E8E8E8;
  position: relative;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-comapy-img img {
  height: 80px;
  width: 80px;
  min-width: 80px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details {
  padding: 10px 30px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details h3 {
  font-size: 20px;
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul {
  margin: 0px 0;
  padding: 0 0 0px 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li {
  display: inline-block;
  margin: 0;
  padding: 0 20px;
  line-height: 30px;
  position: relative;
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a {
  color: #727272;
  text-decoration: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a i {
  margin-left: 5px;
  font-size: 20px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a:hover {
  color: #222221;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li:before {
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  left: -5px;
  top: 8px;
  background-color: #D8D8D8;
  border-radius: 100px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li:first-child {
  padding: 0 20px 0 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li:first-child::before {
  display: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a {
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0px;
  display: block;
  line-height: 18px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a .tag-rating {
  background: #FFC20F;
  border-radius: 12.5px;
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-right: 10px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details ul li a .tag-rating i {
  font-size: 12px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery {
  padding: 20px 0;
  border-bottom: 1px solid #E8E8E8;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.video video {
  min-height: 188px;
  -o-object-fit: cover;
  object-fit: cover;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.video a {
  position: relative;
  display: block;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.video a::after {
  content: url(../../../assets/images/icons/play.png);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  border-radius: 0px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.video a::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb {
  height: 100%;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload {
  background: #E8E8E8;
  border: 1px dashed rgba(34, 34, 33, 0.5);
  min-height: 118px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload label {
  width: 100%;
  height: 100%;
  background: #E8E8E8;
  display: block;
  min-height: 188px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload label i {
  font-size: 50px;
  color: #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload label h2 {
  opacity: 0.5;
  font-size: 12px;
  color: #727272;
  text-align: center;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload label p {
  font-size: 10px;
  color: #222221;
  text-align: center;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb.upload input {
  width: 100%;
  height: 100%;
  display: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info {
  position: relative;
  padding: 20px 120px 20px 0;
  border-bottom: 1px solid #E8E8E8;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list {
  margin: 0;
  padding: 0 0 0 30px;
  list-style: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li {
  position: relative;
  margin-bottom: 20px;
  font-size: 18px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li::before {
  content: '';
  display: block;
  position: absolute;
  height: 5px;
  width: 5px;
  left: -20px;
  top: 12px;
  background-color: #FFC20F;
  border-radius: 100px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li p {
  margin-bottom: 0;
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li p span {
  min-width: 180px;
  display: inline-block;
  color: rgba(34, 34, 33, 0.5);
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .product-description {
  padding: 20px 120px 10px 0;
  position: relative;
  border-bottom: 1px solid #E8E8E8;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .product-description h3 {
  font-size: 16px;
  color: #222221;
  line-height: 32px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .product-description p {
  font-size: 16px;
  color: #303030;
  line-height: 32px;
  font-family: "futurabook";
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .chart-section {
  padding: 0 0 20px 0;
  position: relative;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .chart-section .chart-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .chart-section .chart-box .chart-description {
  padding: 20px;
  text-align: center;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .chart-section .chart-box .chart-description h3 {
  font-family: "Conv_futuramediumbt";
  font-size: 20px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .chart-section .chart-box .chart-description p {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: center;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .remove-form-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 0 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .remove-form-button .btn-remove {
  background: rgba(202, 53, 53, 0.2);
  border: 1px solid #CA3535;
  border-radius: 100px;
  font-size: 12px;
  padding: 5px 12px;
  color: #CA3535;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .remove-form-button .btn-remove i {
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .add-filed-btns .btn-add-feature i {
  margin-right: 10px;
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .viewcompany-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .remove-form-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 0 0;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .remove-form-button .btn-remove {
  background: rgba(202, 53, 53, 0.2);
  border: 1px solid #CA3535;
  border-radius: 100px;
  font-size: 12px;
  padding: 5px 12px;
  color: #CA3535;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .remove-form-button .btn-remove i {
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .add-filed-btns .btn-add-feature i {
  margin-right: 10px;
  font-weight: 600;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .galleryinfo-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form {
  padding: 20px;
  border-bottom: 1px solid #CBCBCB;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group p {
  margin: 10px 0;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-group p span {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-right: 15px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 8px;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  width: 85px;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .seller-heading-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller {
  border-bottom: 1px solid #E8E8E8;
  padding: 10px 0;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav {
  background-color: transparent;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb {
  padding: 0;
  margin: 0;
  background-color: transparent;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.breadcrumb-item {
  display: inline-block;
  line-height: 36px;
  min-height: 36px;
  vertical-align: middle;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  line-height: 34px;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.breadcrumb-item::before {
  display: inline-block;
  content: '\e92e';
  font-family: Feather;
  margin-left: auto;
  color: rgba(34, 34, 33, 0.5) !important;
  font-size: 18px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 10px;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.breadcrumb-item a {
  font-family: "futurabook";
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  line-height: 34px;
  display: inline-block;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.breadcrumb-item a:hover {
  text-decoration: none;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.breadcrumb-item:nth-child(1)::before {
  display: none;
}

.middle-section .middle-inner .breadcrumb-section.breadcrumb-reseller nav ol.breadcrumb li.active {
  font-family: "futurabook";
  display: inline-block;
  color: #222221;
}

.middle-section .middle-inner .back-to-home {
  padding: 20px 0;
}

.middle-section .middle-inner .back-to-home .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  max-width: 240px;
  font-size: 16px;
  line-height: 26px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 40px;
}

.middle-section .middle-inner .back-to-home .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .back-to-home .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .back-to-home .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .back-to-home .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .buisness-tips-content h3.quote {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 30px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .buisness-tips-content h3.quote span.d-block {
  display: block;
}

.middle-section .middle-inner .buisness-tips-content p {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  line-height: 30px;
  font-family: "futurabook";
  margin-bottom: 30px;
}

.middle-section .middle-inner .buisness-tips-content Ul {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .buisness-tips-content Ul li {
  display: block;
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  line-height: 30px;
  padding-left: 30px;
  position: relative;
}

.middle-section .middle-inner .buisness-tips-content Ul li:before {
  content: "";
  height: 1px;
  width: 10px;
  background-color: #222221;
  position: absolute;
  left: 5px;
  top: 15px;
  display: block;
}

.middle-section .middle-inner .chat-section .chat-message .chat-group {
  padding-bottom: 5px !important;
}

.middle-section .middle-inner .chat-section .chat-message .chat-group .chat-message-body .chat-message-body-inner {
  min-height: calc(100vh - 415px);
  max-height: calc(100vh - 415px);
}

.middle-section .middle-inner .message-center-section .message-tabe-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .message-center-section .message-tabe-div ul {
  border: 0;
}

.middle-section .middle-inner .message-center-section .message-tabe-div .message-seeting a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .message-center-section .message-tabe-div .message-seeting a i {
  margin-right: 8px;
}

.middle-section .middle-inner .message-center-section .message-center-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .message-center-section .message-center-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .message-center-section .message-center-content {
  padding: 20px 0;
}

.middle-section .middle-inner .message-center-section .sort-and-compose {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.middle-section .middle-inner .message-center-section .sort-and-compose [class^='select2'] {
  border-radius: 0px !important;
}

.middle-section .middle-inner .message-center-section .sort-and-compose .select2-search--dropdown {
  background-color: #000;
}

.middle-section .middle-inner .message-center-section .sort-and-compose .select2-search__field {
  background-color: #000;
}

.middle-section .middle-inner .message-center-section .sort-and-compose .sort h3 {
  white-space: nowrap;
}

.middle-section .middle-inner .message-center-section .user-chat-info .user-status p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .message-center-section .user-chat-info .user-status p span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  color: #0F62FF;
  line-height: 24px;
  text-transform: uppercase;
}

.middle-section .middle-inner .message-center-section .product-message {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 15px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-feature .product-grid-view-img {
  width: 132px;
  height: 150;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-feature .product-grid-view-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail {
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-content {
  width: 100%;
  border-bottom: 1px solid #CBCBCB;
  margin-bottom: 10px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-content h3 {
  font-size: 18px;
  color: #373738;
  letter-spacing: 0;
  font-family: "Conv_Futura Bold";
  margin-bottom: 10px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-width: 98%;
  line-height: 25px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-content h4 {
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 15px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-content h4 .tag-rating {
  background: #FFC20F;
  border-radius: 12.5px;
  display: inline-block;
  padding: 4px 6px;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-right: 10px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-price h2 {
  font-size: 24px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-price p {
  font-size: 14px;
  color: #CBCBCB;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 5px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-price p .checked-price {
  text-decoration: line-through;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-price p span.off {
  font-size: 12px;
  color: #77B342;
  letter-spacing: 0;
  margin-left: 8px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-price p .no-emi-text {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  text-align: left;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-bottom {
  text-align: left;
  width: 100%;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-bottom p {
  font-size: 12px;
  line-height: 16px;
  font-family: "Conv_futuramediumbt";
  color: #727272;
  font-style: normal;
  margin-bottom: 10px;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-bottom p a {
  color: #77b342;
}

.middle-section .middle-inner .message-center-section .product-message .product-grid-view-detail .product-grid-view-bottom p a i {
  margin-left: 5px;
}

.middle-section .middle-inner .message-center-section .chat-status-div {
  background-color: #ffffff;
  position: relative;
  width: 100%;
  bottom: -5px;
  left: 0;
  padding: 6px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow-x: scroll;
  width: 100%;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul::-webkit-scrollbar {
  display: none;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li {
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20%;
  min-width: 120px;
  border-right: 1px solid #E8E8E8;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li a {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-family: "futurabook";
  color: #222221;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li a.accept {
  color: #77B342;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li a.decline {
  color: #CA3535;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li a.ignore {
  color: #FFC20F;
}

.middle-section .middle-inner .message-center-section .chat-status-div ul li a.selled {
  color: #0F62FF;
}

.middle-section .middle-inner .message-center-section .chat-status-div .remove-status {
  padding: 0 10px;
  font-size: 16px;
  color: #727272;
}

.middle-section .middle-inner .message-setting-section .breadcrumb-reseller {
  border: 0;
}

.middle-section .middle-inner .message-setting-section .message-setting-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
}

.middle-section .middle-inner .message-setting-section .message-setting-header .message-setting-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .message-setting-section .message-setting-header .message-seeting a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .message-setting-section .message-setting-header .message-seeting a i {
  margin-right: 8px;
}

.middle-section .middle-inner .message-setting-content {
  min-height: calc(100vh - 230px);
  padding-bottom: 80px;
  position: relative;
}

.middle-section .middle-inner .message-setting-content .brdr-left:after {
  content: '';
  height: 90%;
  top: 5%;
  left: 0;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div {
  padding: 20px 0;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content .set-availibility-note {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 70px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content .set-availibility-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content .set-availibility-note p a {
  color: #222221;
  text-decoration: underline;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .set-availibility-content .set-availibility-note h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #E8E8E8;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li {
  display: inline-block;
  border-right: 1px solid #E8E8E8;
  width: calc(16.66% - 0px);
  float: left;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li:nth-last-child(1) {
  border-right: 0;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li a {
  font-size: 12px;
  color: #727272;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  text-align: center;
  display: block;
  padding: 12px 15px;
  background-color: #FAFAFA;
  min-width: 60px;
  height: 40px;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  width: 100%;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li a.active {
  color: #222221;
  background-color: #ffc20f;
}

.middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li a:hover {
  color: #222221;
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response {
  padding: 20px 0;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .responce-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .responce-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .responce-content .responce-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .responce-content .responce-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message {
  width: 80%;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message .form-group textarea.form-control {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 1px;
  height: 190px;
  resize: none;
  font-size: 14px;
  padding-bottom: 30px;
  color: #222221;
  letter-spacing: 0;
  line-height: 22px;
}

.middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message .form-group .text-limit {
  position: relative;
  top: -40px;
  right: 0;
  text-align: right;
  width: 100%;
  display: block;
  padding: 10px;
  font-size: 12px;
  font-family: "Conv_futuramediumbt";
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .account-setting p {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 24px;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .account-setting p span {
  display: block;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .account-setting p span a {
  font-family: "Conv_futuramediumbt";
  margin-left: 10px;
  color: #FFC20F;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .message-setting-content .message-setting-footer .message-setting-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .producttabele-section .product-tabs-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .producttabele-section .product-tabs-div ul {
  border: 0;
}

.middle-section .middle-inner .producttabele-section .product-tabs-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .producttabele-section .product-tabs-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .producttabele-section .product-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .producttabele-section .product-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .table-product-resell tbody tr td {
  border-top: 10px solid #fafafa !important;
  border-bottom: 1px solid rgba(232, 232, 232, 0.4);
}

.middle-section .middle-inner table.dataTable.no-footer {
  border-bottom: 1px solid rgba(232, 232, 232, 0.4);
}

.middle-section .middle-inner .table-product-resell .custom-checkbox .custom-control-label::before {
  border: 2px solid #e8e8e8;
}

.middle-section .middle-inner .table-product-resell .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  border-color: #ffc20f;
}

.middle-section .middle-inner .table-product-resell thead {
  background: rgba(34, 34, 33, 0.5);
}

.middle-section .middle-inner .table-product-resell thead tr th {
  font-size: 12px;
  color: #FAFAFA;
  line-height: 20px;
  border-bottom: 0px solid #111;
  white-space: nowrap;
  font-family: "Conv_Futura Bold";
  padding: 6px 20px 6px 12px;
}

.middle-section .middle-inner .table-product-resell tbody tr td {
  font-size: 13px;
  color: #727272;
  letter-spacing: -0.1px;
  line-height: 18px;
  vertical-align: middle;
  padding: 22px 12px;
  font-family: "Conv_futuramediumbt";
  border-top: 1px solid rgba(232, 232, 232, 0.4);
}

.middle-section .middle-inner .table-product-resell tbody tr td .success-text {
  color: #77B342;
  font-family: "Conv_futuramediumbt";
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .success-text:after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 4px;
  left: -10px;
  top: 7px;
  background-color: #77B342;
  border-radius: 100px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .failed-text {
  color: #CA3535;
  font-family: "Conv_futuramediumbt";
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .failed-text:after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 4px;
  left: -10px;
  top: 7px;
  background-color: #CA3535;
  border-radius: 100px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .awaiting-text {
  color: #FFC20F;
  font-family: "Conv_futuramediumbt";
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .awaiting-text:after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 4px;
  left: -10px;
  top: 7px;
  background-color: #FFC20F;
  border-radius: 100px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .awaiting-text a {
  display: block;
  color: #FFC20F;
}

.middle-section .middle-inner .table-product-resell tbody tr td .placed-text {
  color: #1D61F6;
  font-family: "Conv_futuramediumbt";
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .placed-text:after {
  content: '';
  display: block;
  position: absolute;
  height: 4px;
  width: 4px;
  left: -10px;
  top: 7px;
  background-color: #1D61F6;
  border-radius: 100px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .close-date {
  display: block;
  color: #0F62FF;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-tbl-img {
  height: 60px;
  width: 60px;
  margin-left: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-tbl-img {
  display: block;
  border-radius: 100px;
  background: #FAFAFA;
  border: 3px solid rgba(232, 232, 232, 0.5);
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-tbl-img img {
  width: 100%;
  border-radius: 100px;
  background: #FAFAFA;
  border: 3px solid #ffffff;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-tbl-description a {
  font-size: 16px;
  color: #373738;
  letter-spacing: 0;
  text-decoration: none;
  display: block;
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-tbl-description a h3 {
  font-size: 16px;
  margin-bottom: 0px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-tbl-description p {
  margin-bottom: 0;
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-input-div span {
  margin-bottom: 5px;
  display: block;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-input-div .form-control {
  min-width: 70px;
  background: #FAFAFA;
  border: 1px solid #979797;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  border-radius: 0;
  text-align: right;
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-input-div .dollar {
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-input-div .dollar span {
  content: '<span>$</span>';
  font-size: 14px;
  position: absolute;
  left: 12px;
  top: 8px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-input-div .dollar .form-control {
  padding-left: 30px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content-img {
  padding: 0 0px;
  margin-right: 10px;
  height: 60px;
  width: 60px;
  border-radius: 100px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content-img img {
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content {
  min-width: 240px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content a {
  display: block;
  text-decoration: none;
  color: #373738;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content h3 {
  font-size: 16px;
  color: #373738;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin: 0;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  max-width: 98%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-bidder-table .Product-content p {
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  margin: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-item-bid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-item-bid span {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  text-align: left;
  display: block;
  padding: 5px 0;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-item-bid h3 {
  white-space: nowrap;
  font-size: 13px;
  font-family: "Conv_Futura Bold";
  color: #222221;
  letter-spacing: 0;
  text-align: left;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action {
  padding-top: 20px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action .edit-product-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action .edit-product-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action .edit-product-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action .link-mange-bidder {
  padding: 8px 0 12px 0;
  display: block;
  text-decoration: none;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .product-action .btn-accept-offer {
  font-size: 13px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  padding: 4px 12px;
  background-color: #77B342;
  border-radius: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-bidder p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 5px;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-bidder .ratting-star {
  display: block;
  text-align: center;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-bidder .ratting-star a {
  color: #ffc20f;
  display: inline-block;
  text-align: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-bidder .ratting-star a i {
  font-size: 20px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .amount-bidder span {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  display: block;
  text-align: center;
  margin-bottom: 8px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .amount-bidder h3 {
  font-size: 12px;
  color: #77B342;
  letter-spacing: 0;
  text-align: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .order-item {
  text-align: right;
  white-space: nowrap;
  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-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .order-item label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 5px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .order-item p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .view-order-action .view-order-btn {
  width: 85px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .view-order-action .view-order-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .view-order-action .view-order-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .select-custom .select2-container .select2-choice {
  height: 35px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .notify-switcher label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 5px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .item-required {
  text-align: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .item-required label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 5px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .item-required p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .table-product-resell tbody tr td .date-time {
  text-align: center;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .date-time label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 5px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .date-time p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .table-product-resell tbody tr td .date-time p span {
  font-family: "futurabook";
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-tbl-lbl {
  text-align: center;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-tbl-lbl label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 7px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-tbl-lbl p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_Futura Bold";
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-amount {
  text-align: center;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-amount label {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 7px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-amount p {
  font-size: 12px;
  color: #77B342;
  letter-spacing: 0;
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-payment p {
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 7px;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-payment .ratting-star {
  display: block;
  text-align: center;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-payment .ratting-star a {
  color: #ffc20f;
  display: inline-block;
  text-align: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .ratting-payment .ratting-star a i {
  font-size: 18px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .active .select2-container--default .select2-selection--single {
  background-color: rgba(119, 179, 66, 0.1);
  border: 1px solid #77B342;
  -webkit-box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.17);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.17);
}

.middle-section .middle-inner .table-product-resell tbody tr td .active .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #77B342;
}

.middle-section .middle-inner .table-product-resell tbody tr td .manage-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .manage-action .btns-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.middle-section .middle-inner .table-product-resell tbody tr td .manage-action .btn-decline {
  background: #CA3535;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .manage-action .btn-accept {
  margin-left: 5px;
  background: #77B342;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  white-space: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-action .btns-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-action .btn-decline {
  background: #CA3535;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-action .btn-accept {
  margin-left: 5px;
  background: #77B342;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  white-space: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .service-action a {
  font-size: 12px;
  color: #0F62FF;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action .btns-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action .btn-decline {
  background: #CA3535;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action .btn-accept {
  margin-left: 5px;
  background: #77B342;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  white-space: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action a {
  font-size: 12px;
  color: #0F62FF;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .appointment-action a i {
  font-weight: 600;
  position: relative;
  top: 3px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action .btns-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action .btn-decline {
  background: #CA3535;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action .btn-share {
  margin-left: 5px;
  background: #77B342;
  border-radius: 2px;
  height: 24px;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0;
  line-height: 16px;
  padding: 3px 12px;
  white-space: nowrap;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: middle;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action .btn-share i {
  margin-right: 5px;
  position: relative;
  top: 0px;
  font-weight: 500;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action a {
  font-size: 12px;
  color: #0F62FF;
  letter-spacing: 0;
  text-align: right;
  white-space: nowrap;
  line-height: 24px;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .payment-action a i {
  font-weight: 600;
  position: relative;
  top: 3px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .request-detail {
  padding: 20px 0px;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation {
  margin-bottom: 20px;
  display: block;
  width: 50%;
  padding: 0 10px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 26px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation .total-detail {
  border-top: 1px solid #cbcbcb;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation .total-detail p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 26px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation .total-detail p span {
  color: #222221;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-quotation.mt-20 {
  margin-top: 30px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-transaction {
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-transaction .total-detail p {
  color: #222221;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .detail-transaction h3 {
  text-align: right;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .message-buyer {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  padding: 0 10px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .message-buyer h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .message-buyer textarea {
  background: #F2F2F2;
  border: 1px solid rgba(34, 34, 33, 0.2);
  border-radius: 0;
  height: 74px;
  font-size: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  resize: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .details-parent .message-buyer .btn-reply {
  background-color: #ffc20f;
  border-radius: 30px;
  padding: 4px 12px;
  font-size: 12px;
  color: #222221;
  line-height: 20px;
  position: absolute;
  right: 10px;
  display: inline-block;
  bottom: -12px;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 40px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .note-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .note-text h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .note-text P {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .note-text P a {
  color: #222221;
  font-family: "FuturaBT-MediumItalic";
  text-decoration: underline;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .address h3 {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .note-transaction .address p {
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  line-height: 20px;
  font-weight: "futurabook";
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .report-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .report-user span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
  color: #222221;
  line-height: 24px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .report-user span i {
  margin-right: 5px;
}

.middle-section .middle-inner .table-product-resell tbody tr td .send-quotation-message .report-user .send-quatation {
  background-color: #FFC20F;
  border: 1px solid #FFC20F;
  display: block;
  border-radius: 2.98px;
  padding: 4px 12px;
  font-size: 12px;
  color: #2D2D2D;
  text-align: center;
  text-decoration: none;
}

.middle-section .middle-inner .table-product-resell tbody tr td .border-right {
  position: relative;
}

.middle-section .middle-inner .table-product-resell tbody tr td .border-right::after {
  content: '';
  display: block;
  position: absolute;
  top: 10%;
  height: 80%;
  right: 0;
  background-color: #CBCBCB;
}

.middle-section .middle-inner .table-product-resell tbody tr .second-col span {
  display: block;
  white-space: nowrap;
  height: 24px;
}

.middle-section .middle-inner .product-tab-content .fade {
  display: none;
}

.middle-section .middle-inner .product-tab-content .fade.active {
  display: block;
}

.middle-section .middle-inner .product-tab-content .fade.show {
  display: block;
}

.middle-section .middle-inner .product-search-header {
  padding: 20px 10px 5px 10px;
}

.middle-section .middle-inner .product-search-header label {
  display: block;
}

.middle-section .middle-inner .product-search-header .select-status .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 35px;
  line-height: 33px;
  font-size: 13px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .product-search-header .select-status .select2-container .select2-selection--single {
  height: 35px;
  line-height: 32px;
  border: 1px solid #DDDDDD;
}

.middle-section .middle-inner .product-search-header .select-status .select2-container {
  width: 100% !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .product-search-header .select-status .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}

.middle-section .middle-inner .product-search-header .form-group label {
  font-size: 13px;
  margin-bottom: 8px;
}

.middle-section .middle-inner .product-search-header .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 35px !important;
  font-size: 13px !important;
}

.middle-section .middle-inner .product-search-header .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .product-search-header .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .product-search-header .form-group .input-group-text {
  height: 35px;
  min-width: 30px;
}

.middle-section .middle-inner .product-search-header .btn-save-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 15px;
}

.middle-section .middle-inner .product-search-header .btn-save-div .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  height: 35px !important;
  font-size: 14px !important;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
}

.middle-section .middle-inner .product-search-header .btn-save-div .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .product-search-header .btn-save-div .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .product-search-header .btn-save-div .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .product-search-header .btn-save-div .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  padding: 10px 10px;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-title h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back {
  max-width: 240px;
  display: block;
  width: 100%;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  font-size: 15px;
  height: 35px;
  line-height: 24px;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .manage-bidder-section .table-product-resell thead tr th.center {
  text-align: center;
}

.middle-section .middle-inner .manage-bidder-section .product-action {
  padding-top: 0 !important;
}

.middle-section .middle-inner .create-product-section .craete-product-body {
  min-height: calc(100vh - 250px);
  padding-bottom: 80px;
  position: relative;
}

.middle-section .middle-inner .create-product-section .craete-product-body .createproduct-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .create-product-section .create-product-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  padding: 10px 10px;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-title h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-title h3 a {
  color: #222221;
  text-decoration: underline;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-back {
  max-width: 240px;
  display: block;
  width: 100%;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-back .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  font-size: 15px;
  height: 35px;
  line-height: 24px;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-back .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-back .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .create-product-header .create-product-back .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .create-product-header .create-product-back .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-product-section .create-product-tab {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow-x: auto;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  float: left;
  width: calc(20% - 0px);
  min-width: 125px;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li:first-child {
  min-width: 200px;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a {
  display: block;
  font-size: 16px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 15px 15px 15px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
  width: 100%;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .create-product-section .create-product-tab ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product {
  padding: 30px 0px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .product-select-optipns {
  padding: 10px 15px 10px 15px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .product-select-optipns .custom-radio {
  min-width: 240px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .product-select-optipns .custom-radio label {
  font-size: 16px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing {
  padding: 10px 0;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .form-group {
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
  font-family: "futurabook";
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .category-list ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .category-list ul li {
  display: block;
  min-height: 35px;
  border: 1px solid #E8E8E8;
  background-color: #ffffff;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .category-list ul li a {
  font-size: 13px;
  color: #10100F;
  letter-spacing: -0.2px;
  text-align: left;
  line-height: 18px;
  padding: 8px 8px 8px 40px;
  font-family: "futurabook";
  display: block;
  text-decoration: none;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .category-list ul li a:hover {
  background-color: #FFF3D1;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .category-list ul li a.active {
  background-color: #FFF3D1;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .main-category ul li a.active {
  background-color: #FFF3D1;
  position: relative;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .main-category ul li a.active::after {
  display: block;
  position: absolute;
  left: 10px;
  top: 7px;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 20px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .main-category ul li a.active::before {
  display: block;
  position: absolute;
  left: 10px;
  top: 7px;
  content: '\f111';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #ffffff;
  font-size: 20px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .sub-category ul li a.active {
  background-color: #FFF3D1;
  position: relative;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .sub-category ul li a.active::after {
  display: block;
  position: absolute;
  left: -15px;
  top: 8px;
  content: "\25c4";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #FFF3D1;
  font-size: 20px;
}

.middle-section .middle-inner .create-product-section .tab-content-create-product .category-listing .sub-category ul li a.active::before {
  display: block;
  position: absolute;
  left: -17px;
  top: 8px;
  content: "\25c4";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #E8E8E8;
  font-size: 20px;
}

.middle-section .middle-inner .create-product-section .select-brand-div {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header {
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  border-radius: 3px 3px 0 0;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header ul li {
  display: inline-block;
  padding: 8px 8px;
  position: relative;
  white-space: nowrap;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header ul li:after {
  display: inline-block;
  content: '\e92e';
  font-family: Feather;
  margin-left: auto;
  color: rgba(34, 34, 33, 0.5) !important;
  font-size: 18px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  line-height: 16px;
  position: relative;
  top: 3px;
  left: 3px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header ul li:nth-last-child(1)::after {
  display: none;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-header ul li a {
  font-size: 12px;
  color: #727272;
  text-align: center;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand {
  padding: 30px 20px 30px 40px;
  border-bottom: 1px solid #E8E8E8;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 30px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info label {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info .form-group {
  width: 100%;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info .form-group .select2-container {
  width: 100% !important;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info .form-group .select2-container .select2-selection--single {
  height: 35px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 35px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option .select-option-info .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 35px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .custom-control {
  display: block;
  margin: 34px 0 10px 0;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .custom-control label {
  font-family: "Conv_futuramediumbt";
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 26px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group {
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .input-group .form-control {
  height: 36px;
  font-family: "futurabook";
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .input-group .input-group-text {
  height: 35px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .input-group .input-group-text .btn {
  line-height: 23px;
  background-color: #ffc20f;
  color: #222221;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .taglist {
  padding-top: 20px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .taglist .tag {
  border: 1px solid #FFC20F;
  border-radius: 12.5px;
  padding: 6px 50px 6px 16px;
  font-size: 14px;
  color: #222221;
  display: inline-block;
  position: relative;
  height: 35px;
  position: relative;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .taglist .tag:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 35px;
  width: 35px;
  border-radius: 0 12.5px 12.5px 0;
  background-color: #FFC20F;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .taglist .tag .close-tag {
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  color: #ffffff;
  height: 35px;
  width: 35px;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-option-brand .select-option-info .form-group .taglist .tag .close-tag i {
  font-size: 16px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-info {
  padding: 30px 20px;
}

.middle-section .middle-inner .create-product-section .select-brand-div .select-info textarea.form-control {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  height: 120px;
}

.middle-section .middle-inner .create-product-section .create-product-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .create-product-section .create-product-note h3 {
  font-size: 14px;
  color: #CA3535;
  letter-spacing: 0;
  min-width: 50px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-product-section .create-product-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 386px;
}

.middle-section .middle-inner .create-product-section .craete-product-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .craete-product-footer .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .craete-product-footer .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .craete-product-footer .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-product-section .offer-info .add-info-header {
  margin-bottom: 20PX;
}

.middle-section .middle-inner .create-product-section .offer-info .add-info-header h1 {
  font-size: 24px;
  color: #1B2125;
  text-align: left;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-box {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 6px 6px 6px 6px;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-box .shiping-card-label {
  padding: 20px;
  font-size: 16px;
  color: #222221;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-box .shiping-card-label h3 {
  font-size: 16px;
  font-family: "Conv_Futura Bold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  max-width: 300px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-box .shiping-card-label h3 span {
  font-size: 16px;
  color: #FFC20F;
  text-align: right;
  font-family: "Conv_futuramediumbt";
  margin-left: 10px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-box .shiping-card-label P {
  font-size: 16px;
  color: #727272;
  line-height: 26px;
  font-family: "futurabook";
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 6px 6px 6px 6px;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label {
  padding: 20px;
  font-size: 16px;
  display: block;
  color: #222221;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label h3 {
  font-size: 16px;
  font-family: "Conv_Futura Bold";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  max-width: 300px;
  margin-bottom: 30px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label h3 span {
  font-size: 16px;
  color: #FFC20F;
  text-align: right;
  font-family: "Conv_futuramediumbt";
  margin-left: 10px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label P {
  font-size: 16px;
  color: #727272;
  line-height: 26px;
  font-family: "futurabook";
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label h4 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  text-align: left;
  line-height: 20px;
  margin-bottom: 20px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list {
  margin-bottom: 30px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list ul li {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  padding: 6px 15px;
  background: rgba(255, 194, 15, 0.2);
  border-radius: 15px;
  display: inline-block;
  font-family: "Conv_futuramediumbt";
  margin-right: 10px;
  margin-bottom: 15px;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list .btn-create-own {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  height: 30px;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 30px;
  text-decoration: none;
  white-space: nowrap;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list .btn-create-own:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list .btn-create-own:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list .btn-create-own:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .Coupon-list .btn-create-own {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-product-section .offer-info .offer-info-create .shiping-card-label .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .create-product-section .add-image .row-0 {
  margin: 0 -7px;
}

.middle-section .middle-inner .create-product-section .add-image .row-0 .pad-7 {
  padding: 0 7px;
}

.middle-section .middle-inner .create-product-section .add-image .add-image-header {
  margin-bottom: 20PX;
}

.middle-section .middle-inner .create-product-section .add-image .add-image-header h1 {
  font-size: 24px;
  color: #1B2125;
  text-align: left;
}

.middle-section .middle-inner .create-product-section .add-image .add-img-selected {
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .add-image .add-img-selected img {
  width: 100%;
}

.middle-section .middle-inner .create-product-section .add-image .add-item {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  min-width: 180px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .add-image .additem-img {
  border-bottom: 1px solid #e8e8e8;
  margin: 20px 20px 0 20px;
  padding-bottom: 20px;
  min-height: 202px;
}

.middle-section .middle-inner .create-product-section .add-image .additem-img img {
  min-height: 202px;
  max-height: 202px;
}

.middle-section .middle-inner .create-product-section .add-image .item-link a {
  font-size: 14px;
  color: #222221;
  text-decoration: none;
  display: block;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  line-height: 14px;
  padding: 12px;
}

.middle-section .middle-inner .create-product-section .add-image .imgupload-slider {
  background: #ffffff;
  border: 0px solid #979797;
  height: 100%;
  width: 100%;
}

.middle-section .middle-inner .create-product-section .add-image .imgupload-slider label {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
}

.middle-section .middle-inner .create-product-section .add-image .imgupload-slider label:after {
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  content: 'add';
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 35px;
  color: #727272;
  z-index: 0;
  font-family: 'Material Icons';
}

.middle-section .middle-inner .create-product-section .add-image .imgupload-slider label img {
  width: 100%;
  position: relative;
  z-index: 1;
  object-fit: cover;
}

.middle-section .middle-inner .create-product-section .add-image .imgupload-slider input {
  display: none;
}

.middle-section .middle-inner .create-product-section .add-image .upload-addimg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #727272;
  min-height: 202px;
  text-decoration: none;
}

.middle-section .middle-inner .create-product-section .add-image .upload-addimg i {
  color: #727272;
  font-size: 40px;
}

.middle-section .middle-inner .create-product-section .add-image .item-link.default a {
  color: #ffc20f;
}

.middle-section .middle-inner .create-product-section .product-descreption .product-descreption-header {
  margin-bottom: 20PX;
}

.middle-section .middle-inner .create-product-section .product-descreption .product-descreption-header h1 {
  font-size: 24px;
  color: #1B2125;
  text-align: left;
}

.middle-section .middle-inner .create-product-section .product-descreption .form-group textarea.form-control {
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 1px;
  height: 190px;
  resize: none;
  font-size: 14px;
  padding-bottom: 30px;
  color: #222221;
  letter-spacing: 0;
  line-height: 22px;
}

.middle-section .middle-inner .create-product-section .product-descreption .form-group .text-limit {
  position: relative;
  top: -40px;
  right: 0;
  text-align: right;
  width: 100%;
  display: block;
  padding: 10px;
  font-size: 12px;
  font-family: "Conv_futuramediumbt";
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
}

.middle-section .middle-inner .create-product-section .product-keyword .product-keyword-header {
  margin-bottom: 20PX;
}

.middle-section .middle-inner .create-product-section .product-keyword .product-keyword-header h1 {
  font-size: 24px;
  color: #1B2125;
  text-align: left;
}

.middle-section .middle-inner .create-product-section .product-keyword .keyword-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .create-product-section .product-keyword .keyword-list ul li {
  display: inline-block;
}

.middle-section .middle-inner .create-product-section .product-keyword .keyword-list ul li a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  background: #CBCBCB;
  border-radius: 12.5px;
  padding: 6px 40px 6px 15px;
  display: block;
  line-height: 16px;
  margin: 0 0 10px 10px;
  display: inline-block;
  text-decoration: none;
  z-index: 9;
  position: relative;
  font-family: "futurabook";
}

.middle-section .middle-inner .create-product-section .product-keyword .keyword-list ul li a span {
  height: 28px;
  width: 28px;
  border-radius: 100px;
  background-color: #727272;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .create-product-section .product-keyword .keyword-list ul li a span i {
  color: #ffffff;
}

.middle-section .middle-inner .create-product-section .product-keyword .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-product-section .product-keyword .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .create-product-section .product-keyword .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .product-keyword .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-pricing-inner {
  margin-bottom: 30px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-procement {
  margin-bottom: 40px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising .border-right {
  position: relative;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising .border-right:after {
  content: '';
  height: 80%;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
  left: -15px;
  top: 10%;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-prising .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .product-more-detail .product-prising .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div {
  padding: 20px 0;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content .notify-div-note {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  min-height: 70px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content .notify-div-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content .notify-div-note p a {
  color: #222221;
  text-decoration: underline;
  font-family: "FuturaBT-MediumItalic";
}

.middle-section .middle-inner .create-product-section .product-more-detail .notify-div .notify-div-content .notify-div-note h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature {
  margin-bottom: 40px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .remove-form-button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 15px;
  max-height: 98px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .remove-form-button .btn-remove {
  background: rgba(202, 53, 53, 0.2);
  border: 1px solid #CA3535;
  border-radius: 100px;
  font-size: 12px;
  padding: 5px 12px;
  color: #CA3535;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  white-space: nowrap;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .remove-form-button .btn-remove i {
  font-weight: 600;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 35px;
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-product-section .product-more-detail .product-feature .add-filed-btns .btn-add-feature i {
  margin-right: 10px;
  font-weight: 600;
}

.middle-section .middle-inner .account-seetiing-secttion .email-verification {
  margin-top: -325px;
}

.middle-section .middle-inner .account-seetiing-secttion .cancelled-cheque {
  margin-top: -120px;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row {
  display: block;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col {
  padding: 35px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  margin-bottom: 20px;
  position: relative;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .after-none::after {
  display: none !important;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col::after {
  right: 0px;
  top: 10%;
  content: '';
  height: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 1px;
  background-color: #e8e8e8;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .acount-seting-icon {
  height: 50px;
  width: 50px;
  border-radius: 100px;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .acount-seting-icon img {
  width: 100%;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .acoount-setting-info {
  padding-left: 15px;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .acoount-setting-info h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 0;
}

.middle-section .middle-inner .account-seetiing-secttion .account-seting-row .accountsetting-col .acoount-setting-info p {
  margin-bottom: 0;
  font-size: 14px;
  color: #CA3535;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form {
  padding: 28px 25px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  width: 100%;
  margin-bottom: 20px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-title h2 {
  font-family: "Conv_futuramediumbt";
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-title span.form-info span {
  color: #E8E8E8;
  font-size: 24px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body {
  margin-bottom: 30px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 16px;
  font-family: "futurabook";
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .input-group {
  height: 40px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .input-group-text {
  height: 40px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .input-group-text .btn {
  line-height: 24px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .custom-file-label {
  height: 60px;
  text-align: left;
  line-height: 26px;
  border-radius: 0;
  padding-left: 40px;
  font-family: "futurabook";
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .form-group .custom-file-label:after {
  content: "\f030";
  font: normal normal normal 14px/1 FontAwesome;
  height: 40px;
  background-color: transparent;
  left: 0;
  color: #CBCBCB;
  top: 6px;
  border: 0;
  right: auto;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .group-radio {
  margin-bottom: 20px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .group-radio .custom-radio {
  min-width: 180px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body .signature-draw {
  height: 144px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 1px;
  width: 100%;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body p {
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  line-height: 30px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-body p a {
  color: #222221;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  height: 40px;
  line-height: 26px;
  font-size: 16px;
  max-width: 85px;
  margin-right: 8px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-save {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  height: 40px;
  line-height: 26px;
  font-size: 16px;
  max-width: 85px;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .account-seetiing-secttion .update-acccount-form .form-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .language-seetiing-secttion {
  width: 100%;
}

.middle-section .middle-inner .language-seetiing-secttion .language-header {
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.middle-section .middle-inner .language-seetiing-secttion .language-header h2 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .language-list .language-option {
  margin-bottom: 30px;
}

.middle-section .middle-inner .language-list .language-option ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.middle-section .middle-inner .language-list .language-option ul li {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E8E8E8;
  margin-top: -1px;
  margin-right: -1px;
}

.middle-section .middle-inner .language-list .language-option ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #727272;
  background-color: #ffffff;
  min-height: 32px;
  text-decoration: none;
  padding: 8px 20px 8px 50px;
  position: relative;
}

.middle-section .middle-inner .language-list .language-option ul li a::after {
  display: none !important;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 20px;
}

.middle-section .middle-inner .language-list .language-option ul li a::before {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f1db";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #CBCBCB;
  font-size: 20px;
}

.middle-section .middle-inner .language-list .language-option ul li a.active::after {
  display: block !important;
}

.middle-section .middle-inner .language-list .transaction-info h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 10px;
}

.middle-section .middle-inner .language-list .transaction-info .col-custom {
  margin-bottom: 20px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 5px 5px 5px 80px;
  position: relative;
  border: 1px solid #F3F3F3;
  background-color: #ffffff;
  min-height: 66px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .language-list .transaction-info .col-custom .circle-icon {
  position: absolute;
  left: 8px;
  top: 8px;
  height: 50px;
  width: 50px;
  background-color: #FFC20F;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .language-list .transaction-info .col-custom .circle-icon i.fa {
  font-size: 22px;
}

.middle-section .middle-inner .language-list .transaction-info .col-custom .circle-icon i {
  font-family: 20px;
  font-size: 24px;
  color: #ffffff;
}

.middle-section .middle-inner .language-list .transaction-info .col-custom h3 {
  font-size: 16px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 5px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .language-list .transaction-info .col-custom p {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: "futurabook";
}

.middle-section .middle-inner .language-list .note-transaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.middle-section .middle-inner .language-list .note-transaction .note-text {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .language-list .note-transaction .note-text h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .language-list .note-transaction .note-text P {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}

.middle-section .middle-inner .language-list .note-transaction .note-text P a {
  color: #222221;
  font-family: "FuturaBT-MediumItalic";
  text-decoration: underline;
}

.middle-section .middle-inner .order-tracking-section .order-header {
  min-height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div h2 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div .message-seeting a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .order-tracking-section .order-header .order-header-div .message-seeting a i {
  margin-right: 8px;
}

.middle-section .middle-inner .order-tracking-section .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #77B342 !important;
  border-color: #77B342 !important;
}

.middle-section .middle-inner .order-tracking-section .input-btn-div a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: #727272;
  text-decoration: none;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info {
  background: #FFFFFF;
  -webkit-box-shadow: 0 12px 14px 0 rgba(34, 34, 33, 0.02);
  box-shadow: 0 12px 14px 0 rgba(34, 34, 33, 0.02);
  border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0px 0px;
  margin-bottom: 20px;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  background: rgba(34, 34, 33, 0.5);
  width: 100%;
  padding: 5px 20px;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header h3 {
  font-size: 12px;
  color: #FAFAFA;
  margin-bottom: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  text-transform: uppercase;
  font-size: 12px;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header .select-status .select2-container {
  width: 150px !important;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header .select-status .select2-container .select2-selection--single .select2-selection__rendered {
  background-color: transparent;
  color: #ffffff !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-family: "Conv_futuramediumbt";
  text-transform: uppercase;
  font-size: 12px;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header .select-status .select2-container--default .select2-selection--single {
  background-color: transparent;
  color: #ffffff !important;
  outline: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: 0;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header .select-status .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent !important;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-info .order-id-header .select-status .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ffffff transparent !important;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header {
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom: 1px dashed #CBCBCB;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-number {
  display: block;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-number h3 {
  font-family: "Conv_futuramediumbt";
  font-size: 20px;
  color: #222221;
  letter-spacing: 0;
  line-height: 27px;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-number p {
  font-family: "Conv_futuramediumbt";
  font-size: 16px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price {
  display: block;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price P {
  font-family: "Conv_futuramediumbt";
  font-size: 26px;
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 35px;
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price .select-custom {
  background-color: transparent;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price .select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: transparent;
  border: 0;
  color: #0F62FF;
  font-size: 16px;
  color: #0F62FF;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price .select2-container {
  width: 150px !important;
}

.middle-section .middle-inner .order-tracking-section .orderdetail-header .order-price .select2-container--default .select2-selection--single {
  background-color: transparent;
  border: 0;
  white-space: nowrap;
  color: #0F62FF;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.middle-section .middle-inner .order-tracking-section .order-track-status {
  padding: 20px 30px;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul {
  width: 100%;
  margin: 0;
  padding: 0;
  padding-top: 30px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul::after {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  left: 0px;
  top: 0px;
  background-color: #727272;
  border-radius: 100px;
  display: block;
  clear: both;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li.done::after {
  height: 18px;
  width: 18px;
  top: -38px;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li.active::before {
  width: 152%;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li.active::after {
  background-color: #77B342;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li.active:first-child::before {
  width: 165%;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li.active:last-child::before {
  width: 98%;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li {
  display: inline-block;
  list-style: none;
  width: 22%;
  float: none;
  position: relative;
  text-align: center;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li::before {
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  width: 0%;
  left: 0px;
  top: -30px;
  background-color: #77B342;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 99;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li:first-child {
  text-align: left;
  width: 17%;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li:first-child::after {
  margin: unset;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li:last-child {
  text-align: right;
  width: 17%;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li:last-child::after {
  margin: unset;
  left: auto;
  right: 0;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li::after {
  content: '';
  display: block;
  position: absolute;
  height: 12px;
  width: 12px;
  left: 0px;
  right: 0;
  margin: 0 auto;
  top: -35px;
  background-color: #727272;
  border-radius: 100px;
  border: 2px solid #FAFAFA;
  z-index: 99;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li h3 {
  font-size: 16px;
  color: #CBCBCB;
  letter-spacing: 0;
  line-height: 24px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li p {
  font-size: 14px;
  color: #727272;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .order-tracking-section .order-track-status ul li .btn-track {
  padding: 5px 12px;
  background-color: #ffc20f;
  border-radius: 8px;
  color: #10100F;
  line-height: 20px;
  word-break: break-all;
}

.middle-section .middle-inner .order-tracking-section .change-status h3 {
  font-size: 22px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 15px;
}

.middle-section .middle-inner .order-tracking-section .change-status p {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  line-height: 38px;
}

.middle-section .middle-inner .order-tracking-section .change-status .change-control {
  margin-bottom: 10px;
}

.middle-section .middle-inner .order-tracking-section .change-status .change-control .select2-container {
  width: 100% !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.middle-section .middle-inner .order-tracking-section .change-status .change-control .select2-container--default .select2-selection--single {
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

.middle-section .middle-inner .order-tracking-section .change-status .change-control .select2-container .select2-selection--single .select2-selection__rendered {
  line-height: 38px;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  color: #FFC20F;
  font-size: 16px;
  font-family: "Conv_futuramediumbt";
  padding-left: 15px;
}

.middle-section .middle-inner .order-tracking-section .change-status .change-control .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table {
  margin-bottom: 20px;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: calc(100% - 130px);
  padding: 6px 12px;
  min-height: 50px;
  border: 1px solid #CBCBCB;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li:first-child {
  width: 130px;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .view-order-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .view-order-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .view-order-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li span.status {
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .in-process {
  color: #FFC20F;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .delivered {
  color: #77B342;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .in-queue {
  color: #0F62FF;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li .cancelled {
  color: #CA3535;
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  font-family: "futurabook";
}

.middle-section .middle-inner .order-tracking-section .change-status .status-table ul li p a {
  display: block;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .order-tracking-section .deli-payment {
  margin-bottom: 20px;
}

.middle-section .middle-inner .order-tracking-section .deli-payment .price-row.total {
  border-top: 1px solid #CBCBCB;
}

.middle-section .middle-inner .order-tracking-section .deli-payment .price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .order-tracking-section .deli-payment .price-row P {
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  text-align: right;
  line-height: 38px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .deli-payment .price-row span {
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  text-align: right;
  line-height: 38px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .order-tracking-section .deli-payment h3 {
  font-size: 22px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 15px;
}

.middle-section .middle-inner .order-tracking-section .deli-payment p {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  line-height: 38px;
}

.middle-section .middle-inner .order-tracking-section .deli-address h3 {
  font-size: 22px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 15px;
}

.middle-section .middle-inner .order-tracking-section .deli-address p {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  line-height: 30px;
}

.middle-section .middle-inner .order-tracking-section .order-body {
  min-height: calc(100vh - 250px);
  padding-bottom: 120px;
  position: relative;
}

.middle-section .middle-inner .order-tracking-section .order-body .order-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .order-tracking-section .order-body .create-product-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .order-tracking-section .order-body .create-product-note h3 {
  font-size: 14px;
  color: #CA3535;
  letter-spacing: 0;
  min-width: 50px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .order-tracking-section .order-body .create-product-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 386px;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .order-tracking-section .order-body .craete-product-footer .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .ox-hidden {
  overflow-x: hidden;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-inner {
  overflow-x: hidden;
  width: 100%;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-header {
  min-height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-header .manage-quotation-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-header .manage-quotation-div h2 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-header .manage-quotation-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .manage-quotation-section .manage-quotation-header .manage-quotation-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .manage-quotation-section .bg-transparent {
  background-color: transparent;
}

.middle-section .middle-inner .manage-quotation-section .bg-transparent td {
  border-bottom: 0 !important;
}

.middle-section .middle-inner .changepass-section .breadcrumb-reseller {
  border: 0;
}

.middle-section .middle-inner .changepass-section .changepass-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
}

.middle-section .middle-inner .changepass-section .changepass-header .changepass-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .changepass-content {
  min-height: calc(100vh - 230px);
  padding-bottom: 80px;
  position: relative;
}

.middle-section .middle-inner .changepass-content .change-password-form {
  padding-bottom: 50px;
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #DDDDDD;
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .changepass-content .change-password-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group .form-control:focus {
  border: 1px solid #222221 !important;
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group .input-group-addon {
  position: absolute;
  right: 15px;
  top: 8px;
  z-index: 99;
}

.middle-section .middle-inner .changepass-content .change-password-form .form-group .input-group-addon a {
  font-size: 14px;
  color: #FFC20F;
  letter-spacing: 0;
  text-align: right;
  line-height: 20px;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .changepass-content .changepass-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .changepass-content .changepass-footer .account-setting p {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 24px;
}

.middle-section .middle-inner .changepass-content .changepass-footer .account-setting p span {
  display: block;
}

.middle-section .middle-inner .changepass-content .changepass-footer .account-setting p span a {
  font-family: "Conv_futuramediumbt";
  margin-left: 10px;
  color: #FFC20F;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .changepass-content .changepass-footer .changepass-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-plan-reseller {
  border: 0;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-plan-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-plan-header .changepass-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content {
  margin-bottom: 40px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  font-family: "futurabook";
  margin-bottom: 20px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .row-7 {
  margin: 0 -7px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .row-7 .pad-7 {
  padding: 0 7px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box {
  padding: 30px 50px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  border-radius: 10.46px 10.46px 0 0;
  border-radius: 10.46px 10.46px 0px 0px;
  margin-bottom: 20px;
  text-align: center;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box h3 {
  font-size: 26px;
  color: #222221;
  letter-spacing: -0.12px;
  font-family: "Conv_futuramediumbt";
  text-transform: uppercase;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month {
  margin-bottom: 30px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month h2 {
  font-size: 26px;
  color: #222221;
  letter-spacing: -0.12px;
  text-align: center;
  margin-bottom: 5px;
  font-family: "Conv_Futura Bold";
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month h2 span {
  color: #303030;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month p {
  font-size: 18px;
  color: #222221;
  letter-spacing: -0.08px;
  line-height: 21px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box p {
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  line-height: 31.39px;
  margin-bottom: 30px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box a.btn-plan {
  height: 60px;
  background-color: #FAFAFA;
  border: 1px solid #F2F2F2;
  border-radius: 10.46px;
  padding: 16px 20px;
  line-height: 27px;
  font-size: 20px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box a.btn-plan:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .btn-standard {
  color: #ffffff !important;
  background-image: linear-gradient(226deg, #CA3535 0%, #CA5335 100%) !important;
  border-radius: 10.46px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .btn-premium {
  color: #ffffff !important;
  background-image: linear-gradient(225deg, #FFC20F 0%, #CA3535 100%) !important;
  border-radius: 10.46px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include {
  padding: 0 20px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-header {
  padding: 10px 0 30px 0;
  border-bottom: 1px dashed #C8C8C8;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-header h3 {
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-header P {
  font-size: 22px;
  color: #303030;
  letter-spacing: 0;
  line-height: 22px;
  margin-bottom: 0;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-list {
  padding: 10px 0;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-list .custom-checkbox {
  margin: 8px 0 !important;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-list .custom-checkbox label {
  font-size: 18px;
  color: #727272;
  letter-spacing: 0;
  line-height: 24px;
}

.middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-list .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #77B342;
  border-color: #77B342;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .couponlist-header {
  min-height: 58px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .couponlist-header .couponlist-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .couponlist-header .couponlist-div h2 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .couponlist-header .couponlist-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .couponlist-header .couponlist-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .row-7 {
  margin: 0 -7px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .row-7 .pad-7 {
  padding: 0 7px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid {
  padding: 20px 0 0 0;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  -webkit-box-shadow: 0 4px 30px 2px #FAFAFA;
  box-shadow: 0 4px 30px 2px #FAFAFA;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: block;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card:hover {
  -webkit-box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .edit-offer {
  padding: 2px;
  background-color: transparent;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-self: center;
  right: 10px;
  top: 10px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .edit-offer .edit-product-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 3px 40px 3px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .edit-offer .edit-product-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .edit-offer .edit-product-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-header {
  min-height: 156px;
  max-height: 156px;
  overflow: hidden;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-header img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  min-height: 156px;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-body {
  padding: 20px;
  text-align: center;
  position: relative;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-body h3 {
  font-family: "Conv_futuramediumbt";
  font-size: 22px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  margin: 0 0 10px 0;
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-body p {
  font-size: 12px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .couponlist-section .couponlist-inner .coupon-content-grid .offers-card .offers-body a {
  font-size: 18px;
  color: #FFC20F;
  letter-spacing: 0;
  text-align: center;
  display: block;
  word-break: break-word;
  font-family: "Conv_Futura Bold";
  background: #FFFFFF;
  border: 1px dashed #FFC20F;
  -webkit-box-shadow: 0 2px 4px 0 rgba(203, 203, 203, 0.22);
  box-shadow: 0 2px 4px 0 rgba(203, 203, 203, 0.22);
  border-radius: 17.03px;
  line-height: 27px;
  padding: 6px 12px;
  text-decoration: none;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  padding: 10px 10px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-title h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-title h3 a {
  color: #222221;
  text-decoration: underline;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back {
  max-width: 240px;
  display: block;
  width: 100%;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  font-size: 15px;
  height: 35px;
  line-height: 24px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-back .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body {
  min-height: calc(100vh - 230px);
  padding-bottom: 120px;
  position: relative;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-note h3 {
  font-size: 14px;
  color: #CA3535;
  letter-spacing: 0;
  min-width: 50px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 386px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-coupon-section .create-coupon-body .create-coupon-footer .create-coupon-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow-x: auto;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  float: left;
  width: calc(20% - 0px);
  min-width: 125px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li:first-child {
  min-width: 170px;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a {
  display: block;
  font-size: 16px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 15px 15px 15px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
  width: 100%;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon {
  padding: 30px 0px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-info .add-gen-info-header h1 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group {
  width: 100%;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .select2-container {
  width: 100% !important;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #DDDDDD;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping {
  padding: 20px 0;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 15px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping .allow-shipping-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping .allow-shipping-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping .allow-shipping-content .allow-shipping-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .allow-shipping .allow-shipping-content .allow-shipping-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .keyword-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .keyword-list ul li {
  display: inline-block;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .keyword-list ul li a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  background: #CBCBCB;
  border-radius: 12.5px;
  padding: 6px 40px 6px 15px;
  display: block;
  line-height: 16px;
  margin: 0 0 10px 10px;
  display: inline-block;
  text-decoration: none;
  z-index: 9;
  position: relative;
  font-family: "futurabook";
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .keyword-list ul li a span {
  height: 28px;
  width: 28px;
  border-radius: 100px;
  background-color: #727272;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .create-coupon-section .tab-content-create-coupon .add-gen-content .keyword-list ul li a span i {
  color: #ffffff;
}

.middle-section .middle-inner .manage-service-section .manage-service-inner {
  overflow: hidden;
}

.middle-section .middle-inner .manage-service-section .manage-service-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #dee2e6;
}

.middle-section .middle-inner .manage-service-section .manage-service-div ul {
  border: 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .manage-service-section .manage-service-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .manage-service-section .manage-service-content {
  padding: 20px 0 0 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .fade {
  display: none;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .fade.active {
  display: block;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .fade.show {
  display: block;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-title {
  margin: 10px 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-title h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-sort label {
  font-family: "Conv_futuramediumbt";
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  line-height: 20px;
  text-align: right;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-sort .select2-container .select2-selection--single {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  white-space: nowrap;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-sort .select2-container {
  white-space: nowrap;
  width: 120px !important;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  margin-bottom: 10px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body {
  padding: 30px 20px 20px 20px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .left-contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img {
  height: 54px;
  width: 54px;
  min-width: 54px;
  border: 2px solid #E8E8E8;
  border-radius: 100%;
  overflow: hidden;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img img {
  border: 3px solid #ffffff;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent {
  padding-left: 10px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent h3 {
  font-size: 20px;
  color: #181C2F;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 6px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  line-height: 22px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-info p {
  font-size: 14px;
  color: #727272;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-info p span {
  color: #222221;
  margin-left: 8px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .deactive-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content {
  padding-left: 10px;
  width: 80%;
  position: relative;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content::after {
  height: 90%;
  top: 5%;
  left: 10px;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content p {
  font-family: "futurabook";
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  margin-bottom: 0px;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer {
  background: #E8E8E8;
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 15px 0 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer h3 {
  font-size: 16px;
  color: #222221;
  line-height: 18px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0 20px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 10px 8px 0;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li a {
  display: block;
  background-color: #FFFFFF;
  border-radius: 13px;
  font-size: 16px;
  line-height: 18px;
  color: #222221;
  letter-spacing: 0;
  padding: 4px 12px;
  text-decoration: none;
}

.middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer .more-keyword {
  font-size: 15px;
  color: #222221;
  letter-spacing: -2.8px;
  padding: 5px 12px;
  background: #CBCBCB;
  line-height: 16px;
  border-radius: 13px;
  display: inline-block;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 8px;
}

.middle-section .middle-inner .service-provider-section .service-provider-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  padding: 10px 10px;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-title h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-title h3 a {
  color: #222221;
  text-decoration: underline;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back {
  max-width: 240px;
  display: block;
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  font-size: 15px;
  height: 35px;
  line-height: 24px;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .service-provider-section .service-provider-header .service-provider-back .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .service-provider-section .service-provider-body {
  min-height: calc(100vh - 230px);
  padding-bottom: 120px;
  position: relative;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-note h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  min-width: 50px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 386px;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-cancel {
  background-color: #ffffff;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #727272;
  text-align: center;
  border: 1px solid #CBCBCB;
  margin-right: 10px;
  max-width: 123px;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-cancel:hover {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-cancel:focus {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-cancel:active {
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  box-shadow: 0 12px 24px 0 rgba(232, 232, 232, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-cancel {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-save {
  max-width: 300px;
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-save:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-save:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-save:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .service-provider-section .service-provider-body .service-provider-footer .service-provider-btns .btn-save {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .service-provider-section .service-provider-tab {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  overflow-x: auto;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  float: left;
  width: auto;
  min-width: 125px;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li:first-child {
  min-width: 190px;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a {
  display: block;
  font-size: 16px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 15px 15px 15px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .service-provider-section .service-provider-tab ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider {
  padding: 30px 0px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon {
  width: 100%;
  border-radius: 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .btn {
  width: 100%;
  border-radius: 0;
  text-align: left;
  height: 50px;
  background: #FFFFFF;
  border: 1px solid #DDDDDD;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .btn img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .btn strong span {
  font-family: "futurabook" !important;
  text-decoration: underline;
  font-weight: 400;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu {
  width: 100%;
  padding: 10px 20px;
  border-radius: 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li {
  display: inline-block;
  list-style: none;
  float: left;
  margin-right: 10px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li a {
  height: 54px;
  min-width: 54px;
  width: 54px;
  display: block;
  border-radius: 100px;
  padding: 12px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li a img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li a.active {
  border: 2px solid #77B342;
  position: relative;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li a.active::before {
  position: absolute;
  right: -5px;
  top: 2px;
  content: '\f111';
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #ffffff;
  font-size: 18px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .select-icon .dropdown-menu li a.active:after {
  position: absolute;
  right: -5px;
  top: 2px;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 18px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .service-icon {
  position: relative;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .service-icon .service-icon-img {
  height: 24px;
  width: 24px;
  position: absolute;
  left: 8px;
  top: 40px;
  z-index: 99;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .service-icon .service-icon-img img {
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .service-icon .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 40px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service .new-service-header {
  margin-bottom: 30px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service .new-service-header h1 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider {
  background: #ffffff;
  border: 0px solid #979797;
  height: 90px;
  width: 90px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider label {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  border: 1px solid #E8E8E8;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider label::after {
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  content: 'insert_photo';
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 30px;
  color: #727272;
  z-index: 0;
  font-family: 'Material Icons';
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider label::before {
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  content: "add 2 More";
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: #727272;
  z-index: 1;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider label img {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider input {
  display: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul li {
  list-style: none;
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul li a {
  display: block;
  width: 90px;
  min-width: 90px;
  height: 90px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul li a img {
  width: 100%;
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group textarea.form-control {
  height: 120px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group {
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .select2-container {
  width: 100% !important;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .select2-container .select2-selection--single {
  height: 40px;
  border: 1px solid #DDDDDD;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 40px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping {
  padding: 20px 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin-bottom: 15px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-content .allow-shipping-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-content .allow-shipping-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-note h3 {
  font-size: 14px;
  color: #CA3535;
  letter-spacing: 0;
  min-width: 50px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  max-width: 386px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping .allow-shipping-note p span {
  display: block;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .allow-shipping.bb-1 {
  border-bottom: 1px solid #e8e8e8;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .keyword-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .keyword-list ul li {
  display: inline-block;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .keyword-list ul li a {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  background: #E8E8E8;
  border-radius: 12.5px;
  padding: 6px 40px 6px 15px;
  display: block;
  line-height: 16px;
  margin: 0 0 10px 10px;
  display: inline-block;
  text-decoration: none;
  z-index: 9;
  position: relative;
  font-family: "futurabook";
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .keyword-list ul li a span {
  height: 28px;
  width: 28px;
  border-radius: 100px;
  background-color: transparent;
  position: absolute;
  color: #727272;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .keyword-list ul li a span i {
  font-size: 18px;
  color: #727272;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option {
  margin-bottom: 30px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E8E8E8;
  margin-top: -1px;
  margin-right: -1px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.2px;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  line-height: 34.7px;
  background-color: #ffffff;
  min-height: 40px;
  text-decoration: none;
  padding: 0px 0px 0px 50px;
  height: 40px;
  position: relative;
  min-width: 90px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a .time-div {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a .time-div .time-text {
  border-left: 1px solid #E8E8E8;
  border-right: 1px solid #E8E8E8;
  padding: 0px 15px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -1px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a .time-div .time-text span {
  font-family: "futurabook";
  margin-left: 10px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a::after {
  display: none !important;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 20px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a::before {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f1db";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #CBCBCB;
  font-size: 20px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a.active::after {
  display: block !important;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box {
  margin-bottom: 20px;
  position: relative;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .custom-control .custom-control-label::before {
  border: 2px solid #ffffff !important;
  display: none;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .custom-control .custom-control-label {
  position: relative;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .custom-control .custom-control-input:checked~.custom-control-label::after {
  position: relative;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 24px;
  right: 25px;
  left: unset !important;
  top: 3px !important;
  background-color: transparent;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .payment-img {
  width: 80px;
  height: auto;
  margin-bottom: 20px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .payment-img img {
  width: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label {
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 6px 6px 6px 6px;
  padding: 30px 20px;
  display: block;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label .custom-radio {
  min-height: 31px;
  max-height: 31px;
  display: block;
  position: absolute;
  right: 5px;
  top: 15px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label .custom-radio label {
  font-size: 15px;
  color: #222221;
  letter-spacing: -0.16px;
  line-height: 26px;
  font-family: "futurabook";
  display: block;
  width: 100%;
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label .address-card-info {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label .address-card-info h3 {
  font-size: 16px;
  color: #10100F;
  line-height: 30px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .payment-card-box .address-card-label .address-card-info p {
  font-size: 16px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  line-height: 19px;
  margin-bottom: 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share {
  padding-bottom: 0px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .heading {
  margin-bottom: 23px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .heading h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 19px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .form-group .input-group .switch-slider {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 99;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .form-group .input-group .switch-slider label {
  font-size: 10px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .form-group .input-group .form-control {
  padding: 6px 10px 6px 80px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .form-group .input-group .input-group-text {
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .form-group .input-group .btn-copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #FFC20F;
  border: 1px solid #FFC20F;
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 15px;
  height: 100%;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .note-text {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .note-text h3 {
  font-size: 12px;
  color: #CA3535;
  letter-spacing: 0;
  line-height: 20px;
  font-family: "Conv_futuramediumbt";
  min-width: 50px;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .note-text p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 18px;
  margin-bottom: 0;
}

.middle-section .middle-inner .service-provider-section .tab-content-service-provider .profile-update-share .share-url .note-text p a {
  font-family: "FuturaBT-MediumItalic";
  color: #222221;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-inner {
  overflow: hidden;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  min-height: 58px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-div h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .all-apointment-section .all-apointment-div .add-product a {
  font-family: "Conv_futuramediumbt";
  font-size: 18px;
  color: #ffc20f;
  letter-spacing: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-div .add-product a i {
  margin-right: 8px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content {
  padding: 20px 0 0 0;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .fade {
  display: none;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .fade.active {
  display: block;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .fade.show {
  display: block;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-title {
  margin: 10px 0;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-title h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-sort label {
  font-family: "Conv_futuramediumbt";
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  line-height: 20px;
  text-align: right;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 0;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-sort .select2-container .select2-selection--single {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  white-space: nowrap;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .inner-service-header .service-sort .select2-container {
  white-space: nowrap;
  width: 120px !important;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  margin-bottom: 10px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body {
  padding: 30px 20px 20px 20px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .left-contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img {
  height: 50px;
  width: 54px;
  min-width: 54px;
  border: 1px solid #E8E8E8;
  border-radius: 100%;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img img {
  width: 100%;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .service-conetent {
  padding-left: 10px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .service-conetent h3 {
  font-size: 20px;
  color: #181C2F;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 6px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .service-conetent p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  line-height: 22px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-info p {
  font-size: 14px;
  color: #727272;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .service-info p span {
  color: #222221;
  margin-left: 8px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .deactive-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content {
  padding-left: 10px;
  width: 80%;
  position: relative;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content::after {
  content: '';
  height: 90%;
  top: 5%;
  left: 10px;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content p {
  font-family: "futurabook";
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  margin-bottom: 0px;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer {
  background: #E8E8E8;
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 15px 0 0;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer h3 {
  font-size: 16px;
  color: #222221;
  line-height: 18px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0 20px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 10px 8px 0;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer ul li a {
  display: block;
  background-color: #FFFFFF;
  border-radius: 13px;
  font-size: 16px;
  line-height: 18px;
  color: #222221;
  letter-spacing: 0;
  padding: 4px 12px;
  text-decoration: none;
}

.middle-section .middle-inner .all-apointment-section .all-apointment-content .service-list .service-list-box .service-footer .more-keyword {
  font-size: 15px;
  color: #222221;
  letter-spacing: -2.8px;
  padding: 5px 12px;
  background: #CBCBCB;
  line-height: 16px;
  border-radius: 13px;
  display: inline-block;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 8px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-inner {
  overflow: hidden;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box {
  background-color: #FFFFFF;
  border: 1px solid #E8E8E8;
  min-height: 84px;
  max-height: 84px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 25px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-decoration: none;
  margin-bottom: 8px;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box .box-content p {
  font-size: 13px;
  color: #CBCBCB;
  letter-spacing: 0;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0px;
  line-height: 20px;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box .box-content h3 {
  font-size: 24px;
  color: #222221;
  letter-spacing: -0.06px;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  line-height: 28px;
  margin-bottom: 0px;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box .box-img {
  height: 60px;
  width: 60px;
}

.middle-section .middle-inner .payments-lisiting-section .payment-header .payment-summary-box .box-img img {
  width: 100%;
}

.middle-section .middle-inner .payments-lisiting-section .table-product-resell .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: #77B342 !important;
  border-color: #77B342 !important;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs {
  z-index: 1;
  position: relative;
  background-color: #FBFBFB;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li {
  display: inline-block;
  list-style: none;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a {
  display: block;
  font-size: 18px;
  color: rgba(34, 34, 33, 0.5);
  letter-spacing: 0;
  background: #FBFBFB;
  display: inline-block;
  padding: 10px 15px 20px 15px;
  font-family: "Conv_futuramediumbt";
  text-decoration: none;
  position: relative;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a:hover {
  color: #222221;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a:hover::after {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a.active {
  color: #222221;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-tabs ul.nav-tabs li a.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0px;
  left: -2px;
  right: 0;
  background: #ffc20f;
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content {
  padding: 20px 0 0 0;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .fade {
  display: none;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .fade.active {
  display: block;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .fade.show {
  display: block;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-title {
  margin: 10px 0;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-title h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-align: left;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-sort label {
  font-family: "Conv_futuramediumbt";
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  line-height: 20px;
  text-align: right;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-sort .select2-container--default .select2-selection--single .select2-selection__rendered {
  border: 0;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-sort .select2-container .select2-selection--single {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  white-space: nowrap;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .inner-service-header .service-sort .select2-container {
  white-space: nowrap;
  width: 120px !important;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  box-shadow: 0 6px 10px 0 rgba(242, 242, 242, 0.5);
  margin-bottom: 10px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body {
  padding: 30px 20px 20px 20px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .left-contents {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img {
  height: 50px;
  width: 54px;
  min-width: 54px;
  border: 1px solid #E8E8E8;
  border-radius: 100%;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .left-contents .service-img img {
  width: 100%;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .service-conetent {
  padding-left: 10px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .service-conetent h3 {
  font-size: 20px;
  color: #181C2F;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 6px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .service-conetent p {
  font-size: 14px;
  color: rgba(34, 34, 33, 0.5);
  line-height: 22px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn {
  width: 80px;
  background: #FAFAFA;
  border-radius: 15px;
  display: block;
  padding: 5px 40px 5px 15px;
  color: #222221;
  font-size: 14px;
  color: #222221;
  letter-spacing: -0.05px;
  text-align: left;
  position: relative;
  text-decoration: none;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn {
  background: #FFC20F;
  border-radius: 100px;
  -webkit-box-shadow: 0 2px 4px 0 #E8E8E8;
  box-shadow: 0 2px 4px 0 #E8E8E8;
  height: 30px;
  width: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: -2px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-profile .right-content .edit-product-btn span.circle-btn span {
  font-size: 18px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-info p {
  font-size: 14px;
  color: #727272;
  line-height: 22px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .service-info p span {
  color: #222221;
  margin-left: 8px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .deactive-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content {
  padding-left: 10px;
  width: 80%;
  position: relative;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content::after {
  content: '';
  height: 90%;
  top: 5%;
  left: 10px;
  width: 1px;
  background-color: #E8E8E8;
  position: absolute;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content h3 {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-body .deactive-service .service-deactive-content p {
  font-family: "futurabook";
  font-size: 12px;
  color: #727272;
  letter-spacing: 0;
  text-align: right;
  line-height: 15px;
  margin-bottom: 0px;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer {
  background: #E8E8E8;
  border-radius: 0 0 4px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  padding: 8px 15px 0 0;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer h3 {
  font-size: 16px;
  color: #222221;
  line-height: 18px;
  margin-right: 15px;
  margin-bottom: 0;
  padding: 0 20px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer ul li {
  list-style: none;
  display: inline-block;
  margin: 0px 10px 8px 0;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer ul li a {
  display: block;
  background-color: #FFFFFF;
  border-radius: 13px;
  font-size: 16px;
  line-height: 18px;
  color: #222221;
  letter-spacing: 0;
  padding: 4px 12px;
  text-decoration: none;
}

.middle-section .middle-inner .payments-lisiting-section .payments-lisiting-content .service-list .service-list-box .service-footer .more-keyword {
  font-size: 15px;
  color: #222221;
  letter-spacing: -2.8px;
  padding: 5px 12px;
  background: #CBCBCB;
  line-height: 16px;
  border-radius: 13px;
  display: inline-block;
  text-decoration: none;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 8px;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  padding: 10px 10px;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  height: 100%;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-title h3 {
  font-size: 18px;
  color: #222221;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-title h3 a {
  color: #222221;
  text-decoration: underline;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back {
  max-width: 240px;
  display: block;
  width: 100%;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back .btn-back {
  background-color: #FFC20F;
  width: 100%;
  font-family: "Conv_futuramediumbt";
  height: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  line-height: 36px;
  color: #000000;
  text-align: center;
  font-size: 15px;
  height: 35px;
  line-height: 24px;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back .btn-back:hover {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back .btn-back:focus {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back .btn-back:active {
  background-color: #ffc20f;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  box-shadow: 0 12px 24px 0 rgba(255, 194, 15, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .payment-setting-section .payment-setting-header .payment-setting-back .btn-back {
    height: 40px;
    line-height: 26px;
    font-size: 16px;
  }
}

.middle-section .middle-inner .payment-setting-section .payment-crad {
  margin-top: 20px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 3px;
  padding: 40px 36px 20px 36px;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .card-content h3 {
  font-size: 16px;
  color: #222221;
  line-height: 19px;
  font-family: "Conv_futuramediumbt";
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .card-content p {
  font-size: 16px;
  color: #727272;
  line-height: 26px;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .payment-merchant span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .payment-merchant span img {
  height: 21px;
  width: 30px;
  margin-left: 5px;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-form .form-group label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-family: "futurabook";
}

.middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-form .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-form .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.middle-section .middle-inner .payment-setting-section .send-notifications {
  padding: 20px 0;
}

.middle-section .middle-inner .payment-setting-section .send-notifications h3 {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  line-height: 19px;
  margin-bottom: 15px;
  font-family: "futurabook";
}

.middle-section .middle-inner .payment-setting-section .send-notifications .notifications-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

.middle-section .middle-inner .payment-setting-section .send-notifications .notifications-content .switch-slider {
  min-width: 80px;
}

.middle-section .middle-inner .payment-setting-section .send-notifications .notifications-content .responce-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.middle-section .middle-inner .payment-setting-section .send-notifications .notifications-content .responce-note p {
  font-size: 12px;
  color: #222221;
  letter-spacing: 0;
  line-height: 16px;
  margin-bottom: 5px;
}

.pad-slide {
  padding-left: 295px;
}

.order-selectbar {
  background: #222221;
  -webkit-box-shadow: 0 2px 24px 0 #000000;
  box-shadow: 0 2px 24px 0 #000000;
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
}

.order-selectbar .select-check a {
  font-size: 14px;
  color: #FFC20F;
  line-height: 20px;
  white-space: nowrap;
  padding: 8px 12px;
}

.order-selectbar .select-action ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.order-selectbar .select-action ul li {
  border-left: 1px solid #727272;
  display: inline-block;
}

.order-selectbar .select-action ul li:last-child {
  border-right: 1px solid #727272;
  margin-right: 20px;
}

.order-selectbar .select-action ul li a {
  font-size: 12px;
  color: #FFFFFF;
  line-height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 8px 12px;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.order-selectbar .select-action ul li a .icon {
  margin-right: 10px;
  color: #727272;
}

.order-selectbar .select-action ul li a .text {
  display: block;
}

.order-selectbar .select-action ul li a:hover {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #FFC20F;
}

.order-selectbar .select-action ul li a:hover .icon {
  color: #FFC20F;
}

.modal-sharelink .modal-dialog .modal-content {
  border: 0 !important;
}

.modal-sharelink .modal-dialog .modal-content .close {
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  background-color: transparent !important;
  z-index: 99;
}

.modal-sharelink .modal-dialog .modal-content .close i {
  color: #222221 !important;
}

.modal-sharelink .modal-body {
  padding: 40px 80px !important;
  background-image: url(../images/bg-modal.png);
  background-position: bottom;
}

.modal-sharelink .company-share-profile .suppliar-box {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  -webkit-box-shadow: 0 4px 30px 2px #FAFAFA;
  box-shadow: 0 4px 30px 2px #FAFAFA;
  position: relative;
  margin-bottom: 40px;
}

.modal-sharelink .company-share-profile .suppliar-box::before {
  content: '';
  position: absolute;
  left: -8px;
  top: -8px;
  height: 100px;
  width: 100px;
  background-image: url(../../../assets/images/ribbon.png);
  background-repeat: no-repeat;
  margin: 0 auto;
  display: block;
}

.modal-sharelink .company-share-profile .suppliar-box:hover {
  background: #FFFFFF;
  border: 1px solid #E4E4E4;
  -webkit-box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  box-shadow: 0 4px 10px 2px rgba(18, 18, 18, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.modal-sharelink .company-share-profile .suppliar-box .faverouite {
  position: absolute;
  right: 10px;
  top: 10px;
}

.modal-sharelink .company-share-profile .suppliar-box .faverouite a {
  display: block;
}

.modal-sharelink .company-share-profile .suppliar-box .faverouite a i {
  font-size: 22px;
  color: #FAFAFA;
}

.modal-sharelink .company-share-profile .suppliar-box .faverouite a.active i {
  color: #ff0000;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-img {
  max-height: 223px;
  min-height: 223px;
  overflow: hidden;
  height: 100%;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer {
  position: relative;
  padding: 20px 20px 16px 20px;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 12px;
  background-color: rgba(34, 34, 33, 0.1);
  height: 1px;
  width: 80%;
  margin: 0 auto;
  display: block;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer a {
  text-decoration: none;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer h3 {
  font-size: 22px;
  color: #000000;
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer h4 {
  font-size: 18px;
  color: rgba(55, 55, 56, 0.5);
  letter-spacing: 0;
  text-align: center;
  font-family: "Conv_futuramediumbt";
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer .rating {
  display: block;
  text-align: center;
}

.modal-sharelink .company-share-profile .suppliar-box .suppliar-footer .rating i {
  color: #FFC20F;
  font-size: 12px;
}

.modal-sharelink .company-share-profile .shareLink {
  padding: 30px 0;
  text-align: center;
  border-top: 1px solid rgba(114, 114, 114, 0.2);
  border-bottom: 1px solid rgba(114, 114, 114, 0.2);
}

.modal-sharelink .company-share-profile .shareLink h3 {
  font-size: 24px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
}

.modal-sharelink .company-share-profile .shareLink a {
  font-size: 30px;
  color: #FFC20F;
  letter-spacing: -0.8px;
  text-align: center;
  font-family: "Conv_futuramediumbt";
  display: block;
  text-decoration: none;
}

.modal-sharelink .company-share-profile .socialLinks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 0;
}

.modal-sharelink .company-share-profile .socialLinks ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.modal-sharelink .company-share-profile .socialLinks ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}

.modal-sharelink .company-share-profile .socialLinks ul li a {
  height: 52px;
  width: 52px;
  border-radius: 100%;
  display: block;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.modal-sharelink .company-share-profile .socialLinks ul li a .fa {
  font-size: 26px;
}

.modal-sharelink .company-share-profile .socialLinks ul li a:after {
  content: '';
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 62px;
  width: 62px;
  border: 2px solid transparent;
  border-radius: 100px;
  position: absolute;
  left: -5px;
  top: -5px;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.google {
  background-color: #F24033;
  position: relative;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.google:hover {
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.google:hover:after {
  content: '';
  border: 2px solid #F24033;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.facebook {
  background-color: #43619C;
  position: relative;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.facebook:hover:after {
  border: 2px solid #43619C;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.dribble {
  background-color: #E64C87;
  position: relative;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.dribble:hover:after {
  border: 2px solid #E64C87;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.be {
  background-color: #1A70F9;
  position: relative;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.be:hover:after {
  border: 2px solid #1A70F9;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.linkedin {
  background-color: #187FB8;
  position: relative;
}

.modal-sharelink .company-share-profile .socialLinks ul li a.linkedin:hover:after {
  border: 2px solid #187FB8;
}

.modal-sharelink .modal-footer-shar-link {
  background-color: #222221 !important;
  min-height: 60px !important;
  border-radius: 0 !important;
}

.modal-sharelink .modal-footer-shar-link h3 {
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  text-align: left;
}

.modal-accept-bid .modal-dialog .modal-content {
  border: 0 !important;
}

.modal-accept-bid .modal-dialog .modal-content .close {
  z-index: 99;
}

.modal-accept-bid .modal-body {
  padding: 50px 80px !important;
  background-image: url(../images/bg-acceot-offer.png);
  background-position: bottom;
  background-repeat: no-repeat;
}

.modal-accept-bid .modal-body .accept-bid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-accept-bid .modal-body .accept-bid h2 {
  font-size: 30px;
  color: #000000;
  text-align: center;
  font-family: "Conv_Futura Bold";
  position: relative;
  margin-bottom: 57px;
}

.modal-accept-bid .modal-body .accept-bid h2:after {
  content: '';
  width: 15px;
  height: 3px;
  background-color: #FFC20F;
  display: block;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: 0 auto;
  position: absolute;
}

.modal-accept-bid .modal-body .accept-bid h3 {
  background: #F1F7EC;
  border-radius: 10px;
  font-family: "Conv_futuramediumbt";
  max-width: 295px;
  width: 100%;
  font-size: 36px;
  color: #77B342;
  text-align: center;
  padding: 12px 15px;
  margin-bottom: 60px;
}

.modal-accept-bid .modal-body .accept-bid h4 {
  font-size: 20px;
  color: #222221;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 20px;
}

.modal-accept-bid .modal-body .accept-bid h4 a {
  color: #222221;
  font-family: "FuturaBT-MediumItalic";
  text-decoration: underline;
}

.modal-accept-bid .modal-body .accept-bid P {
  font-size: 20px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  line-height: 29px;
}

.modal-accept-bid .modal-footer-accept-bid {
  background-color: #77B342 !important;
  min-height: 80px !important;
  border-radius: 0 !important;
}

.modal-accept-bid .modal-footer-accept-bid h3 {
  font-size: 22px;
  color: #FFFFFF;
  letter-spacing: 0;
  font-family: "Conv_Futura Bold";
  margin-bottom: 0;
  text-align: center;
}

.modal-accept-bid .modal-footer-accept-bid h3 a {
  color: #ffffff;
  text-decoration: none;
}

.modal-service .service-option {
  margin-bottom: 30px;
}

.modal-service .service-option ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.modal-service .service-option ul li {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal-service .service-option ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  color: #727272;
  background-color: #ffffff;
  min-height: 32px;
  text-decoration: none;
  padding: 8px 20px 8px 50px;
  position: relative;
}

.modal-service .service-option ul li a::after {
  display: none !important;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #77B342;
  font-size: 20px;
}

.modal-service .service-option ul li a::before {
  display: block;
  position: absolute;
  left: 15px;
  top: 10px;
  content: "\f1db";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  color: #CBCBCB;
  font-size: 20px;
}

.modal-service .service-option ul li a.active::after {
  display: block !important;
}

.modal-report-block .form-group .form-control {
  height: 50px;
  border-radius: 0;
  background: #FFFFFF;
  font-size: 16px;
  color: #222221;
  text-align: left;
  font-family: "Conv_futuramediumbt";
  border: 1px solid #DDDDDD;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.modal-report-block .form-group .form-control label {
  font-size: 14px;
  color: #222221;
  letter-spacing: 0;
  line-height: 20px;
  margin-bottom: 10px;
}

.modal-report-block .form-group .form-control:focus {
  border: 1px solid #222221;
}

@media (max-width: 767px) {
  .modal-report-block .form-group .form-control {
    font-size: 16px;
    height: 40px;
  }
}

.modal-report-block .form-group textarea.form-control {
  font-family: "futurabook";
  font-size: 16px;
  background-color: #fafafa;
}

.modal-report-block .form-group textarea.form-control:focus {
  border-color: #222221 !important;
}

.modal-report-block .custom-radio .custom-control-label {
  font-size: 20px;
  color: #222221;
  letter-spacing: -0.33px;
  text-align: left;
  line-height: 28px;
}

.modal-report-block .custom-radio .custom-control-label::before {
  border: 2px solid #77B342;
}

.modal-report-block .custom-radio .custom-control-input:checked~.custom-control-label::before {
  background-color: #ffffff;
  border: 2px solid #77B342;
}

.modal-report-block .custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-color: #77B342;
}

.modal-report-block .custom-radio {
  margin: 5px 0;
}

.modal-congrats .modal-dialog .modal-content {
  border: 0 !important;
}

.modal-congrats .modal-dialog .modal-content .close {
  z-index: 99;
  right: -36px;
  top: -36px;
}

.modal-congrats .modal-body {
  padding: 40px 60px 20px 60px !important;
  background-image: url(../images/congrats-bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
}

.modal-congrats .modal-body .congrats-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.modal-congrats .modal-body .congrats-info h2 {
  font-size: 30px;
  color: #000000;
  text-align: center;
  font-family: "Conv_Futura Bold";
  position: relative;
  margin-bottom: 40px;
}

.modal-congrats .modal-body .congrats-info h2:after {
  content: '';
  width: 15px;
  height: 3px;
  background-color: #FFC20F;
  display: block;
  left: 0;
  right: 0;
  bottom: 0px;
  margin: 0 auto;
  position: absolute;
}

.modal-congrats .modal-body .congrats-info .congrats-img {
  height: 200px;
  width: 200px;
  margin-bottom: 20px;
}

.modal-congrats .modal-body .congrats-info .congrats-img img {
  width: 100%;
}

.modal-congrats .modal-body .congrats-info h4 {
  font-size: 20px;
  color: #77B342;
  letter-spacing: 0;
  text-align: center;
  line-height: 40px;
  font-family: "Conv_Futura Bold";
}

.modal-congrats .modal-body .congrats-info h4 a {
  color: #222221;
  font-family: "FuturaBT-MediumItalic";
  text-decoration: underline;
}

.modal-congrats .modal-body .congrats-info P {
  font-size: 20px;
  color: #727272;
  letter-spacing: 0;
  text-align: center;
  line-height: 29px;
}

.modal-congrats .modal-footer-congrats-info {
  background-color: #222221 !important;
  min-height: 80px !important;
  border-radius: 0 !important;
}

.modal-congrats .modal-footer-congrats-info h3 {
  font-size: 18px;
  color: #FDFDFD;
  letter-spacing: 0;
  font-family: "Conv_futuramediumbt";
  margin-bottom: 0;
  text-align: center;
}

.modal-congrats .modal-footer-congrats-info h3 a {
  color: #ffffff;
  text-decoration: underline;
}

@media (max-width: 992px) {
  .email-verification {
    margin-top: 0 !important;
  }

  .cancelled-cheque {
    margin-top: 0 !important;
  }
}

@media (max-width: 320px) {
  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a {
    font-size: 12px !important;
    margin: 0 8px !important;
    line-height: 16px;
  }

  .store-showcase-section .showcase-tabs ul.nav-tabs li a {
    font-size: 16px !important;
  }

  .page-controller .page-controller-inner .product-chart-box {
    padding: 22px 10px !important;
  }

  .btn-back {
    white-space: nowrap;
    font-size: 14px !important;
  }

  .service-provider-title h3 {
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {
  .pad-slide {
    padding-left: 10px;
  }

  .order-selectbar .select-action ul li a .icon {
    margin-right: 0;
  }

  .order-selectbar .select-action ul li a .text {
    display: none;
  }

  .modal-sharelink .modal-body {
    padding: 40px 20px !important;
  }

  .modal-sharelink .modal-body .company-share-profile .shareLink h3 {
    font-size: 18px;
  }

  .modal-sharelink .modal-body .company-share-profile .shareLink a {
    font-size: 20px;
    word-break: break-all;
  }

  .modal-sharelink .modal-body .company-share-profile .socialLinks li {
    margin-right: 10px;
  }

  .modal-sharelink .modal-body .company-share-profile .socialLinks li a {
    height: 40px;
    width: 40px;
  }

  .modal-sharelink .modal-body .company-share-profile .socialLinks li a::after {
    height: 50px;
    width: 50px;
  }

  .modal-sharelink .modal-body .company-share-profile .socialLinks li a i {
    font-size: 20px;
  }

  .modal-sharelink .modal-footer-shar-link h3 {
    font-size: 18px;
    font-family: "futurabook";
  }

  .modal-accept-bid {
    margin: 0 10px;
    width: calc(100% - 20px);
  }

  .modal-accept-bid .modal-dialog {
    margin: 0 !important;
  }

  .modal-accept-bid .modal-body {
    padding: 40px 30px !important;
  }

  .modal-accept-bid .modal-body .accept-bid h2 {
    margin-bottom: 40px;
  }

  .modal-accept-bid .modal-body .accept-bid h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 15px;
    margin-bottom: 40px;
  }

  .modal-accept-bid .modal-body .accept-bid h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .modal-accept-bid .modal-body .accept-bid p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .modal-accept-bid .modal-footer-accept-bid {
    min-height: 60px !important;
  }

  .modal-accept-bid .modal-footer-accept-bid h3 {
    font-size: 20px;
    font-family: "Conv_futuramediumbt";
  }

  .modal-accept-bid {
    margin: 0 10px;
    width: calc(100% - 20px);
  }

  .modal-accept-bid .modal-dialog {
    margin: 0 !important;
  }

  .modal-accept-bid .modal-body {
    padding: 40px 30px !important;
  }

  .modal-accept-bid .modal-body .accept-bid h2 {
    margin-bottom: 40px;
  }

  .modal-accept-bid .modal-body .accept-bid h3 {
    font-size: 22px;
    line-height: 28px;
    padding: 10px 15px;
    margin-bottom: 40px;
  }

  .modal-accept-bid .modal-body .accept-bid h4 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .modal-accept-bid .modal-body .accept-bid p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0;
  }

  .modal-accept-bid .modal-footer-accept-bid {
    min-height: 60px !important;
  }

  .modal-accept-bid .modal-footer-accept-bid h3 {
    font-size: 20px;
    font-family: "Conv_futuramediumbt";
  }

  .sm-header-hide {
    display: none;
  }

  .order-body {
    padding-bottom: 120px;
  }

  .hader-dashboard .navbar .width-menu {
    width: 100%;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links {
    display: block;
    background-color: #fafafa;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul {
    padding: 40px 0px 15px 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li {
    border-bottom: 1px solid #e8e8e8 !important;
    min-height: 40px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification {
    width: 100% !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification::after {
    left: 33px;
    top: 7px;
    right: auto;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a {
    height: 39px;
    width: 100% !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    background-color: #fafafa !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a .text-notifiaction {
    display: block !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a i {
    margin-right: 5px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a::before {
    display: block;
    content: '\e92e';
    font-family: Feather;
    margin-left: auto;
    position: absolute;
    right: 20px;
    top: 10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu {
    margin-top: 0;
    position: relative;
    width: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu:after {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner {
    max-height: 300px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul {
    padding: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul li {
    border-bottom: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul li a i {
    margin-right: 0px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification {
    border-radius: 0;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller {
    border-top: 1px solid #e8e8e8 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a::before {
    right: 20px;
    top: 10px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a span {
    height: 30px;
    width: 30px;
    margin-top: 4px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a span img {
    width: 100%;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu {
    position: relative;
    width: 100%;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 6px;
    top: 0px;
    height: 100%;
    padding: 5px 10px;
    background-color: #fafafa;
    margin-bottom: 5px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::after {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul {
    padding: 0px !important;
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul .logout-link {
    margin-top: 0 !important;
    border-top: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li a {
    font-family: "futurabook";
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item {
    padding-bottom: 0;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li {
    margin-bottom: 1px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a {
    font-size: 16px;
    font-family: "futurabook";
    padding: 6px 20px;
    height: 40px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i {
    font-size: 20px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a .icon-manage-quote {
    -webkit-mask-size: 20px !important;
    left: -4px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a .icon-img {
    -webkit-mask-size: 20px !important;
    left: -4px;
    width: 19px;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .menu-cloned-three {
    display: block !important;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links {
    margin-top: 0;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul {
    padding: 30px 0;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li {
    display: block;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a {
    width: 100%;
    display: block;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a::after {
    display: none;
  }

  .right-sidenav {
    display: none;
  }

  .hader-dashboard .navbar .resellear-welcome-content {
    padding-left: 15px;
  }

  .reseller-dashboard {
    padding-left: 0 !important;
    margin-top: 52px;
    padding-top: 25px;
  }

  .reseller-main {
    position: relative;
    margin-top: 60px;
  }

  .hader-dashboard .navbar .navbar-toggler {
    top: 5px;
    right: 0;
  }

  .edit-info-btn .editText {
    display: none;
  }

  .middle-section .middle-inner .change-status .status-table ul li {
    width: 100% !important;
  }

  .middle-section .middle-inner .change-status .status-table ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status {
    padding: 10px 12px 10px 20px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul {
    display: block;
    padding-top: 0;
    padding-left: 30px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul::after {
    width: 2px;
    height: calc(100% - 30px);
    top: 15px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li.active::before {
    height: 100%;
    top: 20px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li.active:last-child::before {
    display: none;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li {
    width: 100% !important;
    margin: 10px 0;
    text-align: left;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li:last-child {
    text-align: left;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li:last-child::after {
    top: 8px;
    left: -35px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li::before {
    width: 2px !important;
    height: calc(100% - 30px);
    top: 8px;
    left: -30px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li::after {
    top: 8px;
    left: -35px;
    margin: 0 !important;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li h3 {
    font-size: 14px;
    min-width: 100px;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status ul li p {
    font-size: 14px;
    white-space: nowrap;
  }

  .middle-section .middle-inner .order-tracking-section .orderdetail-header {
    padding: 30px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .order-tracking-section .orderdetail-header p {
    text-align: left !important;
    margin-bottom: 5px !important;
  }

  .middle-section .middle-inner .message-center-section .message-center-tabs .message-tabe-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .message-center-section .message-center-tabs .message-tabe-div ul.nav-tabs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
  }

  .middle-section .middle-inner .message-center-section .message-center-tabs .message-tabe-div ul.nav-tabs li a {
    font-size: 16px;
    padding: 10px 15px 10px 15px;
  }

  .middle-section .middle-inner .message-center-section .message-center-tabs .message-tabe-div .message-seeting {
    padding: 10px 0;
    text-align: right;
  }

  .middle-section .middle-inner .message-center-section .chat-status-div {
    bottom: -6px;
  }

  .middle-section .middle-inner .store-preview {
    padding-top: 0 !important;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form {
    padding: 40px 30px;
    min-height: unset;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-form h3 {
    font-size: 22px;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-save-password {
    border: 0;
    padding-top: 0px;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-content h3 {
    font-size: 16px;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer {
    background-color: #E8E8E8;
    padding: 20px 30px;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a {
    font-size: 14px;
    margin: 0 15px;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer p {
    font-size: 14px;
  }

  .middle-section .middle-inner .seller-registraion-section .seller-heading h2 {
    font-size: 26px;
    line-height: 32px;
  }

  .middle-section .middle-inner .seller-registraion-section .seller-heading p {
    font-size: 20px;
    line-height: 24px;
  }

  .middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul::after {
    top: 12px;
  }

  .middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li a {
    width: 30px;
    height: 25px;
    min-width: 30px;
    font-size: 14px;
  }

  .middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.active::after {
    top: 12px;
  }

  .middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done:before {
    top: 12px;
  }

  .middle-section .middle-inner .seller-registraion-section .resller-nav-tab ul li.done a::after {
    font-size: 18px;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content {
    padding: 20px 20px;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .input-group-text {
    height: 40px !important;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .input-group-text .btn {
    line-height: 26px !important;
    font-size: 15px !important;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list .document-box {
    margin: 0 5px 10px 5px;
    width: calc(50% - 10px);
    height: auto;
    padding: 10px;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list .document-box .doc-img {
    width: 36px;
    height: auto;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list .document-box p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 24px;
  }

  .middle-section .middle-inner .seller-registraion-section .congrats-content {
    padding: 20px 20px;
  }

  .middle-section .middle-inner .seller-registraion-section .congrats-content .congrats-img {
    width: 150px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-heading {
    padding-right: 50px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-heading h2 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-heading ul {
    padding: 10px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-heading ul li {
    margin-bottom: 10px;
    border-left: 0;
    padding-left: 0;
    width: 100%;
    display: block;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-info {
    padding-right: 50px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul li {
    font-size: 16px;
    display: block;
    width: 100%;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-info .service-detail-info ul li span {
    display: block;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-table {
    padding-right: 0px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-table .showcase-table-info ul li {
    width: 100% !important;
    display: block;
    padding-left: 10px;
    margin: 0 !important;
    line-height: 45px !important;
    font-size: 16px;
  }

  .middle-section .middle-inner .store-showcase-section .store-showcase-transaction .transaction-info {
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .store-showcase-section .store-setting .transaction-info {
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .store-showcase-section .store-heading-form .form-btns .btn {
    width: 100%;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button {
    margin-top: 0;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button a {
    margin-bottom: 20px !important;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .add-filed-btns {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .form-btns .btn {
    width: 100%;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .remove-form-button {
    margin-top: 0;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .remove-form-button a {
    margin-bottom: 20px !important;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .add-filed-btns {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInventory-form .form-btns .btn {
    width: 100%;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info {
    padding: 20px 50px 20px 0;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li {
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .gallery-info .info-list li p {
    font-size: 16px;
    line-height: 22px;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .company-gallery .gallery-thumb {
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .product-description {
    padding: 20px 50px 20px 0;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile {
    padding: 20px 50px 20px 0;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details {
    padding: 10px 20px;
  }

  .middle-section .middle-inner .store-showcase-section .seller-profile-showcase .view-company-profile .view-company-details li a {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .middle-section .middle-inner .buisness-tips-section .buisness-tips-content h3.quote span.d-block {
    display: inline !important;
  }

  .middle-section .middle-inner .message-setting-section .message-setting-header .message-setting-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .message-setting-section .message-setting-header .message-setting-div ol.breadcrumb li.breadcrumb-item a {
    font-size: 14px;
    line-height: 16px;
  }

  .middle-section .middle-inner .message-setting-section .message-setting-header .message-setting-div ol.breadcrumb li.breadcrumb-item.active {
    font-size: 14px;
  }

  .middle-section .middle-inner .message-setting-section .message-setting-header .message-setting-div .message-seeting {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .message-setting-content .set-availibility .set-availibility-div .days-availibity .weekday ul li a {
    width: auto;
    padding: 12px 10px;
    min-width: 48px;
    font-size: 10px;
  }

  .middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message {
    width: 100%;
  }

  .middle-section .middle-inner .message-setting-content .message-setting-footer {
    position: relative;
    top: 0;
  }

  .middle-section .middle-inner .producttabele-section .product-tabs .product-tabs-div ul li a {
    padding: 5px 8px;
    font-size: 14px;
  }

  .middle-section .middle-inner .producttabele-section .product-tabs .product-tabs-div .add-product a {
    font-size: 14px;
  }

  .middle-section .middle-inner .producttabele-section .product-tabs .product-tabs-div .add-product a i {
    font-size: 16px;
  }

  .middle-section .middle-inner .manage-bidder-section .manage-bidder-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-title {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-title h3 {
    font-size: 16px;
  }

  .middle-section .middle-inner .manage-bidder-section .manage-bidder-header .manage-bidder-back .btn-back {
    height: 35px;
    font-size: 14px;
    line-height: 26px;
  }

  .middle-section .middle-inner .create-product-section .create-product-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .create-product-section .create-product-header .create-product-title {
    padding: 20px 0;
  }

  .middle-section .middle-inner .create-product-section .product-select-optipns .custom-control {
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .create-product-section .craete-product-body {
    padding-bottom: 120px;
  }

  .middle-section .middle-inner .create-product-section .add-image .add-item {
    min-width: auto;
    min-height: auto;
  }

  .middle-section .middle-inner .create-product-section .add-image .add-item img {
    min-height: 130px;
    max-height: 130px;
  }

  .middle-section .middle-inner .create-product-section .add-image .additem-img {
    min-height: auto;
  }

  .middle-section .middle-inner .create-product-section .add-image .upload-addimg {
    min-height: 130px;
  }

  .middle-section .middle-inner .changepass-section .changepass-content {
    padding-bottom: 130px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box {
    padding: 30px 20px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box a.btn-plan {
    height: 40px;
    font-size: 16px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-tabs ul.nav li a {
    font-size: 14px;
    padding: 5px 10px;
    white-space: nowrap;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-tabs .add-product a {
    font-size: 14px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-tabs .add-product a i {
    font-size: 18px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-title h3 {
    font-size: 14px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .inner-service-header .service-sort .select2-container {
    white-space: nowrap;
    width: 100px !important;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-info p {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .left-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .right-content {
    position: absolute;
    right: 30px;
    top: 30px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent {
    width: 100%;
    padding: 15px 0px 10px 0;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent h3 {
    font-size: 14px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent p {
    margin-bottom: 0;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer h3 {
    padding: 0;
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li a {
    font-size: 12px;
    padding: 3px 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer .more-keyword {
    margin-top: 5px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .table-product-resell tbody tr td .request-detail .border-right::after {
    display: none !important;
  }

  .middle-section .middle-inner .service-provider-section .service-provider-inner .service-provider-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .service-provider-section .service-provider-inner .service-provider-header .service-provider-title {
    margin-bottom: 20px;
  }

  .middle-section .middle-inner .service-provider-section .tab-content-service-provider .days-option ul li a .time-div .time-text {
    padding: 0 8px;
  }

  .middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul li {
    width: calc(50% - 16px);
    margin: 0 5px 10px 5px;
  }

  .middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .img-service ul li a {
    width: 100%;
    height: 120px;
  }

  .middle-section .middle-inner .service-provider-section .tab-content-service-provider .new-service-content .imgupload-slider {
    width: 100%;
    height: 120px;
  }

  .middle-section .middle-inner .all-apointment-section .all-apointment-div {
    min-height: 40px;
  }

  .middle-section .middle-inner .all-apointment-section .all-apointment-div h3 {
    font-size: 14px;
  }

  .middle-section .middle-inner .all-apointment-section .all-apointment-div .add-product a {
    font-size: 14px;
  }

  .middle-section .middle-inner .all-apointment-section .all-apointment-div .add-product a i {
    font-size: 18px;
  }

  .middle-section .middle-inner .payment-setting-section .payment-crad {
    padding: 30px 20px;
  }

  .middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .payment-merchant span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .middle-section .middle-inner .payment-setting-section .payment-crad .payment-card-header .payment-merchant span img {
    margin-bottom: 5px;
  }

  .middle-section .middle-inner .create-coupon-section .create-coupon-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .create-coupon-section .create-coupon-header .create-coupon-title h3 {
    line-height: 26px;
    margin-bottom: 12px;
  }

  .middle-section .middle-inner .create-coupon-section .create-coupon-tab ul.nav-tabs li {
    width: 100%;
    min-width: unset;
  }

  .middle-section .middle-inner .order-tracking-section .order-header .order-header-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .middle-section .middle-inner .order-tracking-section .order-header .order-header-div h2 {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .order-tracking-section .order-header .order-header-div .message-seeting {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .order-tracking-section .order-header .order-header-div .add-product {
    margin-bottom: 10px;
  }
}

@media (max-width: 998px) {
  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer h3 {
    padding: 0;
    display: block;
    text-align: left;
    width: 100%;
    margin-bottom: 15px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li {
    margin-bottom: 5px;
    margin-right: 5px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer ul li a {
    font-size: 12px;
    padding: 3px 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-footer .more-keyword {
    margin-top: 5px;
    font-size: 12px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-info p {
    margin-bottom: 10px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .left-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .right-content {
    position: absolute;
    right: 30px;
    top: 30px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent {
    width: 100%;
    padding: 15px 0px 10px 0;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent h3 {
    font-size: 14px;
  }

  .middle-section .middle-inner .manage-service-section .manage-service-content .service-list .service-list-box .service-body .service-profile .service-conetent p {
    margin-bottom: 0;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
  .mobile-menu .menu-cloned-three {
    display: none;
  }

  .pad-slide {
    padding-left: 10px;
  }

  .middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message {
    width: 100%;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box {
    padding: 30px 20px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box a.btn-plan {
    height: 40px;
    font-size: 14px;
    white-space: nowrap;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box h3 {
    font-size: 22px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month h2 {
    font-size: 22px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box .plan-month p {
    font-size: 16px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .plan-box p {
    font-size: 16px;
    line-height: 26px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-header h3 {
    font-size: 18px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-header p {
    font-size: 18px;
  }

  .middle-section .middle-inner .upgrade-plan-section .upgrade-account-content .feature-include .feature-list .custom-checkbox label {
    font-size: 16px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  .pad-slide {
    padding-left: 10px;
  }

  .order-selectbar .select-action ul li a .text {
    display: none;
  }

  .right-sidenav {
    display: none;
  }

  .hader-dashboard .navbar .resellear-welcome-content {
    padding-left: 15px;
  }

  .reseller-dashboard {
    padding-left: 0 !important;
    margin-top: 52px;
    padding-top: 30px;
  }

  .mobile-menu .menu-cloned-three {
    display: block;
  }

  .middle-section .middle-inner .order-tracking-section .order-track-status p {
    font-size: 13px !important;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-save-password {
    padding-top: 115px;
  }

  .middle-section .middle-inner .message-setting-content .message-auto-repsond .automated-response .response-message {
    width: 100%;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .form-save-password {
    padding-top: 115px !important;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button .btn-remove {
    margin-bottom: -7px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
  .hader-dashboard .navbar .navbar-toggler {
    top: 5px !important;
    right: 0;
  }

  .header-reseller .navbar .collapse1 {
    height: auto;
  }

  .header-reseller .navbar .collapse1 .mobile-menu {
    height: 100vh;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links {
    display: block;
    background-color: #fafafa;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul {
    padding: 40px 0px 15px 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li {
    border-bottom: 1px solid #e8e8e8 !important;
    min-height: 40px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification {
    width: 100% !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification::after {
    left: 33px;
    top: 7px;
    right: auto;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a {
    height: 39px;
    width: 100% !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    background-color: #fafafa !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a .text-notifiaction {
    display: block !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a i {
    margin-right: 5px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification a::before {
    display: block;
    content: '\e92e';
    font-family: Feather;
    margin-left: auto;
    position: absolute;
    right: 20px;
    top: 10px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu {
    margin-top: 0;
    position: relative;
    width: 100% !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu:after {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner {
    max-height: 300px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul {
    padding: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul li {
    border-bottom: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .dropdown-menuinner ul li a i {
    margin-right: 0px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification {
    border-radius: 0;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-notification .dropdown-menu .all-notification::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller {
    border-top: 1px solid #e8e8e8 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a::before {
    right: 20px;
    top: 10px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a span {
    height: 30px;
    width: 30px;
    margin-top: 4px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller a span img {
    width: 100%;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu {
    position: relative;
    width: 100%;
    right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 6px;
    top: 0px;
    height: 100%;
    padding: 5px 10px;
    background-color: #fafafa;
    margin-bottom: 5px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::before {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu::after {
    display: none;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul {
    padding: 0px !important;
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul .logout-link {
    margin-top: 0 !important;
    border-top: 0 !important;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .account-links ul li.dropdown-reseller .dropdown-menu ul li a {
    font-family: "futurabook";
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li {
    margin-bottom: 1px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a {
    font-size: 16px;
    font-family: "futurabook";
    padding: 6px 20px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a i {
    font-size: 20px;
  }

  .hader-dashboard .navbar .collapse1 .mobile-menu .rightside-menu .rightside-inner .side-nav-item ul li a .icon-manage-quote {
    width: 20px;
    height: 20px;
  }

  .header-reseller .navbar .navbar-toggler {
    top: -10px;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links {
    margin-top: 0;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul {
    padding: 30px 0;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li {
    display: block;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a {
    width: 100%;
    display: block;
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
  }

  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a::after {
    display: none;
  }

  .reseller-main {
    position: relative;
    margin-top: 60px;
  }

  .middle-section .middle-inner .authentication-section .authentication-inner .form-save-password {
    border: 0;
    padding-top: 0px !important;
  }

  .middle-section .middle-inner .authentication-section .authentication-inner .authentication-box .authentication-form {
    min-height: unset;
  }

  .middle-section .middle-inner .seller-registraion-section .reseller-tab-content .tab-second .form-steps .leagal-doc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .middle-section .middle-inner .store-showcase-section .sotreInfo-form .remove-form-button {
    margin-top: 0;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) and (max-width: 990px) {
  .header-reseller .navbar .collapse1 .mobile-menu .account-links ul li a {
    font-size: 14px;
    padding: 0 14px;
    white-space: nowrap;
  }
}

@media (min-width: 768px) and (max-width: 1080px) {
  .order-selectbar .select-action ul li a .text {
    display: none;
  }
}

@media (max-width: 1440px) {
  .middle-section .middle-inner .authentication-section .authentication-box .authentication-box-inner .authentication-footer a {
    font-size: 15px;
    margin: 0 6px;
  }
}

@media screen and (max-width: 1600px) {
  .chart-footer a {
    white-space: nowrap;
    font-size: 13px !important;
    padding: 5px 7px;
  }
}

@media (max-width: 1240px) and (min-width: 768px) {
  .store-showcase-section .add-filed-btns {
    margin: 10px 0 !important;
  }

  .store-showcase-section .form-btns {
    margin: 10px 0 !important;
  }
}

.select2-container--default.select-chat .select2-results__option--highlighted[aria-selected] {
  background-color: #f2f2f2 !important;
  color: #000000 !important;
}

.highcharts-container {
  width: 100% !important;
}

/*# sourceMappingURL=reseller.css.map */


@media screen and (max-width: 767px) {

  .middle-section .middle-inner .authentication-section .background-pattern {
    background-position: center;
    bottom: unset;
    top: unset;
  }
}