/*VERSION 115:: 18-August-2021 Super Baby*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,500i,700,700i,900,900i');

/*login*/

.page-login,
.page-register,
.page-landing {
  background: #eee;
  background-position: center;
  width: 100%;
  height: 100%;
  display: inline-block;
}

:root {
  --alert-background: #ebae4b;
  --alert-color-white: #ffffff;
  --color-sky-blue: #469cdc;
  --dark-light-green: #2e8599;
  --dark-red-green: #ad4949;
  --font-roboto: 'Roboto', sans-serif;
  --font-open-sans: 'Open Sans', sans-serif;
  --color-black: #000;
  --font-12: 12px;
  --font-14: 14px;
  --font-16: 16px;
  --font-18: 18px;
  --font-20: 20px;
  --font-24: 24px;
  --font-28: 28px;
  --font-30: 30px;
  --font-34: 34px;
}

.reset-content p {
  margin-bottom: 5px;
}

.reset-content .btn-signin {
  margin-top: 20px;
}

.login-container {
  text-align: center;
  max-width: 400px;
  margin: 45px auto;
  width: 100%;
}

.icon-logo {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.icon-logo > img {
  max-width: 120px;
}

.login-box span {
  color: #646464;
  font-weight: 400;
}

.head-seller {
  background: #1b9cd8;
}

.head-buyer {
  background: #000;
}

.lb-head {
  padding: 17px;
}

.lb-head > span {
  color: #fff;
  font-size: 18px;
}

.lb-head > a {
  float: left;
  margin: 3px 0 0;
}

.lb-body {
  background: #fff;
  padding: 25px 75px 35px;
}

.login-box {
  margin-bottom: 30px;
}

.lb-body .b-gray {
  color: #7b7b7b;
  font-weight: 700;
  margin-bottom: 10px;
  display: inline-block;
}

.text-bold {
  font-weight: 700;
}

.dark-gray {
  color: #474747 !important;
}

.dark-light-red {
  color: #ad4949 !important;
}

.dark-light-green {
  color: #2e8599 !important;
}

.light-green {
  color: #3c7d99 !important;
  font-weight: 500;
}

.btn-google {
  background: #f04036;
}

.btn-fb {
  background: #2947a1;
}

.btn-google > a,
.btn-fb > a {
  display: inline-block;
  width: 100%;
  padding: 8px;
  color: #fff;
}

.btn-google,
.btn-fb {
  font-weight: 700;
  cursor: pointer;
  margin-bottom: 5px;
}

.btn-google a > i,
.btn-fb a > i {
  font-size: 22px;
  margin-right: 12px;
  vertical-align: middle;
}

.btn-google a > span,
.btn-fb a > span {
  font-weight: 400;
  color: #fff;
  vertical-align: middle;
}

.lbb-input > input,
.reset-input > input {
  width: 100%;
  min-width: 100%;
  margin-bottom: 8px;
  border: 1px solid #999;
  font-weight: 300;
}

span.lbb-line {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #999;
  line-height: 0.1em;
  margin: 15px 0 20px;
  display: inline-block;
}

span.lbb-line > p {
  background: #fff;
  padding: 0 10px;
  margin: 0;
  display: inline;
  color: #212424;
  font-weight: 700;
}

.lbb-checkbox {
  margin: 10px 0 5px;
}

.lbb-checkbox label {
  color: #999;
  font-size: 12px;
  font-weight: 400;
}

.btn-signin > a,
.signup-btn {
  background: #000;
  display: inline-block;
  width: 100%;
  color: #fff;
  font-weight: 400;
  padding: 10px;
  margin-bottom: 15px;
  border: none;
}

span.lbb-text > a {
  color: #465567;
  font-size: 12px;
  font-weight: 700;
}

.lbb-bottom-text {
  display: inline-block;
  width: 100%;
  margin: 25px 0 0;
  border-top: 1px solid #999;
  font-size: 12px;
  font-weight: 700;
  padding-top: 10px;
}

.lbb-bottom-text > span:first-child {
  margin-right: 5px;
}

.lbb-bottom-text > span {
  font-weight: 700;
}

.lbb-bottom-text > span:last-child a {
  color: #000;
}

.button-contact > a {
  color: #000;
  border: 1px solid #000;
  padding: 10px 40px;
  font-weight: 700;
}

/*register*/

.page-register .lbb-bottom-text {
  margin: 7px 0 0;
}

/*landing page*/

body.page-landing {
  text-align: center;
}

.landing-box > span {
  font-weight: 400;
  color: #999;
  line-height: 27px;
  word-break: break-word;
}

.landing-box > img {
  width: 250px;
  margin: auto;
  display: block;
  margin-bottom: 25px;
}

.landing-box {
  background: #fff;
  width: 100%;
  max-width: 495px;
  padding: 55px 53px;
  display: block;
  margin: auto;
  border: 1px solid #d2d2d2;
  border-top: none;
  margin-top: 50px;
  margin-bottom: 20px;
}

.landing-login > div {
  width: 50%;
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  transition: 0.5s ease;
}

.landing-login > div a {
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 30px 15px;
  box-shadow: 2px 2px 5px #999;
}

.landing-login > .btn-login-buyer {
  margin-right: 30px;
  background: #000;
}

.landing-login > .btn-login-buyer:hover {
  background: #000;
}

.landing-login > .btn-login-seller:hover {
  background: #306f9e;
}

.landing-login > .btn-login-seller {
  background: #1b9cd8;
}

.landing-login {
  max-width: 850px;
  display: block;
  max-width: 495px;
  margin: 0 auto 30px;
}

.landing-login > div {
  width: Calc(50% - 18px);
  font-size: 18px;
  font-weight: 700;
  display: inline-block;
  position: relative;
}

.landing-login > div a > i {
  /* position: absolute; */
  right: 25px;
  font-weight: 700;
  font-size: 20px;
  margin-left: 10px;
}

.intrest-area {
  font-size: 14px;
  font-weight: 700;
  color: #4d4d4d;
}

/*reset*/

.reset-container {
  max-width: 335px;
  width: 100%;
  display: block;
  margin: 50px auto;
  text-align: center;
}

.reset-container > span,
.contact-container > span,
.faq-container > span {
  color: #000;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
  display: inline-block;
}

.reset-button > div:first-child {
  margin-right: 13px;
}

.reset-button > .btn-reset {
  background: #000;
}

.reset-button > .btn-cancel {
  background: #b3b3b3;
}

.reset-button > div {
  display: inline-block;
  width: Calc(48% - 8px);
  padding: 10px 0;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}

.reset-button {
  margin-top: 20px;
}

span.check-icon {
  border: 2px solid #52a345;
  border-radius: 50%;
  color: #52a345;
  padding: 3px 5px;
  font-size: 20px;
  text-align: center;
}

.reset-success {
  display: inline-block;
  width: 100%;
  margin: 45px 0;
  font-weight: 700;
}

.reset-success > span {
  color: #212424;
  margin-top: 15px;
  display: inline-block;
  margin-bottom: 10px;
}

/*contact*/

.contact-content > span {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-bottom: 15px;
}

.contact-content > span > i,
.contact-content > span > p {
  display: inline-block;
}

.contact-content > span > i {
  margin-right: 10px;
}

.contact-container {
  text-align: center;
  color: #808080;
  font-weight: 400;
  max-width: 430px;
  margin: 50px auto;
}

.contact-content > p {
  margin-bottom: 25px;
}

/*faq*/

.faq-container {
  max-width: 670px;
  width: 100%;
  margin: 50px auto;
  text-align: center;
  padding: 0 15px;
}

.h-faq {
  text-align: left;
  background: #000;
  color: #fff;
  padding: 6px 15px;
  font-weight: 700;
  position: relative;
}

.h-faq i {
  position: absolute;
  right: 15px;
  font-size: 20px;
}

.h-body {
  padding: 15px;
  text-align: left;
  color: #808080;
  line-height: 25px;
  display: none;
}

.h-body > span {
  color: #212424;
  font-weight: 700;
}

.faq-content li {
  cursor: pointer;
  margin-bottom: 10px;
}

/*info*/

.info-container .nav > li > a {
  border-radius: 0;
  font-size: 19px;
  font-weight: 400;
  padding: 0 24px;
  max-width: 192px;
  word-break: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  text-transform: none;
  color: #999999;
}

.info-container > .tab-title {
  text-align: center;
  color: #212124;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 25px;
  text-transform: none;
}

.info-container .nav > li.active > a,
.info-container .nav > li.active > a:focus,
.info-container .nav > li.active > a:hover {
  color: #000;
  background-color: transparent;
}

.info-container .nav > li:last-child {
  border: none;
}

.info-container .nav > li {
  border-right: 2px solid #d8d8d8;
}

.info-container .nav > li > a:focus,
.info-container .nav > li > a:hover {
  background-color: transparent;
}

.info-container {
  max-width: 780px;
  margin: 0 auto 50px;
  text-align: center;
}

.info-container .tab-content {
  padding: 20px 15px;
  color: #808080;
  line-height: 25px;
  font-weight: 400;
  text-align: left;
}

.info-container > ul {
  display: inline-block;
}

/*search - category page*/

.search-container {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.no-result-red {
  color: #000;
  font-weight: 700;
  font-size: 30px;
}

.item-no-result-msg {
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-bottom: 100px;
  margin-top: 20px;
}

.no-result-text {
  color: #212124;
  font-weight: 400;
  font-size: 14px;
}

.item-no-result-msg > img {
  width: 200px;
  margin: 20px 0;
}

.item-no-result-msg .col-md-6 {
  margin: 90px 0 0;
}

.sc-u {
  border-bottom: 1px solid #d2d2d2;
  padding: 20px 0;
}

span.sc-text-big {
  font-size: 24px;
  font-weight: 600;
}

.sc-right-text,
.sc-right-text > span,
.sc-right-text p,
.sc-right-text > div {
  display: inline-block;
  color: #999;
  vertical-align: middle;
  margin: 0;
}

.behavior-group:hover,
.behavior-list:hover,
.behavior-group.active,
.behavior-list.active {
  border: 1px solid #000;
}

span.sc-divider {
  height: 35px;
  width: 1px;
  background: #b3b3b3;
  margin: 0 20px;
}

.behavior-group,
.behavior-list {
  border: 1px solid #c8c8c8;
  padding: 2px;
  border-radius: 3px;
  width: 25px;
  cursor: pointer;
  position: relative;
  height: 25px;
  display: inline-block;
  vertical-align: text-bottom;
}

.behavior-group > span:nth-child(1),
.behavior-group > span:nth-child(2) {
  margin-bottom: 0;
}

.behavior-group > span:nth-child(2n-1) {
  margin-right: 0;
}

.behavior-group > span {
  display: inline-block;
  background: #c8c8c8;
  width: 8px;
  height: 8px;
  margin: 1px;
  float: left;
}

.behavior-list > span {
  background: #999;
  display: inline-block;
  margin-left: 8px;
  width: 9px;
  height: 2px;
  margin-bottom: 1px;
  margin-top: 3px;
  float: left;
}

.behavior-list > span:first-child {
  background: #999;
  padding: 3px;
  height: 17px;
  position: absolute;
  margin: 0;
  width: auto;
  top: 3px;
  left: 2px;
}

.behavior-group:hover > span,
.behavior-list:hover > span,
.behavior-list:hover > span:first-child,
.behavior-group.active > span,
.behavior-list.active > span,
.behavior-list.active > span:first-child {
  background: #000;
}

.sc-right-text > .sc-bahavior {
  margin-left: 20px;
  vertical-align: middle;
}

.behavior-group {
  margin-right: 10px;
}

.sc-option > select {
  border-radius: 5px;
  width: 130px;
  margin-left: 10px;
  z-index: inherit;
  position: relative;
  background: inherit;
}

.sc-option > i {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #333;
  font-size: 18px;
  z-index: inherit;
}

ul.category-middle-menu > li {
  display: inline-block;
  margin: 5px;
  border-radius: 15px;
}

ul.category-middle-menu > li > a:hover,
ul.category-middle-menu > li > a:active,
ul.category-middle-menu > li > a:focus,
ul.category-middle-menu > li > a.active {
  text-decoration: none;
  background: #1b9cd8;
  color: #fff;
}

ul.category-middle-menu > li > a {
  color: #1b9cd8;
  border: 1px solid #1b9cd8;
  display: inline-block;
  width: 100%;
  border-radius: 15px;
  padding: 8px 15px;
}

.sc-u:last-child {
  border: none;
}

.sc-bottom {
  display: inline-block;
  width: 100%;
}

.item-box a > .item-image,
.item-box a > .item-info {
  display: block;
  vertical-align: top;
  display: block;
  vertical-align: top;
  max-width: 180px;
  margin: auto;
}

.behavior2 .item-box a > .item-image,
.behavior2 .item-box a > .item-info {
  display: inline-block;
  vertical-align: middle;
  max-width: none;
}

.behavior2 .item-image > img {
  max-width: 147px;
  max-height: 147px;
  margin-bottom: 0;
  width: 147px;
  object-fit: cover;
}

.page-store .col-md-2.col-sm-4.col-xs-6.xs-mb-15:nth-child(5n + 1) {
  margin-left: 0;
}

.page-store .col-md-2.col-sm-4.col-xs-6.xs-mb-15 {
  margin-left: 4.166666667%;
}

.item-image > img {
  width: 160px;
  display: block;
  margin: auto;
  max-height: 160px;
  margin-bottom: 20px;
}

.behavior2 a > .item-image {
  margin-right: 20px;
}

.behavior2 .item-info {
  width: Calc(100% - 175px);
  position: relative;
}

.item-price {
  color: #000;
  font-weight: 700;
}

.item-price > span.currency {
  margin-right: 0.2em;
}

.item-price > span#currencySym {
  margin-right: 0.2em;
}

.item-price > span.currencySymbol {
  margin-right: 0.2em;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.item-name {
  color: #212124;
  font-size: inherit;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
}

.item-seller {
  color: #000;
  font-weight: 700;
  font-size: 12px;
}

.item-rating {
  margin-bottom: 10px;
  display: inherit;
}

.behavior2 .item-seller {
  font-size: 14px;
}

.behavior2 .item-name {
  font-size: 16px;
}

.behavior2 .item-price {
  float: right;
  margin-left: 50px;
  font-size: 16px;
  font-weight: 700;
}

.behavior2 .item-box {
  border-bottom: 1px solid #d2d2d2;
  display: inline-block;
  width: 100%;
  padding: 30px 0;
  margin: 0;
}

span.stars,
span.stars span {
  display: block;
  background: url(../images/star_ratting.svg) 0 -16px repeat-x;
  width: 100px;
  height: 16px;
}

span.stars span {
  background-position: 0 0;
}

.behavior2 .item-rating {
  margin-bottom: 20px;
}

/*.behavior1 .item-box a>.item-image,.behavior1 .item-box a>.item-info {width: 50%;}
.behavior1 .item-image{padding-right: 10px;}
.behavior1 .item-box{padding: 15px 0px;}
.behavior1 .item-box a{display: flex;align-items: center;}*/

/* .behavior2 .item-box:nth-child(15n+15) {



	border-bottom: none;



} */

.items-content {
  margin-bottom: 30px;
}

.item-box {
  display: inline-block;
  width: Calc(25% - 4px);
  padding: 15px;
  margin-bottom: 20px;
  vertical-align: top;
}

.sc-bottom .item-box .item-price {
  font-weight: 700;
}

.fs-btn-slide > span:first-child {
  margin-right: 65px;
}

.fs-btn-slide {
  background: #1b9cd8;
  color: #fff;
  transform: rotate(270deg);
  top: 25%;
  padding: 3px 25px;
  font-size: 15px;
  cursor: pointer;
  position: absolute;
  margin-left: -62px;
}

.fs-btn-slide > span:last-child {
  display: inline-block;
  position: absolute;
  right: 20px;
  bottom: 3px;
}

.fixed-sidebar {
  position: fixed;
  z-index: 9;
  height: 100%;
}

.fs-content {
  position: relative;
  height: 100%;
  padding: 0;
  width: 300px;
  padding-bottom: inherit;
}

.search-container.open-sidebar > .container {
  width: 100%;
}

.search-container.open-sidebar {
  width: Calc(100% - 300px);
  padding-left: 30px;
}

.open > .fs-content {
  margin-left: -299px;
  left: 299px;
  cursor: auto !important;
}

.open > .fs-btn-slide {
  left: 297px !important;
}

.search-container.open-sidebar {
  margin-left: 299px;
}

.fsc-container {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #c8c8c8;
  padding: 20px 25px;
}

.search-tog {
  position: relative;
  display: inline-block;
  margin-right: 10px;
}

.search-tog .h-st-menus {
  z-index: 9;
}

.fsc-ul-cat > ul.st-parent {
  margin-top: 5px;
  display: inline-block;
  width: 100%;
  position: relative;
  height: auto;
}

.fsc-ul-cat > ul.st-parent li a:hover,
.fsc-ul-cat > ul.st-parent li a:active,
.fsc-ul-cat > ul.st-parent li a:focus {
  text-decoration: none;
  color: #212124;
}

.fsc-ul-cat > ul.st-parent li a {
  display: inline-block;
  width: 100%;
  color: #999;
  padding: 3px 0;
}

.fsc-ul-cat ul.st-subcat {
  position: absolute;
  top: 0;
  background: #fff;
  border: none;
  min-width: 235px;
  height: 100%;
  overflow: hidden;
  width: 100%;
  left: 0;
}

.fsc-ul-cat > ul.st-parent .st-subcat li.back,
.fsc-ul-cat > ul.st-parent .st-subcat li.back a {
  color: #212124;
  font-weight: 700;
}

.search-tog ul.st-parent li.selected {
  background: #212124;
  color: #fff;
}

.search-tog ul.st-parent li .st-subcat li a {
  color: #212124;
}

.search-tog ul.st-parent li .st-subcat li.selected a {
  color: #fff;
}

.search-tog ul.st-parent li .st-subcat .back.selected i {
  color: #fff;
}

.search-tog ul.st-parent li .st-subcat .back.selected a {
  color: #fff;
}

.fsc-ul-cat > ul.st-parent li.selected a {
  font-weight: 700;
  color: #000;
}

.fsc-ul-cat > ul.st-parent li.back > div a {
  width: Calc(100% - 30px);
}

.fsc-ul-cat ul.st-parent li > div > i {
  margin: 0 12px 0 0;
}

.fsc-ul-cat ul.st-subcat > li.selected:not(:nth-child(1)) > div > a {
  font-weight: 700;
  color: #000;
}

.fsc-ul-cat ul.st-subcat > li:not(:nth-child(1)) > div a {
  text-indent: 0;
  font-weight: 400;
  color: #999;
}

.fsc-ul-cat > ul.st-parent .st-subcat li.back {
  margin-bottom: 5px;
}

.fsc-ul-cat {
  height: auto;
  overflow: hidden;
}

.fsc-filter-range {
  margin-top: 20px;
}

.range-slider .slider {
  width: 100% !important;
  margin-bottom: 0;
}

.range-slider .slider-handle::after {
  background-color: #fff;
  border-radius: 120px;
  content: '';
  height: 14px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.range-slider .slider-handle {
  background-color: #000;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#000));
  opacity: 1;
}

.slider.slider-horizontal .slider-handle {
  margin-top: -3px;
}

.slider.slider-horizontal .slider-track {
  height: 4px;
  background: #e9e9e9;
}

.slider.slider-horizontal .slider-selection {
  background: #bebebe;
}

.range-value {
  font-weight: 700;
  color: #212124;
  font-size: 12px;
}

.fsc-filter-checkbox {
  margin-top: 10px;
}

.fsc-container.fsc-buttons {
  padding-bottom: 135px;
}

.btn-gray {
  display: inline-block;
  color: #fff;
  background: #999;
  padding: 7px 35px;
  cursor: pointer;
}

.btn-blue {
  display: inline-block;
  color: #fff;
  background: #1b9cd8;
  padding: 7px 35px;
  cursor: pointer;
}

.btn-blue a {
  color: #fff;
}

.fsc-filter-action {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 12px;
}

/*item-detail*/

.idc-left {
  display: inline-block;
  width: Calc(100% - 325px);
  padding-right: 50px;
  margin-top: 30px;
}

.error-message {
  color: #ff0000;
}

.idcrt-order-val .error-message {
  margin-bottom: -20px;
  margin-top: 10px;
}

.error-message > p {
  margin: 0;
  font-size: 14px;
}

.idc-right {
  display: inline-block;
  margin-top: 30px;
  vertical-align: top;
  width: 320px;
}

.idcr-top {
  background: #f0f0f0;
  margin-bottom: 35px;
}

.idcr-bot > div {
  margin-bottom: 20px;
}

.idclt-img {
  display: inline-block;
  vertical-align: middle;
  float: left;
  /*width: calc(100% - 65px);*/
  max-width: 250px;
}

.idclt-img > img {
  max-width: 200px;
  max-height: 200px;
  display: block;
  margin: auto;
}

.idctl-desc {
  display: inline-block;
  width: calc(100% - 285px);
  vertical-align: middle;
}

.old-price {
  text-decoration: line-through;
  font-size: 12px;
  color: #787878;
}

.idctl-desc > .item-name {
  font-size: 16px;
  line-height: 26px;
  -webkit-line-clamp: 3;
  margin-bottom: 10px;
  font-weight: 400;
}

.idctl-desc > .item-price {
  font-size: 18px;
  margin-bottom: 5px;
}

.idctl-desc > .item-rating > span {
  display: inline-block;
  color: #999;
  vertical-align: middle;
  margin: 0;
}

.idcl-top {
  padding-bottom: 25px;
  border-bottom: 1px solid #d2d2d2;
  display: inline-block;
}

.idclm-content > div {
  display: inline-block;
  margin: 0 10px;
}

.idclm-content > div {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

.idclmc-img > img {
  max-width: 42px;
  max-height: 42px;
}

.idcl-mid {
  border-bottom: 1px solid #d2d2d2;
  padding: 6px 0;
}

.idclmc-name > a.seller-name {
  color: #000;
  font-weight: 700;
}

.idclmc-img {
  height: 42px;
}

span.btn-contact {
  background: #f0f0f0;
  color: #999;
  padding: 8px 10px;
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  cursor: pointer;
}

span.btn-contact > i {
  margin-left: 10px;
  color: #999;
}

.page-search .main {
  margin-top: 0;
}

.idcl-bot {
  padding: 20px 0;
}

.idcl-bot p {
  margin: 0;
}

.idclt-custom-field {
  padding: 10px 0;
}

span.custom-field {
  padding: 2px 0;
  display: inline-block;
  width: 100%;
  word-break: break-word;
}

span.custom-field > .fancy-checkbox {
  margin-top: 5px;
  margin-bottom: 0;
}

.page-item-detail span.title {
  text-transform: initial;
}

.idcrt-title {
  color: #999;
  font-weight: 700;
  font-size: 16px;
}

.idcrt-list-val {
  margin: 30px 0 40px;
}

.idcrt-list-val > span > span {
  display: inline-block;
}

span.idcrtl-right {
  float: right;
}

.idcrt-list-val > span {
  margin: 0 0 15px;
}

.idcrt-list-val > span:last-child {
  margin: 0;
}

.idcrt-list-val .item-price {
  font-weight: 700;
}

.idcrt-list-val input {
  outline: none;
  border: 2px solid #dedddd;
  border-radius: 5px;
  padding: 4px 5px;
  text-align: right;
}

.idcrt-order-val {
  padding: 25px 25px 0;
}

.idcrt-order-total {
  background: #43484f;
  color: #fff;
  padding: 22px 25px;
  font-size: 18px;
  font-weight: 700;
}

.idcrt-order-total > span {
  display: inline-block;
}

.idcrt-order-total span.total-price {
  float: right;
}

.idcrt-order-total span.total-price .item-price {
  color: #fff;
}

.idcrt-order-btn .btn-cart {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: #1b9cd8;
  padding: 14px;
  cursor: pointer;
}

.idcrt-order-btn {
  padding: 22px 25px;
}

.idcrt-order-btn .contact-btn {
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: #000;
  padding: 14px;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.bulk-price-tbl > table {
  color: #4d4d4d;
  border: 1px solid #d2d2d2;
  font-size: 12px;
  margin-top: 10px;
}

.bulk-price-tbl .table > tbody > tr > td,
.bulk-price-tbl .table > tbody > tr > th,
.bulk-price-tbl .table > tfoot > tr > td,
.bulk-price-tbl .table > tfoot > tr > th,
.bulk-price-tbl .table > thead > tr > td,
.bulk-price-tbl .table > thead > tr > th {
  border-right: 1px solid #d2d2d2;
  text-align: center;
  border-top: none;
}

.bulk-price-tbl > table span.item-price {
  color: #bd3d44;
  font-weight: normal;
}

/*30 jul changes*/

.realPrice {
  font-size: 14px;
  color: #999;
  font-weight: 500;
  margin-bottom: 5px;
}

.half .gr-compare-btn {
  max-width: 125px;
}

.half .gr-order-btn {
  display: inline-block;
  width: 100%;
  max-width: 125px;
  position: relative;
  background: #06aaf1;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  border: none;
  margin-top: 7px;
  text-align: center;
}

.add-comp-list-btn.white {
  background: #fff;
  color: #999;
}

/*30 jul changes*/

/*page cart*/

.cart-empty {
  display: inline-block;
  width: 100%;
  margin: 50px 0;
}

.cart-empty .cart-top-sec-left2 {
  float: left;
  width: 42%;
}

.cart-empty .cart-top-sec-right2 {
  float: right;
  width: 58%;
}

.cart-empty .start-search-add-txt {
  font-size: 26px;
  font-weight: 700;
  color: #000;
  padding-left: 15px;
}

.cart-empty .seems-cart-empty-txt {
  font-size: 20px;
  color: #999;
  padding-left: 15px;
  padding-top: 40px;
  margin: 0;
}

.cart-empty .cart-empty-image {
  float: right;
  width: 185px;
  height: 148px;
}

.cb-header {
  background: #000;
  font-weight: 700;
  color: #fff;
  padding: 12.5px 20px;
}

.cb-content {
  padding: 20px;
  border: 1px solid #d2d2d2;
  display: inline-block;
  width: 100%;
  font-weight: 400;
  min-height: 150px;
  position: relative;
  float: left;
  padding-bottom: 60px;
}

.cbc-left {
  float: left;
  width: Calc(100% - 250px);
  position: relative;
}

.cbc-right {
  float: right;
}

.cbc-left > .item-info {
  display: inline-block;
  max-width: Calc(100% - 105px);
  padding-right: 20px;
  vertical-align: middle;
  word-break: break-all;
}

.cbc-left > .item-image {
  width: 80px;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

.cbc-left > .item-image > img {
  width: 100%;
  margin: 0;
}

.cbc-left .item-name {
  font-size: 16px;
  margin-bottom: 0;
}

.cbc-left .item-price {
  font-weight: 700;
  font-size: 16px;
}

.cbc-left .item-field {
  color: #999999;
  font-size: 12px;
  margin-top: 15px;
}

.cbcr-top .btn-blue {
  min-width: 180px;
  text-align: center;
  padding: 10px;
  font-weight: 700;
}

.page-cart .cbcr-top .btn-blue {
  min-width: auto;
  text-align: center;
  padding: 0;
}

.page-cart .cbcr-top .btn-blue a {
  min-width: 180px;
  text-align: center;
  padding: 10px;
  font-weight: 700;
  color: #fff;
  display: inline-block;
}

.cbcr-bot {
  right: 20px;
  text-align: right;
  color: #999;
  position: absolute;
  bottom: 20px;
}

span.if-txt {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

span.cbcr-edit > a {
  color: #1b9cd8;
  padding: 10px;
}

span.cbcr-edit {
  padding: 5px 5px;
  border-right: 2px solid #999;
  margin-right: 10px;
  display: inline-block;
}

.cbcr-bot > .cbcr-delete {
  font-size: 25px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}

.cart-box {
  margin: 0 0 60px;
}

.cart-continue-shopping > a {
  color: #999;
  font-weight: 700;
}

.cart-continue-shopping {
  margin-bottom: 10px;
  display: inline-block;
}

span.if-txt > span:first-child {
  min-width: 70px;
  display: inline-block;
}

.cb-checkbox {
  float: right;
  margin-right: 0;
}

.cbcir-box {
  border: 1px solid #d2d2d2;
  min-height: 370px;
  padding: 25px;
  position: relative;
  padding-bottom: 125px;
}

.cbcir-text span.title .item-price {
  color: #212124;
  margin-top: 5px;
}

.cbcir-text {
  margin-top: 20px;
  color: #999;
}

span.cbcir-title {
  color: #212124;
  font-weight: 700;
  font-size: 22px;
}

.cbcir-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  padding: 25px;
}

.cbcir-button > .btn-checkout {
  width: 100%;
  display: inline-block;
  background: #1b9cd8;
  font-weight: 700;
  color: #fff;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}

.btn-checkout a {
  color: #fff;
  padding: 15px;
  width: 100%;
  display: inline-block;
}

.cbcir-button > .btn-continue {
  width: 100%;
  padding: 10px;
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
  color: #999;
  text-align: center;
}

.cart-edit-item .modal-header {
  background: #f1f1f1;
  padding: 15px 40px;
}

.cart-edit-item .item-price {
  font-size: 17px;
}

.cart-edit-item .modal-body,
.cart-edit-item .modal-footer {
  padding: 20px 40px;
}

.cart-edit-item .item-field > span {
  display: inline-block;
  width: 100%;
  text-transform: none;
  margin-bottom: 10px;
}

.cart-edit-item .item-field > span > span:first-child {
  min-width: 110px;
  display: inline-block;
}

.cart-edit-item select,
.cart-edit-item input[type='text'] {
  border: 1px solid #d2d2d2;
  width: 200px;
  padding: 5px 30px 5px 10px;
  border-radius: 0;
  font-weight: 300;
  font-size: 12px;
  outline: none;
}

.cart-edit-item input[type='text'] {
  padding: 5px 10px;
  text-align: right;
}

span.select-option > i {
  position: absolute;
  right: 10px;
  top: 7px;
  pointer-events: none;
}

span.select-option {
  position: relative;
  display: inline-block;
  width: 100%;
}

.idc-left .cbc-left {
  float: left;
  max-width: Calc(100% - 110px);
  width: 100%;
}

/*payment page*/

.pc-processbar span.icon > i {
  font-size: 15px;
  line-height: 18px;
}

.pc-processbar li.active span.icon {
  color: #000;
  border: 2px solid #000;
}

.pc-processbar span.icon {
  margin-bottom: 5px;
  color: #b2b2b2;
  font-weight: 700;
  border: 2px solid #b2b2b2;
  border-radius: 50%;
  padding: 5px;
  width: 32px;
  height: 31px;
  text-align: center;
  font-size: 15px;
  line-height: 16px;
}

.pc-processbar ul > li {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  min-width: 80px;
}

.pc-processbar ul > li span {
  display: block;
  text-align: center;
  margin: 0 auto;
}

li.active span.pb-line {
  border: 1px solid #000;
  border-style: dashed;
}

span.pb-line {
  border: 1px solid #b2b2b2;
  width: 150px;
  border-style: dashed;
  border-spacing: 10px;
  margin-top: -10px !important;
}

.pc-processbar ul > li.active span.pcul-text {
  color: #000;
}

.pc-processbar ul > li span.pcul-text {
  color: #b2b2b2;
  font-weight: 700;
  text-align: center;
}

.pc-processbar > ul {
  display: block;
  text-align: center;
}

.pc-content {
  margin-top: 50px;
}

.pcc-rigth {
  display: inline-block;
  vertical-align: top;
  width: 320px;
}

.pccr-text1 > span,
.pccr-text2 > span,
.pcc-left > span,
.tccc-bot > span {
  width: 100%;
  display: inline-block;
}

.pccr-text2 > span > .item-price {
  display: inline-block;
  float: right;
  color: #212424;
  font-weight: normal;
}

.pccr-text1 {
  margin: 5px 0 10px;
}

.pccr-total {
  border-top: 2px solid #d2d2d2;
  margin-top: 35px;
  padding-top: 15px;
  margin-bottom: 30px;
  text-align: right;
  font-weight: 700;
  color: #808080;
  font-size: 12px;
}

.tccc-bot {
  background: #f0f0f0;
  padding: 30px 20px 15px;
}

.tccc-bot > span.title {
  font-size: 16px;
  margin-bottom: 5px;
}

.tccc-bot > span.inv-text {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

span.inv-desc {
  color: #808080;
  max-width: 330px;
  font-weight: 400;
}

.pccr-total .item-price {
  font-size: 24px;
}

.pcc-rigth span.title {
  text-transform: none;
}

.pccr-btn > div,
.tccct-btn > div {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-bottom: 10px;
}

.btn-green {
  background: #000;
  color: #fff;
  padding: 12px;
  border: 2px solid #000;
}

.btn-green a {
  color: #fff;
}

.btn-white > a {
  background: #fff;
  color: #212124;
  padding: 12px;
  border: 2px solid #b3b3b3;
  display: inline-block;
  width: 100%;
}

.pcc-rigth .cbcir-box {
  padding-bottom: 25px;
}

.pcc-left > span.title {
  font-size: 18px;
  text-transform: none;
}

.pccl-payment-method {
  margin: 20px 0 15px;
  display: inline-block;
  position: relative;
}

.pccl-payment-text {
  color: #808080;
}

.pccl-payment-method > select {
  border-radius: 5px;
  padding: 10px 35px 10px 20px;
  min-width: 245px;
}

.pccl-payment-method > i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
  pointer-events: none;
}

.pcc-left {
  width: Calc(100% - 350px);
  max-width: 480px;
}

span.tccct-icon > span {
  margin: 3px;
  background: #000;
  width: Calc(100% - 6px);
  display: block;
  height: Calc(100% - 6px);
  border-radius: 50%;
}

span.tccct-icon {
  border-radius: 50%;
  background: #fff;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 20px;
}

span.tccct-icon > span > span {
  background: #fff;
  width: Calc(100% - 6px);
  height: Calc(100% - 6px);
  display: inline-block;
  border-radius: 50%;
  margin: 3px;
  text-align: center;
  color: #000;
  font-size: 26px;
  position: relative;
}

span.tccct-icon > span > span > i {
  line-height: 36px;
}

span.tccc-text {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
}

.tcc-content {
  text-align: center;
  display: block;
  max-width: 600px;
  margin: auto;
}

.tccc-top {
  padding: 27px;
  background: #000;
}

.tccct-btn {
  margin-top: 50px;
}

.tccct-btn > .btn-desc {
  color: #000;
  min-width: 220px;
  padding: 14px;
}

.tccct-btn > .btn-black {
  color: #fff;
  background: #212424;
  min-width: 220px;
  width: auto;
}

.btn-black a {
  color: #fff;
  padding: 14px;
  display: inline-block;
  width: 100%;
}

.btn-signup a {
  color: #fff;
  padding: 14px;
  display: inline-block;
  width: 100%;
}

.tccct-btn > .btn-return {
  color: #b3b3b3;
  min-width: 220px;
  padding: 14px;
}

.tccct-btn > .btn-signup {
  color: #fff;
  background: #000;
  min-width: 220px;
  width: auto;
}

/*purchase history page*/

.phc-content {
  margin-top: 30px;
}

.h-search {
  position: relative;
}

.h-search > input {
  border: 1px solid #b3b3b3;
  color: #b3b3b3;
  width: 400px;
  padding: 9px 40px 9px 20px;
  outline: none;
}

.h-search > i {
  position: absolute;
  right: 13px;
  color: #b3b3b3;
  top: 11px;
  pointer-events: none;
  font-size: 18px;
}

.ph-t-table {
  margin: 10px 0 40px;
  border: 1px solid #b3b3b3;
}

.hrcc-top {
  margin-bottom: 20px;
}

.ph-t-table thead {
  background: #f0f0f0;
  font-weight: 700;
}

.ph-t-table thead tr > th,
.ph-t-table tbody tr > td {
  border-bottom: 1px solid #b3b3b3;
  vertical-align: middle;
  padding: 10px 25px;
}

table .item-price {
  color: #212124;
  font-weight: normal;
}

.ph-t-table tbody tr:hover {
  background: #f0f0f0;
}

.ph-t-table.no-hover tbody tr:hover {
  background: transparent;
}

.hrcc-top .btn-blue {
  border-radius: 50%;
  padding: 0;
  width: 30px;
  height: 30px;
  vertical-align: top;
  margin-right: 10px;
}

.hrcc-top .btn-blue > i {
  color: #fff;
  text-align: center;
  font-size: 20px;
  padding: 4px 11px;
}

/*order summary*/

.osc-container .ph-t-table thead {
  background: transparent;
  font-weight: 700;
}

.osc-container .ph-t-table tbody tr {
  font-weight: 400;
}

.osc-container .ph-t-table tbody tr:hover {
  background: transparent;
}

.osc-container .ph-t-table tbody tr:nth-child(2n-1) {
  background: #f0f0f0;
}

.blue-bold span.btn-view,
.blue-bold span.btn-download {
  cursor: pointer;
}

.osc-container {
  margin-bottom: 35px;
}

.osc-container > span.title {
  text-transform: none;
  font-size: 20px;
}

.osc-btn {
  margin: 50px 0;
  display: inline-block;
  width: 100%;
}

.btn-back {
  font-weight: 700;
  color: #b3b3b3;
  border: 2px solid #b3b3b3;
  padding: 12px;
  cursor: pointer;
  max-width: 276px;
  margin: auto;
  text-align: center;
}

.oscc-tbl {
  border: 1px solid #b3b3b3;
  font-weight: 400;
}

.oscct-top {
  background: #f0f0f0;
  padding: 18px 25px;
  vertical-align: middle;
}

.occt-left {
  display: inline-block;
  width: Calc(100% - 355px);
  vertical-align: top;
}

.hrcc-bot .oscct-top .occt-right > span:first-child {
  margin-right: 10px;
}

.occt-right {
  display: inline-block;
  width: 350px;
  vertical-align: top;
}

.oscct-top .occt-right {
  text-align: right;
}

.oscc-tbl span.title {
  text-transform: none;
}

.oscct-bot {
  padding: 25px;
}

span.detail p {
  margin: 0 0 3px;
  color: #808080;
}

.occtl-left,
.occtl-right {
  display: inline-block;
  width: Calc(50% - 4px);
  vertical-align: top;
}

.title-detail > .detail {
  margin: 5px 0 20px;
  display: inline-block;
  width: 100%;
}

.detail span.d-left {
  display: inline-block;
}

.detail span.d-right {
  float: right;
}

.occt-right .item-price {
  color: #212124;
}

.total-amount > .item-price {
  color: #000;
}

.occt-right .pccr-total {
  margin-top: 10px;
  margin-bottom: 0;
}

.occtt-full li {
  display: inline-block;
  width: Calc(20% - 3px);
  vertical-align: top;
}

.occtt-full li > span:last-child {
  color: #808080;
}

.oscctbl-uploadentry .occtt-full li {
  vertical-align: super;
}

.occtt-full li > span {
  display: inline-block;
  width: 100%;
}

.oscctbl-multiorder .oscct-bot {
  padding: 15px 25px 25px;
}

.oscct-bot {
  border-top: 1px solid #b3b3b3;
}

.oscctb-l,
.oscctb-c,
.oscctb-r {
  display: inline-block;
  vertical-align: top;
}

.oscctb-full > .title {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.oscctb-l,
.oscctb-c,
.oscctb-r {
  display: inline-block;
  vertical-align: top;
}

.oscctb-c {
  margin: 0 30px;
  max-width: 500px;
  display: inline-block;
  width: 100%;
}

.oscctb-l > img {
  max-width: 90px;
  max-height: 90px;
}

.oscctb-r {
  float: right;
}

.oscctb-c > .item-detail {
  margin-top: 15px;
}

.oscctb-c > .item-detail > div {
  margin-bottom: 5px;
}

.oscctb-c > .item-detail > .oscctbc-d > span:first-child {
  min-width: 85px;
  display: inline-block;
}

.oscctbc-e {
  display: inline-block;
  width: auto;
}

.btn-feedback {
  padding: 10px 30px;
  cursor: pointer;
  font-weight: 700;
  background: transparent;
  color: #212124;
  padding-top: 0;
}

.chat-log-btn {
  background: #000;
  color: #fff;
  padding: 10px 30px;
  min-width: 190px;
  display: inline-block;
  max-width: 100%;
  text-align: center;
}

.activity-log-title {
  font-size: 24px;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #000;
  font-weight: 700;
}

.oscc-tbl.oscctbl-uploadentry {
  border: none;
}

.oscctbl-uploadentry .occtt-full li {
  width: auto;
}

.option-section > select {
  width: 230px;
  padding: 9px 30px 9px 10px;
}

.oscctbl-uploadentry .option-section {
  position: relative;
  color: #212424;
  width: auto;
}

span.option-section > i {
  position: absolute;
  right: 10px;
  color: #212424;
  top: 10px;
  font-size: 20px;
}

.oscctbl-uploadentry span.title {
  margin-bottom: 10px;
}

.input-event > input.input-text {
  width: 400px;
}

.occtt-full li.btn-upload-file > span {
  display: inline-block;
  width: auto;
  margin: 0 5px;
  font-weight: 700;
  color: #000;
  vertical-align: middle;
}

li.btn-upload-file {
  cursor: pointer;
}

.occtt-full li.btn-upload-file > span.icon-upload {
  color: #b3b3b3;
  font-size: 30px;
}

.btn-new-entry {
  color: #fff;
  background: #212424;
  font-weight: 700;
  padding: 14px 20px;
  min-width: 180px;
  text-align: center;
  display: inline-block;
  margin: 20px 0 0;
  cursor: pointer;
}

.tab-content > .osc-container {
  margin-top: 35px;
}

/*delivery page*/

.pd-container {
  width: 750px;
  margin: 50px auto 70px;
}

.pdc-inputs span.title {
  text-transform: none;
  color: #4d4d4d;
  width: 100%;
  display: inline-block;
  margin-bottom: 5px;
}

.pdc-inputs > .input-container {
  width: 330px;
  display: inline-block;
  margin-bottom: 25px;
}

.pdc-inputs > .input-container input {
  width: 100%;
}

.pdc-inputs {
  margin-bottom: 30px;
}

.pdc-inputs > .input-container:nth-child(2n-1) {
  margin-right: 45px;
}

.pdcb-address-box.btn-add-adress {
  color: #000;
  font-weight: 700;
  cursor: pointer;
  padding: 40px 20px 0;
}

.pdcb-address-box.btn-add-adress > span {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}

.pdcb-address-box {
  width: Calc(33% - 10px);
  border: 1px solid #000;
  padding: 20px;
  display: inline-block;
  min-height: 180px;
  vertical-align: top;
  margin-bottom: 15px;
  color: #4d4d4d;
  font-weight: 400;
  position: relative;
}

.pdcb-address-box > p {
  margin-bottom: 3px;
}

.pdcb-address-box:nth-child(3n + 2) {
  margin: 0 14px;
}

#addDeliveryAddress .modal-dialog {
  width: 745px;
}

#addDeliveryAddress .modal-content {
  padding: 15px 30px 40px;
}

#addDeliveryAddress .modal-header {
  padding: 15px 0;
}

#addDeliveryAddress .modal-body {
  padding: 25px 0;
}

#addDeliveryAddress .pdc-inputs > .input-container {
  width: 315px;
  margin-bottom: 20px;
}

#addDeliveryAddress .input-container.full-width {
  width: 100%;
}

#addDeliveryAddress span.select-option > select {
  width: 100%;
  padding: 9px 35px 9px 15px;
}

#addDeliveryAddress span.select-option {
  width: 100%;
  display: inline-block;
}

#addDeliveryAddress .pdc-inputs > .input-container.ic-left {
  margin-right: 47px;
}

#addDeliveryAddress .pdc-inputs > .input-container {
  margin-right: 0;
}

#addDeliveryAddress span.select-option > i {
  font-size: 20px;
  top: 10px;
  right: 15px;
}

#addDeliveryAddress .modal-header .close {
  top: 10px;
  right: 18px;
}

#addDeliveryAddress .modal-footer > div {
  min-width: 150px;
  display: inline-block;
  border: none;
  cursor: pointer;
  width: auto;
}

#addDeliveryAddress .modal-footer {
  padding: 0;
}

#addDeliveryAddress .modal-footer > .btn-gray {
  float: left;
}

.pdcb-address-box > span.icon-delete {
  position: absolute;
  color: #999;
  font-size: 25px;
  bottom: 15px;
  right: 15px;
  cursor: pointer;
}

.pdcb-address-box > p {
  margin-bottom: 3px;
}

.pdcb-address-box:not(.btn-add-adress):hover,
.pdcb-address-box.selected:not(.btn-add-adress) {
  background: #000;
  color: #fff;
}

.pdcb-address-box:not(.btn-add-adress):hover i,
.pdcb-address-box.selected:not(.btn-add-adress) i {
  color: #fff;
}

/*page review*/

span.no-delivery-method-text {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

span.no-delivery-method-text p {
  color: #999;
}

.pccr-btn > div.btn-green.inactive {
  background: #999;
  border: 2px solid #999;
}

.review-container .pcc-left {
  max-width: 100%;
}

.review-container .cbc-left {
  width: 100%;
}

.review-container .cb-content {
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
  border-bottom-style: dashed;
  min-height: auto;
}

.review-container .cbc-left > .item-info {
  max-width: 100%;
  padding-right: 0;
  width: Calc(100% - 105px);
  min-height: auto;
}

.review-container .cbc-left .item-field,
.review-container .cbc-left .item-price {
  margin-top: 8px;
  font-size: 14px;
}

.view-compare-btn,
.view-compare-btn:hover,
.view-compare-btn:focus {
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  margin-top: 25px;
  display: inline-block;
  text-align: center;
  color: #fff;
  width: 100%;
  cursor: pointer;
}

.dr-content {
  padding: 20px;
  border: 1px solid #d2d2d2;
  border-top: none;
}

.delivery-review > span.title {
  color: #4d4d4d;
  text-transform: none;
  border-bottom: 1px solid#d2d2d2;
  padding-bottom: 8px;
}

.dr-radio {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.dr-radio > span {
  margin-bottom: 5px;
  color: #999;
}

.dr-radio input {
  margin: 0;
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}

.dr-radio > span > label {
  vertical-align: text-top;
  width: Calc(100% - 25px);
}

.dr-radio .item-price {
  color: #000;
}

span.pdcb-detail > p {
  margin-bottom: 4px;
  word-break: break-word;
}

.drbot-content {
  text-align: right;
  display: inline-block;
  width: 100%;
  background: #f0f0f0;
  padding: 10px 20px;
  font-weight: 700;
  font-size: 12px;
  color: #999;
  border: 1px solid #d2d2d2;
  margin-bottom: 15px;
}

.drbot-content span.item-price {
  margin-left: 4px;
  font-weight: normal;
  color: #6b6868;
}

.btn-next {
  background: #212124;
  color: #fff;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  min-width: 180px;
  cursor: pointer;
}

.btn-next a {
  color: #fff;
  display: block;
  padding: 10px;
}

#Profile .settings-button .btn-next,
#Payment .settings-button .btn-next {
  padding: 10px;
}

.pd-button {
  text-align: right;
  margin-bottom: 30px;
}

span.sbcir-btn {
  color: #999;
  font-weight: 300;
  font-size: 14px;
  float: right;
  cursor: pointer;
}

/*settings*/

.settings-container .note {
  color: #fff;
  background: #1b9cd8;
  position: relative;
  font-size: 12px;
  font-weight: 700;
  padding: 13px 20px;
  margin-bottom: 30px;
}

.note > span {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}

.note > span:nth-child(2) {
  width: Calc(100% - 100px);
}

span.note-icon {
  background: #fff;
  color: #00837c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 18px;
  padding: 7px;
}

span.note-close {
  position: absolute;
  right: 0;
  font-size: 22px;
  font-weight: 300;
  font-weight: 300;
  top: 15px;
  cursor: pointer;
}

.settings-content {
  margin-top: 35px;
  display: inline-block;
  width: 100%;
  margin-bottom: 50px;
}

.setting-top > span.h-text {
  display: inline-block;
  font-size: 24px;
  color: #212424;
  font-weight: 700;
}

.setting-tab {
  display: inline-block;
  float: right;
  font-weight: 700;
  color: #b3b3b3;
}

.setting-tab .nav-pills > li.active > a,
.setting-tab .nav-pills > li.active > a:focus,
.setting-tab .nav-pills > li.active > a:hover {
  color: #000;
  background-color: transparent;
  border-bottom: 3px solid #000;
}

.setting-tab .nav-pills > li > a {
  border-radius: 0;
  color: #b3b3b3;
}

.setting-tab .nav > li > a:focus,
.setting-tab .nav > li > a:hover {
  background-color: #fff;
  color: #000;
}

.setting-top {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

.setting-tab .nav-pills > li {
  margin: 0 20px;
}

.profile-img {
  display: inline-block;
  width: 128px;
  height: 128px;
  border: 2px solid #d2d2d2;
  border-radius: 15px;
  position: relative;
  margin-bottom: 40px;
}

.profile-img > img {
  width: 100%;
  height: 100%;
}

.btn-change {
  position: absolute;
  background: #000;
  color: #fff;
  bottom: 0;
  font-weight: 700;
  width: 100%;
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
  text-align: center;
  padding: 7.5px;
  font-size: 12px;
  cursor: pointer;
}

.set-content {
  max-width: 665px;
  width: 100%;
}

.set-content .input-container:first-child {
  margin-right: 60px;
}

.set-content .input-container {
  display: inline-block;
  width: 300px;
  position: relative;
}

.set-content input.input-text {
  width: 100%;
  min-width: auto;
  color: #000;
  font-weight: 400;
}

.set-content .input-container.full-width {
  width: 100%;
  margin: 0;
}

.set-content .pdc-inputs span.title {
  color: #808080;
  font-weight: 400;
}

.set-inputs {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.open-id i.fa.fa-facebook-square {
  color: #4267b2;
}

.icon-facebook-round {
  background-image: url('../images/fb_icon.svg');
}

.icon.icon-facebook {
  background-image: url('../images/fb_id.svg');
}

.icon.icon-google {
  background-image: url('../images/google_id.svg');
}

.open-id i.icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}

.open-id {
  font-size: 30px;
}

.open-id > span {
  vertical-align: text-top;
}

.address-tab .set-inputs {
  margin-bottom: 15px;
}

.set-content .select-option select {
  width: 100%;
  padding: 9px 30px 9px 15px;
}

.btn-add,
.btn-save {
  background: #000;
  color: #fff;
  text-align: center;
  display: inline-block;
  padding: 10px;
  font-weight: 700;
  min-width: 180px;
  cursor: pointer;
  border-radius: 0;
}

.btn-previous {
  color: #fff;
  background: #999;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  min-width: 180px;
  cursor: pointer;
  padding: 10px;
}

.setting-address-box .pdcb-address-box {
  width: 240px;
  border: 1px solid #d2d2d2;
  color: #808080;
}

.setting-address-box .pdcb-address-box.btn-add-adress {
  border: 1px solid #000;
  color: #000;
}

.setting-address-box .pdcb-address-box:nth-child(3n + 2) {
  margin: 0;
}

.settings-content .setting-address-box .pdcb-address-box {
  margin-right: 15px;
}

.payment-tab ul li {
  border-bottom: 1px solid #d2d2d2;
  padding: 25px 0;
  vertical-align: middle;
}

.payment-tab ul li > div {
  display: inline-block;
}

.payment-logo,
.payment-text {
  width: 25%;
  text-align: center;
  color: #808080;
  font-weight: 400;
  vertical-align: middle;
}

.payment-logo > img {
  height: 40px;
}

span.p-note {
  display: inline-block;
  color: #212424;
  font-weight: 700;
  margin-right: 20px;
  font-size: 12px;
  margin-top: 5px;
}

.img-payment-warning {
  background: url(../images/verify_pay.svg) no-repeat;
  background-size: contain;
  width: 20px;
  height: 25px;
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.payment-note .p-note > p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.setting-bot #Profile,
.setting-bot #Address {
  margin-top: 40px;
}

.payment-tab .btn-blue {
  font-weight: 700;
  min-width: 200px;
  text-align: center;
  padding: 10px 15px;
}

.payment-note {
  width: Calc(50% - 6px);
  text-align: right;
}

.settings-button {
  display: inline-block;
  width: 100%;
  margin-top: 75px;
}

#modalRemove .modal-content {
  padding: 0;
}

.compare-delete-modal-content .modal-footer > div.btn-gray {
  float: left;
}

.compare-delete-modal-content .modal-footer > div.btn-green {
  float: right;
}

.compare-delete-modal-content .modal-body > p {
  margin-top: 15px;
}

.compare-delete-modal-content .modal-footer > div {
  display: inline-block;
  cursor: pointer;
  width: 125px;
  border: none;
  border-radius: 0;
}

.compare-delete-modal-content .modal-footer > a {
  display: inline-block;
  cursor: pointer;
  width: 125px;
  border: none;
  float: right;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin: 0 5px;
}

.compare-delete-modal-content .modal-footer,
.compare-delete-modal-content .modal-body {
  padding: 20px 30px;
}

.modal-dialog.compare-delete-modal-content {
  max-width: 350px;
  top: 20%;
}

#modalUnableOrder .modal-content {
  max-width: 450px;
  padding: 20px 25px;
}

.modal-dialog.delete-modal-content {
  max-width: 380px;
}

.delete-modal-content .modal-body > p {
  margin-top: 15px;
}

.delete-modal-content .modal-footer,
.delete-modal-content .modal-body {
  padding: 15px 30px;
}

.delete-modal-content .modal-footer > div {
  display: inline-block;
  cursor: pointer;
  max-width: 150px;
  width: 150px;
  border: none;
}

.delete-modal-content .modal-footer > div.btn-gray {
  float: left;
}

.delete-modal-content .modal-footer > div.btn-green {
  float: right;
}

.review-container,
.payment-container {
  margin-bottom: 100px;
}

/*item-upload*/

/*.zero-val.price_val {
	pointer-events: none;
	background: #ccc;
}*/

table#tblAvailability > tbody > tr > td:first-child {
  max-width: 230px;
}

.tab-content.un-inputs .fancy-checkbox.checkbox-sm > input[type='checkbox'] {
  display: block;
}

.tab-content.un-inputs span.fancy-checkbox.checkbox-sm {
  display: inline-block;
  margin: 5px 0;
}

.tab-content.un-inputs .fancy-checkbox.checkbox-sm > label {
  padding-left: 0;
}

.item-custom-fields > .item-form-group .col-md-6:first-child {
  padding-right: 50px;
}

.item-custom-fields > .item-form-group .col-md-6 {
  margin-bottom: 20px;
  vertical-align: top;
}

.item-custom-fields > .item-form-group .col-md-6 .col-md-6 {
  padding: 0;
  margin: 0;
  width: Calc(50% - 10px);
  display: inline-block;
}

.item-custom-fields > .item-form-group input {
  position: relative;
}

.item-custom-fields span.input-group-addon {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #ccc;
  text-align: center;
  width: auto;
  padding: 10px 12px;
}

.item-custom-fields > .item-form-group .col-md-6.percentage input {
  width: Calc(100% - 35px);
}

.item-custom-fields > .item-form-group .col-md-6 .col-md-6:last-child {
  float: right;
}

.item-custom-fields > .item-form-group .col-md-6.percentage span {
  width: 30px;
  text-align: center;
  display: inline-block;
}

.un-inputs .item-custom-fields .item-form-group .fancy-checkbox input {
  height: 20px;
}

.un-inputs .item-custom-fields .item-form-group .fancy-checkbox label {
  width: 18px;
}

/*delivery settings*/

.dsc-table .ph-t-table td > span {
  vertical-align: middle;
  display: inline-flex;
  margin-right: 15px;
  justify-content: center;
  align-items: center;
}

.dsc-table .ph-t-table td > span:last-child {
  margin-right: 0;
}

span.ellipsis-dot {
  border: 1px solid #332e3b;
  border-radius: 50%;
  padding: 4px 5px 4px 4px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}

span.ellipsis-dot > i {
  color: #332e3b;
  font-size: 13px;
}

.ds-content {
  display: inline-block;
  width: 100%;
  margin: 20px 0 0;
}

.dsc-table .onoffswitch-inner::before {
  background: #404040;
}

.dsc-table .onoffswitch-inner:before,
.dsc-table .onoffswitch-inner:after {
  font-size: 11px;
  height: auto;
  line-height: 23px;
}

.dsc-table .onoffswitch-switch {
  width: 14px;
  height: 14px;
  right: 36px;
}

.dsc-table .onoffswitch-label {
  margin: 0;
}

.dsc-table .onoffswitch {
  width: 60px;
}

.dsct-btn,
.btn-add-pickup {
  background: #000;
  color: #fff;
  font-weight: 700;
  padding: 12.5px;
  min-width: 200px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

span.dsct-text {
  font-weight: 700;
  text-transform: uppercase;
}

.dsc-table {
  margin: 2px 0 0;
  border: 1px solid #d2d2d2;
  padding: 20px 40px 30px;
}

.dsc-table .ph-t-table {
  margin: 10px 0 20px;
  border: none;
}

.dsc-table .ph-t-table thead {
  background: transparent;
}

.dsc-table .ph-t-table tbody tr > td {
  color: #999;
}

.dsc-table .ph-t-table thead tr > th,
.dsctn-text {
  color: #212424;
  font-weight: 700;
  text-transform: uppercase;
  padding: 7px 10px;
}

.dsc-table .ph-t-table thead tr > th,
.dsc-table .ph-t-table tbody tr > td,
ul.pickup-options > li {
  border-bottom: 1px solid #d8d8d8;
  vertical-align: middle;
  padding: 7px 10px;
}

p.dsct-p {
  font-size: 13px;
}

ul.pickup-options > li {
  width: 100%;
  display: inline-block;
  color: #999;
}

ul.pickup-options > li:last-child {
  border-bottom: none;
}

ul.pickup-options {
  border-top: 1px solid #d8d8d8;
}

span.pickup-remove.pull-right {
  /* background: #d8d8d8; */
  padding: 6px 7px;
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  background: url('../images/delete_btn.svg');
  background-size: contain;
}

span.pickup-remove > i {
  color: #999;
  font-weight: 300;
}

.addpickup-option {
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}

.addpickup-option > input {
  border: 1px solid #c2c2c2;
  width: Calc(100% - 250px);
  margin-right: 30px;
}

.dsct-btn > a {
  color: #fff;
}

.dsae-content-inputs.un-inputs > .item-form-group {
  margin-bottom: 10px;
}

.dsae-content-inputs.un-inputs {
  margin-top: 20px;
}

.dsae-content {
  border: 1px solid #d2d2d2;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  padding: 20px 40px 50px;
  margin-bottom: 30px;
}

.dsae-content .fancy-radio input[type='radio'] + label {
  background-image: url(../images/r-uncheck.svg);
}

.dsae-content .fancy-radio input[type='radio']:checked + label {
  background-image: url(../images/r-check.svg);
}

.dsae-content .option_box > .fancy-radio {
  display: inline-block;
}

.dsae-content .option_box > .fancy-radio:first-child {
  margin-right: 50px;
}

.dsae-content .fancy-radio > label {
  padding-left: 40px;
}

.bold {
  font-weight: 700;
}

.light {
  font-weight: 300;
}

.dsae-content .dsc-table .ph-t-table thead tr > th,
.dsae-content .dsc-table .ph-t-table tbody tr > td {
  padding: 7px 10px 7px 0;
  width: 33%;
}

.dsae-content > .dsc-table {
  padding: 0;
  border: none;
}

.btn-add-delivery-rate {
  border: 1px solid #c2c2c2;
  color: #4d4d4d;
  display: inline-block;
  padding: 11.5px 17px;
  cursor: pointer;
}

.dsae-content-btn > div:first-child {
  min-width: auto;
  margin-right: 30px;
}

.dsae-content-btn > div {
  display: inline-block;
  border-radius: 0px;
  color: #c2c2c2;
  min-width: 200px;
  text-align: center;
  padding: 0;
  font-weight: 700;
}

.dsae-content-btn > div.btn-save {
  color: #fff;
  padding: 10px;
}

.dsae-content-btn > div a {
  width: 100%;
  color: #c2c2c2;
  display: inline-block;
  padding: 10px;
}

.delivery-rate-content .fancy-checkbox label {
  width: 18px !important;
}

.dsae-content .un-inputs .item-form-group .col-md-5 input {
  width: 100%;
  max-width: 69%;
}

.dsae-content .fancy-checkbox input[type='checkbox'] + label {
  background: #ffffff;
}

.delivery-rate-content .col-md-4 input,
.delivery-rate-content .col-md-5 input {
  width: Calc(100% - 20px);
}

.delivery-rate-content .col-md-4 input,
.delivery-rate-content .col-md-4 span,
.delivery-rate-content .col-md-5 input,
.delivery-rate-content .col-md-5 span,
.delivery-rate-content .fancy-checkbox {
  display: inline-block;
  margin: 0;
}

.delivery-rate-content .fancy-checkbox {
  margin-top: 12px;
}

.delivery-rate-content .fancy-checkbox input {
  height: 18px;
}

.dsae-content-inputs.un-inputs > .btn-save {
  border-radius: 5px;
  margin-top: 20px;
  color: #fff;
  padding: 10px;
}

.dsae-form-input.disabled {
  pointer-events: none;
  background: #d0d0d0;
  padding: 20px;
}

.delivery-setting-container {
  margin-bottom: 50px;
}

.delivery-rate-content {
  background: #f0f0f0;
  display: inline-block;
  width: 100%;
  padding: 30px 40px;
  display: none;
}

button.close {
  outline: none;
}

.range-a > .row > span {
  float: left;
  margin: 0 20px;
  line-height: 40px;
}

#deliveryOptionDetail .head_box > h5 {
  text-transform: uppercase;
}

#deliveryOptionDetail .modal-content {
  padding: 15px 15px 25px;
}

#deliveryOptionDetail .action_area_box {
  margin-top: 20px;
}

span.delivery-option-edit-img img {
  width: 25px;
  cursor: pointer;
}

.modal-image-cropsec .modal-dialog {
  max-width: 600px;
  margin: 30px auto;
}

.modal-image-cropsec .modal-content {
  max-height: 600px;
}

.modal-image-cropsec .imageBox {
  position: relative;
  height: Calc(100% - 40px);
  width: Calc(100% - 40px);
  margin: 20px auto;
  border: 1px solid #aaa;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
  box-shadow: none;
  background: #eee;
}

.modal-image-cropsec .imageBox .thumbBox {
  position: relative;
  width: 100%;
  height: 100%;
}

.modal-image-cropsec .upload-wapper {
  position: relative;
  top: 0;
  background-color: #50c8ff;
  text-align: center;
  border: none;
  display: inline-block;
  color: #fff;
  padding: 20px;
  width: 100%;
}

.modal-image-cropsec .upload-wapper #upload-file {
  width: 100%;
  height: 100%;
  z-index: 1;
}

.modal-image-cropsec .tools {
  position: absolute;
  top: 0;
  z-index: 11;
  width: 100%;
  padding: 18px 10px;
  text-align: right;
}

.modal-image-cropsec .upload-wapper #upload-file {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.modal-image-cropsec .cr-slider {
  -webkit-appearance: none;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: block;
  width: 100%;
}

.modal-image-cropsec input[type='range'] {
  display: block;
  width: 100%;
  bottom: -220px;
  left: 0;
  position: absolute;
}

.modal-image-cropsec .cr-slider:focus {
  outline: none;
}

.modal-image-cropsec .cr-slider {
  -webkit-appearance: none;
  width: 300px;
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

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

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

.modal-image-cropsec .cr-slider:focus {
  outline: none;
}

.btn-change {
  border: none;
  left: 0px;
}

.profile-img > img {
  border-radius: 13px;
}

.action_area_box > .btn-save {
  border-radius: 20px;
  min-width: 150px;
}

.dsc-table:not(.dsc-table-shipping-rates) .ph-t-table thead tr > th,
.dsc-table:not(.dsc-table-shipping-rates) .ph-t-table tbody tr > td {
  max-width: 300px;
  word-break: break-word;
  min-width: 300px;
}


ul.pickup-options > li span.pickup-name {
  width: Calc(100% - 50px);
  word-break: break-word;
  display: inline-block;
}

.table tbody > tr > td {
  word-break: break-word;
}

.delivery-setting-container .sol-container.sol-active .sol-selection-container {
  max-height: 250px;
  overflow-x: scroll;
  top: 67px !important;
  position: absolute;
  left: 0 !important;
  max-width: 440px !important;
  width: 100% !important;
}

.delivery-setting-container .sol-inner-container {
  display: inline-block;
  width: 100%;
  max-width: 440px;
  border: 1px solid #c7c7c7;
  height: 42px;
  line-height: 42px;
  padding: 0 15px;
}

.delivery-setting-container .sol-current-selection {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
}

.delivery-setting-container .sol-selected-display-item,
.sol-results-count {
  padding: 10px 25px;
  border-radius: 0;
  font-size: 14px;
  background: #f0f0f0;
  border: none;
  position: relative;
  min-width: 150px;
  box-shadow: none;
}

.delivery-setting-container .sol-quick-delete {
  position: absolute;
  right: 10px;
  top: 7px;
}

.delivery-setting-container .sol-selection .sol-optiongroup input[type='checkbox'] {
  height: auto;
  width: auto;
}

.delivery-setting-container .sol-input-container input[type='text'] {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #555;
  padding: 0 7px;
  outline: none;
  width: 100%;
  height: 100%;
}

.delivery-setting-container .sol-caret-container .sol-caret {
  top: 18px;
}

.dsae-content .sol-caret-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dsae-content .sol-caret-container .sol-caret {
  top: 18px;
  position: inherit;
  left: 0px;
}

#popupConfirmOpt {
  width: 450px;
}

#popupConfirmOpt .btn-black {
  background-color: #000;
  width: 150px;
  margin-top: 10px;
  border-radius: 30px;
  border: 1px solid transparent;
  color: #fff;
}

#popupConfirmOpt .btn-black:hover {
  background: #656578;
  color: #fff;
  border: 1px solid #656578;
}

.not-allowed {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

li.li-form.disabled {
  pointer-events: none;
  background: #d0d0d0;
}

.add-new-bulk-price > .text.text-danger {
  margin-bottom: 10px;
}

.col-half-offset {
  margin-left: 4.166666667%;
}

.user-setting-textarea textarea {
  width: 100%;
  height: 62px;
}

.btn-upload {
  background: #646464;
  width: 200px;
  position: relative;
  border-radius: 21px;
  z-index: 99;
  cursor: pointer;
}

.btn-upload input[type='file'] {
  position: absolute;
  opacity: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  top: 0px;
}

.btn-upload img {
  max-width: 20px;
}

.page-home .footer {
  margin-top: 50px;
  padding: 20px 0;
}

.idcrtl-price .item-price {
  display: inline-block;
}

.idcrtl-price .base-price {
  display: inline-block;
  color: #999;
  margin-right: 5px;
}

.relation {
  position: relative;
}

.table#tblPricing tbody > tr > td.bulk-price,
.table#tblPricing tbody > tr > td.discount-price {
  max-width: 150px;
}

.fixed-sidebar .fs-scroll .bottom-scroll {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.fixed-sidebar .fs-scroll {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-right: 1px solid #c8c8c8;
  cursor: auto !important;
}

.cb-content.parent-r-b > .cbc-left > a {
  position: absolute;
  width: 100%;
  height: 100%;
}

.idclt-img.loadarea img {
  max-width: 200px;
  /*width: 295px;*/
  max-height: 200px;
  display: block;
  margin: auto;
}

.lb-data .lb-number {
  display: none !important;
}

.lightboxOverlay {
  z-index: 99999;
}

.lightbox {
  z-index: 100000;
}

.lightbox .lb-container .lb-close {
  width: 35px;
  height: 35px;
  display: block;
  background-image: url(../images/closew_btn.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  z-index: 999;
  cursor: pointer;
}

/* start compare page  */

.comparepg-wrapper {
  padding-bottom: 100px;
}

.btn-export-info {
  border: 1px solid #000;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  width: 190px;
  height: 35px;
  border-radius: 5px;
}

.cmparpgtopcol-extinfo-sec {
  text-align: left;
  width: 20%;
}

.cmparpg-prdct-img img {
  width: 100px;
  height: 100px;
}

.btn-order-now,
.cmparpg-list-td a.btn-order-now {
  width: auto;
  line-height: 25px;
  display: inline-block;
  background-color: #212124;
  color: #fff;
  font-weight: bold;
  border: 1px solid #212124;
  border-radius: 5px;
  padding: 5px 20px;
}

.cmparpg-prdct-title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

.btn-remove-prdct,
.btn-remove-prdct:hover,
.cmparpg-list-td a.btn-remove-prdct,
.cmparpg-list-td a.btn-remove-prdct:hover {
  color: #646464;
  font-size: 14px;
  display: inline-block;
  margin-top: 15px;
}

.cmparpg-prdct-btnsec {
  margin-top: 15px;
}

.cmparpg-list-tbl {
  width: 100%;
  display: table;
}

.cmparpg-list-tr {
  width: 100%;
  display: table;
}

.cmparpg-list-tr img {
  width: auto;
  max-width: 100%;
}

.cmparpg-list-td {
  display: table-cell;
  width: 26.5%;
  vertical-align: middle;
  padding: 15px;
  border: 1px solid #e6e6e6;
  border-top: none;
  border-left: none;
  color: #4d4d4d;
  word-break: break-all;
}

.cmparpg-list-td-text-editor {
  display: table-cell;
  width: 26.5%;
  vertical-align: middle;
  border: 1px solid #e6e6e6;
  border-top: none;
  border-left: none;
  color: #4d4d4d;
  word-break: break-all;
}

.cmparpg-list-tdname {
  width: 20%;
  text-align: right;
  font-weight: bold;
  color: #000;
}

.cmparpg-list-td h4 {
  color: #4d4d4d;
}

.cmparpg-list-td a {
  color: #212124;
  font-size: 14px;
}

.cmparpg-list-td p {
  margin-bottom: 0px;
}

.cmparpg-list-td ul {
  list-style: disc;
  list-style-position: inside;
}

.cmparpg-list-tr:nth-child(even) {
  background-color: #f0f0f0;
}

.cmparpg-list-tr .cmparpg-list-tdname {
  background-color: #fff;
  border: none;
  border-right: 1px solid #e6e6e6;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.cmparpg-list-btntr {
  text-align: center;
}

.cmparpg-list-btntr .cmparpg-list-td {
  border-left: none;
  border-right: none;
}

.cmparpg-list-btntr .cmparpg-list-tdname {
  border-right: none;
}

.cmparpg-list-tr.cmparpg-list-btntr {
  background-color: #fff;
}

.cmparpg-list-btnextr .cmparpg-list-td {
  border-bottom: none;
}

p.cmparpgtopcol-extinfo {
  color: #4d4d4d;
  line-height: 22px;
  margin-bottom: 15px;
  text-align: left;
}

.cmparpgtopcol-extinfo-sec {
  text-align: left;
}

.cmparpg-list-prdcttr .cmparpg-list-td {
  border: none;
}

/* end compare page  */

.item-details-tab .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  border-left: none;
  border-right: none;
  border-top: none;
}

.item-details-tab .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: 0;
  cursor: pointer;
  padding: 10px 16px;
  transition: 0.3s;
  font-size: 14px;
  width: 33.33333333%;
  color: #212124;
  font-weight: 700;
  border-bottom: 4px solid transparent;
}

.item-details-tab .tab button:hover {
  background-color: #ddd;
}

.item-details-tab .tab button.active {
  background-color: #fff;
  border-bottom: 4px solid #212124;
}

.tabcontent .custom-field > p {
  margin: 0;
  word-break: break-all;
}

.item-details-tab .tabcontent {
  display: none;
  margin: 10px 0;
}

.item-details-tab .tabcontent.active {
  display: block;
}

.btn-add-comparison > a {
  background: #43484f;
  color: #fff;
  padding: 8px 15px;
  font-size: 12px;
}

.compare-slider .cmparpg-list-td {
  position: relative;
}

.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}

.row.no-pad [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

.slick-slide img {
  display: inline-block !important;
}

.slick-track {
  margin-left: 0 !important;
}

.page-compare-requisition .max-w {
  max-width: 150px;
}

.divider-sort {
  position: relative;
  display: block;
  width: 60px;
  height: 2px;
  background: #c7c7c7;
  margin: 0 auto 15px;
}

.cmparpg-price {
  font-weight: 700;
  color: #212124;
  font-size: 18px;
}

.cmparg-qty {
  font-size: 14px;
  color: #646464;
}

.cmparpg-title {
  display: inline-block;
  width: 100%;
  background: #212124;
  color: #fff;
  font-weight: 700;
  padding: 10px 0;
  border: 1px solid #e6e6e6;
}

.spacer-40 {
  display: block;
  height: 40px;
  width: 100%;
  content: '';
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 3px;
}

.slick-next:before,
.slick-prev:before {
  display: none !important;
}

.slick-prev {
  left: 25px !important;
  top: 110px !important;
  background: url(../images/slickarrow.svg) no-repeat center center !important;
  transform: rotate(180deg) !important;
  z-index: 111;
  background-size: contain !important;
}

.slick-next {
  right: 25px !important;
  top: 120px !important;
  background: url(../images/slickarrow.svg) no-repeat center center !important;
  background-size: contain !important;
}

/*.modal-dialog{



margin: auto;



}*/

.compare-slider .btn-remove-prdct.openModalRemove.top,
.compare-slider .btn-remove-prdct.openModalRemove.top:hover {
  font-size: 25px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.compare-tab {
  float: right;
  width: auto;
  padding: 0;
  margin-bottom: 38px;
}

.compare-tab li {
  display: inline-block;
  width: auto;
  margin: 0 7px;
  color: #4d4d4d;
}

.compare-tab li a {
  color: #c2c2c2;
  font-weight: 700;
}

.compare-tab li span {
  color: #646464;
  font-weight: 700;
  cursor: pointer;
}

#clearAll {
  color: #c2c2c2;
}

@media (min-width: 1102px) {
  .cart-container .col-sm-10 {
    width: 86%;
  }
}

.btn-export-info.small {
  width: 120px;
  float: right;
}

.slick-slide {
  max-width: 320px;
  cursor: grab;
}

.form-element {
  display: inline-block;
  width: 100%;
  max-width: 239px;
  position: relative;
  margin-right: 20px;
  vertical-align: middle;
}

.form-element select {
  border: solid 1px #979797;
  width: 100%;
  height: 40px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  color: #4d4d4d;
}

.form-element > i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
  pointer-events: none;
}

.mt-25 {
  margin-top: 25px;
}

.compare-item .delete-comp-item i {
  cursor: pointer;
}

.sup-tit {
  float: left;
  width: 100%;
  text-align: center;
  background: #212124;
  color: #fff;
  font-size: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.w-35 {
  float: right;
  width: 40px;
}

.w-65 {
  width: calc(100% - 55px);
}

.add-comp-list-btn {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #06aaf1;
  border: none;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.compare-desk .form-element {
  margin-right: 0;
  float: left;
  max-width: inherit;
  margin-top: 0;
}

.list-pop .modal-sm {
  width: 380px !important;
  margin-top: 15%;
}

.list-pop .modal-content {
  padding: 20px 30px;
}

.pop-header {
  display: inline-block;
  width: auto;
}

.pop-header h4 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212424;
  margin: 0;
}

.pop-form-element label {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212424;
  margin-top: 20px;
}

.pop-form-element input {
  display: inline-block;
  width: 100%;
  height: 40px;
  border: solid 1px #979797;
  background-color: #fff;
  padding: 0 15px;
  margin-bottom: 30px;
}

.pop-footer {
  display: inline-block;
  width: 100%;
  position: relative;
}

.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-10 .col-sm-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.close-list-btn {
  width: 100%;
  text-align: center;
  line-height: 40px;
  border: none;
  height: 40px;
  color: #fff;
  background-color: #999;
}

.list-save-btn {
  width: 100%;
  height: 40px;
  background-color: #2c9a47;
  text-align: center;
  line-height: 40px;
  border: none;
  color: #fff;
}

.list-pop .close {
  font-size: 22px;
}

.form-element.w-65 select {
  font-size: 14px;
}

.w-100 {
  width: 100%;
}

.btn-group.compare-btn {
  background: #212124;
  margin-bottom: 16px;
}

.compare-desk {
  position: fixed;
  top: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(67, 72, 78, 0.7);
  height: 130px;
  content: '';
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 111;
  display: grid;
}

.compare-desk.active {
  top: unset;
}

.empty-item {
  display: inline-block;
  width: 100%;
  height: 87px;
  border: solid 1px #c2c2c2;
  background-color: #43484e;
  color: #000;
  content: '';
  height: 87px;
}

.empty-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 87px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
}

.multiple-compare .slick-prev {
  top: 50% !important;
  left: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-next {
  top: 50% !important;
  right: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
  cursor: auto !important;
  padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
  padding: 0;
}

.gr-compare-btn:hover {
  color: #fff;
}

.gr-compare-btn {
  display: inline-block;
  width: 100%;
  position: relative;
  background: #212124;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  border: none;
  margin-top: 7px;
  text-align: center;
}

.mauto-top {
  margin: -22px auto 0;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  top: -30px;
  overflow: hidden;
}

.toggle-btn-compare {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: 30px;
  background: rgba(67, 72, 78, 0.7);
  padding: 0 10px;
  min-width: 220px;
}

.compare-item {
  background: #fff;
  display: inline-block;
  width: 100%;
  min-height: 87px;
}

.compimg-thumb {
  float: left;
  max-width: 35px;
  margin-right: 10px;
  margin-left: 10px;
}

.compimg-thumb img {
  object-fit: cover;
  height: 65px;
}

.comp-desc {
  float: left;
  width: calc(100% - 65px);
  margin-top: 8px;
}

.delete-comp-item {
  font-size: 12px;
  color: #fff;
  float: right;
  width: auto;
  position: relative;
  text-align: right;
  vertical-align: middle;
  margin-right: 10px;
}

.comp-qty {
  display: inline-block;
  width: 100%;
  font-size: 10px;
  color: #646464;
}

.comp-price {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  color: #212124;
}

.delete_item .compare-delete-modal-content .modal-body {
  padding-top: 20px;
  padding-bottom: 0;
}

.delete_item .compare-delete-modal-content .modal-body > p {
  margin-top: 20px;
  margin-bottom: 0;
}

.cmparpg-prdct-btnsec i.fa-trash {
  font-size: 25px;
  margin-left: 15px;
}

.stock-error {
  color: #ff0000;
}

.btn-group:hover {
  color: #fff;
}

.offer-accepted {
  /*UN568*/
  background: none !important;
  color: #212124 !important;
}

.offer-declined {
  color: #999999;
}

.offer-accept-txt {
  color: #999999;
}

.btn-black {
  background: #4d4d4d;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.btn-container .btn-black {
  padding: 5px 20px;
}

/*Sub account page css*/

.page-subacc .logo {
  margin-top: 10px;
  text-align: center;
}

.page-subacc .logo img {
  max-width: 150px;
}

.login-subacnt-section {
  width: 400px;
}

.loing-section {
  margin: auto;
  max-width: 95%;
  padding-top: 50px;
  padding-bottom: 30px;
}

.login-subacnt-inarea {
  width: 280px;
  margin: 0 auto;
  max-width: 100%;
}

.login-subacnt-inarea .signin-form-group.text-center {
  text-align: center;
}

.pdf-btn.error-con {
  border: 2px solid red !important;
}

.login-subacnt-inarea {
  width: 280px;
  margin: 0 auto;
  max-width: 100%;
}

.login-title {
  font-size: 22px;
  color: #4a4a4a;
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 40px;
  padding-bottom: 10px;
  text-align: center;
}

.signin-form-group {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.signin-form-group label {
  width: 100%;
  font-size: 12px;
  color: #999;
  font-weight: normal;
  margin-bottom: 3px;
}

.signin-form-group .singfrm-txtbox {
  width: 100%;
  color: #000000;
  font-size: 12px;
  height: 30px;
  padding: 5px 10px;
}

.msg-error-sec {
  color: #f00;
}

.black-btn {
  background: #000000;
  color: #ffffff;
  border: none;
  margin-top: 10px;
  padding: 7px 20px;
  min-width: 132px;
  text-align: center;
  font-size: 12px;
  outline: none;
  margin-left: 3px;
  margin-right: 3px;
}

/*End Sub account page css*/

#modalUnableOrder .modal-dialog {
  margin-top: 5%;
}

#modalUnableOrder .modal-footer {
  text-align: center;
  padding-top: 0;
}

#modalUnableOrder .modal-footer .btn-green {
  min-width: 120px;
}

.sub-account-list .modal-dialog {
  margin-top: 5%;
}

.sub-account-list .modal-footer .btn-green {
  min-width: 120px;
}

.subaccount-data-table {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
  overflow: unset !important;
}

#modal-create-account h4,
#modal-create-buyer-account h4,
#modal-create-merchant-account h4 {
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.2px;
  text-align: center;
  color: #4d4d4d;
}

#modal-create-account .modal-header,
#modal-create-buyer-account .modal-header,
#modal-create-merchant-account .modal-header {
  border: 0;
  padding-top: 35px;
  padding-bottom: 0;
}

#modal-create-account,
#modal-create-buyer-account,
#modal-create-merchant-account {
  font-size: 13px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #484848;
}

#modal-create-account input,
#modal-create-buyer-account input,
#modal-create-merchant-account input {
  max-width: 478px;
  height: 45px;
  border-radius: 0;
  display: inline-block;
  border: solid 1px #b6b6b6;
  margin-top: 20px;
}

#modal-create-account .modal-header .close,
#modal-create-buyer-account .modal-header .close,
#modal-create-merchant-account .modal-header .close {
  margin-top: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 28px;
  outline: none;
}

.un-inputs .item-form-group textarea.error-con + #cke_text-editor {
  border: 1px solid red;
}

.item-detail-container ul li:not(.idclt-custom-field ul li) {
  list-style: disc;
}

/*FIX for ARC7056:: 14-June-2019*/

.custom-field ul li:not(.idclt-custom-field ul li, .info-container ul li) {
  list-style: disc;
}

.custom-field .faq-body-left ul li {
  list-style: none;
}

.custom-field .faq-content ul li {
  list-style: none;
}

.custom-field ul {
  padding-left: 40px;
}

/*FIX for ARC7057:: 14-June-2019*/

.custom-field a {
  text-decoration: underline;
  color: #337ab7;
}

.custom-field a:hover,
.custom-field a:focus,
.custom-field a:active {
  text-decoration: underline;
  outline: none;
  color: inherit;
}

/*FIX for ARC7067:: 14-June-2019*/

.custom-field hr {
  border-top: 1px solid #c8c8c8 !important;
}

.cke_dialog {
  z-index: 99999 !important;
}

/*Fix for UN-624*/

.footer.fixed {
  z-index: 9;
}

/*Fix for UN-640*/

.fixntf-lsec a {
  color: #fff;
}

/* UN-497 */

li.h-logo a > img {
  max-height: 45px;
  max-width: 157px;
}

/*donor project detail style start here*/

.donor_project_outer {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}

.project_cover {
  display: inline-block;
  width: 100%;
  max-height: 248px;
  overflow: hidden;
  margin-bottom: 15px;
}

/*.project_cover img {



	width: 100%;



	height: 100%;



	object-fit: cover;



}*/

.donor_project_detail {
  display: inline-block;
  width: 100%;
}

.donor_project_detail h4 {
  display: inline-block;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  vertical-align: middle;
  margin-top: 15px;
  margin-bottom: 15px;
  background: #212124;
  padding-left: 15px;
  line-height: 50px;
}

.donor_project_detail h4 a {
  margin-left: 15px;
  vertical-align: text-top;
}

.donor_project_detail p {
  margin-bottom: 15px;
}

.donor_project_detail .form-element {
  display: inline-block;
  width: 100%;
  max-width: 370px;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 10px;
}

.donor_project_detail .form-element label {
  font-size: 14px;
  font-weight: 700;
  color: #4d4d4d;
  display: inline-block;
  width: 100%;
}

.donor_project_detail .form-element .txt {
  display: inline-block;
  width: 100%;
  height: 35px;
  line-height: 33px;
  border: 1px solid #c2c2c2;
  padding: 0 15px;
  border-radius: 3px;
}

.donor_project_detail .lable_list {
  display: inline-block;
  width: 100%;
}

.donor_project_detail .lable_list span:first-child {
  background: rgb(173, 41, 216) !important;
}

.donor_project_detail .lable_list span {
  display: inline-block;
  width: auto;
  padding-left: 13px;
  padding-right: 40px;
  border-radius: 3px;
  height: 35px;
  line-height: 35px;
  background: #ad29d8;
  color: #fff;
  position: relative;
  margin-right: 5px;
  margin-bottom: 5px;
}

.donor_project_detail .lable_list span i {
  position: absolute;
  height: 100%;
  width: 15px;
  line-height: 35px;
  right: 10px;
  top: 0;
}

.page-donar-detail span.dashboard-grapth-title,
.page-donar-detail span.dashboard-grapth-title a {
  font-weight: 700;
  font-size: 24px;
  color: #4d4d4d;
}

.page-donar-detail span.dashboard-grapth-title i {
  font-size: 14px;
}

.page-donar-detail .dashboard-graph {
  border-left: 0;
  border-right: 0;
  margin-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  border: none;
  overflow: visible;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
}

#donr_piechart {
  margin: 0 auto;
}

.page-donar-detail .blog_list {
  display: inline-block;
  width: 100%;
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  border-top: 1px solid #d2d2d2;
  margin-top: 25px;
}

.blog_list_title {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
}

.blog_list_title h4 {
  display: inline-block;
  width: auto;
  font-size: 24px;
  font-weight: 700;
  color: #4d4d4d;
  margin-top: 0;
  margin-bottom: 0;
}

.blog_list_title a {
  display: inline-block;
  width: 125px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
  background: #4f9850;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.blg-item {
  display: inline-block;
  width: 100%;
  padding-top: 20px;
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  margin-bottom: 30px;
}

.blg-item h4 {
  font-size: 16px;
  color: #4d4d4d;
  margin: 0 0 15px;
  padding: 0px 20px;
}

.blog_img {
  display: inline-block;
  width: 100%;
  height: 135px;
  padding: 0px 20px;
  margin-bottom: 10px;
}

.blog_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blg_sort_description {
  padding: 0px 20px;
}

.blg_footer {
  display: block;
  width: 100%;
  padding: 0px 20px;
  margin-top: 15px;
}

.blg_footer .donor_label {
  display: inline-block;
  width: auto;
  padding: 5px 15px;
  background: #ad29d8;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  vertical-align: middle;
}

.blg_footer .date_blg {
  font-style: italic;
  color: #999;
  font-size: 12px;
  vertical-align: middle;
  padding: 5px 0;
  display: inline-block;
}

.blg_footer .donor_label.grey {
  background: #999999;
}

.blg-bottom {
  display: inline-block;
  border-top: 1px solid #d2d2d2;
  margin-top: 15px;
  padding: 10px 15px;
  width: 100%;
  clear: both;
}

.matrice-txt {
  display: inline-block;
  text-align: left;
  color: #000;
  width: 70%;
  font-weight: 500;
}

.matrice-digit {
  display: inline-block;
  text-align: right;
  width: 25%;
}

.ed_prj {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-left: 1px solid #fff;
  text-align: center;
}

.ed_prj img {
  display: inline-block;
}

#editProject button.close {
  position: relative;
  z-index: 11;
}

.group-buy-tag {
  background: #1b9cd8;
  color: #fff;
  padding: 7px 10px;
  white-space: nowrap;
}

.donor-prj {
  margin-bottom: 0 !important;
}

.donor-prj h4 {
  display: inline-block;
  width: auto;
  font-size: 24px;
  font-weight: 700;
  color: #4d4d4d;
  margin-top: 0;
  margin-bottom: 15px;
}

.addMetric-btn,
.addMetric-btn:hover {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #009edf;
  text-align: left;
  font-weight: 700;
  border-bottom: 1px solid #d2d2d2;
  margin: 0 auto;
}

.addMetric-btn img {
  max-width: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.metic_box {
  display: inline-block;
  width: 100%;
  padding: 25px;
}

.metric_form_box {
  display: block;
  width: 100%;
  background: #f2f2f2;
  padding: 20px;
}

.show_graph {
  color: #009edf;
  cursor: pointer;
}

.metric-data {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}

.metric-data .metricdata-list {
  padding: 10px;
}

.metric_value {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.metric-data:hover .metricdata-list {
  background: #f0f0f0;
}

.gr {
  display: none;
}

.goal {
  padding: 0 5px;
}

.form-element-full .select_ui {
  width: 100%;
  position: relative;
}

.form-element-full .select_ui select {
  background: transparent;
  width: 100%;
}

.form-element-full .select_ui i {
  position: absolute;
  top: 10px;
  right: 15px;
}

.radio_btns {
  display: inline;
}

.sharp_btn_radio {
  display: inline-block;
  width: 100%;
  max-width: 30%;
  margin-right: 15px;
  padding: 10px 15px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #c9c9c9;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.sharp_btn_radio:last-child {
  margin: 0;
}

.sharp_btn_radio label {
  line-height: normal;
  margin: 0;
  font-weight: 400;
  color: #999;
  position: relative;
}

.sharp_btn_radio.active {
  background: #2d9a47;
  color: #fff;
  border-color: #2d9a47;
}

.sharp_btn_radio.active label {
  color: #fff;
}

.sharp_btn_radio.active label:before {
  background: #2d9a47;
  border: 3px solid #fff;
}

.sharp_btn_radio label:before {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: #fff;
  border: 1px solid #999;
  border-radius: 100%;
  content: '';
  position: absolute;
  left: -25px;
  top: 2px;
}

.sharp_btn_radio input {
  opacity: 0;
  position: absolute;
}

.metric_form_element {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px;
}

.metric_form_element > label {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
  font-weight: 700;
}

.metric_form_element .txt {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 38px;
  background: #fff;
  border: 1px solid #c9c9c9;
  padding: 0 15px;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  appearance: none;
}

input[type='number']:not(.spin-visible)::-webkit-inner-spin-button,
input[type='number']:not(.spin-visible)::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.metric_form_element .green-btn {
  background: #2d9a47;
  color: #fff;
  width: 100px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
}

.metric_form_element .grey-btn {
  background: #b3b3b3;
  border: 0;
  border-radius: 3px;
  color: #fff;
  width: 100px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  margin-right: 15px;
}

/*donor project detail style end here*/

/*create blog page style start here*/

.create_blog_parent {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}

.create_blog_parent .container {
  max-width: 505px;
}

.create_blog_parent h3 {
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.75;
  letter-spacing: normal;
  color: #4d4d4d;
  margin-bottom: 30px;
}

.form-element-full {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}

.form-element-full label {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.29;
  letter-spacing: normal;
  color: #4d4d4d;
}

.form-element-full .txt {
  height: 35px;
  border-radius: 4px;
  border: solid 1px #c2c2c2;
  background-color: #fff;
  padding: 0 15px;
  width: 100%;
}

.preview {
  display: inline-block;
  width: 100%;
  position: relative;
}

.preview img {
  margin-top: 15px;
}

.form-element-full .file-upload .file-select {
  width: 100%;
  height: 35px;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
}

.form-element-full .file-upload .file-select .file-select-name {
  width: calc(100% - 155px);
  height: 35px;
  line-height: 35px;
  border: 0;
}

.form-element-full > div {
  display: inline-block;
  width: 100%;
}

.form-element-full .file-upload .file-select .file-select-button {
  width: 135px;
  height: 35px;
  line-height: 35px;
  background: #212124;
  float: right;
  border-radius: 4px;
}

.round-btn {
  width: 150px;
  height: 35px;
  border-radius: 4px;
  line-height: 35px;
  text-align: center;
  color: #fff;
}

.btn-grey {
  background: #999999;
}

.btn-green.round-btn {
  padding: 0;
}

.cke_maximized {
  z-index: 111111 !important;
}

.row-flex {
  display: table;
  width: 100%;
  height: 300px;
  margin-top: 15px;
}

.row-flex .col:first-child {
  border: 1px solid #e6e6e6;
}

.row-flex .col {
  width: 50%;
  min-height: 300px;
  display: table-cell;
  vertical-align: top;
}

.chart-style-backoutter {
  height: 300px;
  background-color: #fff;
  position: relative;
}

.h-100 {
  /*height: 100%;*/
}

svg > g > g:last-child {
  pointer-events: none;
}

.table-gray {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.table-gray thead tr td {
  background-color: #e6e6e6;
  text-align: center;
  font-weight: 600;
  padding: 12px 10px;
  position: relative;
}

.table-gray tbody tr td {
  padding: 12px 10px;
  text-align: center;
}

.row-flex div:nth-child(2) .col-inner {
  padding-left: 40px;
  padding-bottom: 40px;
}

.t-border {
  height: 100%;
  border: 1px solid #e6e6e6;
}

.table-gray thead tr td:last-child:after {
  display: none;
}

.table-gray thead tr td:after {
  height: 10px;
  content: '';
  display: table-cell;
  background-color: #000;
  width: 1px;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -5px;
}

/*create blog page style end here*/

#purchase-history-table td a {
  color: #212124;
  text-decoration: none;
  outline: none;
}

.payment-process {
  display: inline-block;
  width: 100%;
  background: #f2f2f2;
  padding: 15px 20px;
}

.payment-process p {
  font-size: 14px;
  color: #7b7b7b;
}

.payment-process p span {
  color: #52a345;
  font-weight: bold;
}

.progress {
  overflow: visible;
  height: 15px;
  border: 1px solid #c9c9c9;
}

.progress-bar {
  background-color: #52a345;
  position: relative;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.attr_val {
  position: absolute;
  right: -19px;
  color: #52a345;
  font-size: 14px;
  font-weight: 700;
  bottom: -30px;
}

.attr_val::before {
  position: absolute;
  top: -24px;
  left: 8px;
  height: 20px;
  width: 2px;
  content: '';
  background: #52a345;
}

.blg_sort_description p {
  max-height: 62px;
  overflow: hidden;
}

.blg-bottom:last-child {
  margin-top: 0;
}

#modal-add-comparison-list .btn-save-comparison-list {
  line-height: inherit !important;
}

.pagination-container {
  text-align: center;
}

#toast-container > .toast-info,
#toast-container > .toast-error,
#toast-container > .toast-success {
  text-align: left;
}

#toast-container > .toast-title,
#toast-container > .toast-message {
  text-align: left;
}

/*New Pagination Styles*/

.paginationjs {
  line-height: 1.6;
  font-size: 14px;
  box-sizing: initial;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginationjs:after {
  display: table;
  content: ' ';
  clear: both;
}

.paginationjs .paginationjs-pages {
  float: left;
}

.paginationjs .paginationjs-pages ul {
  float: left;
  margin: 20px 0;
  padding: 0;
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input,
.paginationjs .paginationjs-nav {
  float: left;
  margin-left: 10px;
  font-size: 14px;
}

.paginationjs .paginationjs-pages li {
  float: left;
  border: 1px solid #ddd;
  border-right: none;
  list-style: none;
}

.paginationjs .paginationjs-pages li > a {
  padding: 6px 12px;
  line-height: 22px;
  display: block;
  background: #fff;
  font-size: 14px;
  color: #212124;
  text-decoration: none;
  text-align: center;
}

.paginationjs .paginationjs-pages li > a:hover {
  background: #eee;
}

.paginationjs .paginationjs-pages li.active {
  border-color: #212124;
}

.paginationjs .paginationjs-pages li.active > a {
  border-color: #212124;
  background-color: #212124;
  color: #fff;
}

.paginationjs .paginationjs-pages li.disabled > a {
  color: #777;
}

.paginationjs .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs .paginationjs-pages li:first-child,
.paginationjs .paginationjs-pages li:first-child > a {
  border-radius: 3px 0 0 3px;
}

.paginationjs .paginationjs-pages li:last-child {
  border-right: 1px solid #aaa;
  border-radius: 0 3px 3px 0;
}

.paginationjs .paginationjs-pages li:last-child > a {
  border-radius: 0 3px 3px 0;
}

.paginationjs .paginationjs-go-input > input[type='text'] {
  width: 30px;
  height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 0;
  font-size: 14px;
  text-align: center;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  box-sizing: initial;
}

.paginationjs .paginationjs-go-button > input[type='button'] {
  min-width: 40px;
  height: 30px;
  line-height: 28px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #aaa;
  text-align: center;
  padding: 0 8px;
  font-size: 14px;
  vertical-align: baseline;
  outline: 0;
  box-shadow: none;
  color: #333;
  cursor: pointer;
  vertical-align: middle;
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-input > input[type='text'],
.paginationjs.paginationjs-theme-blue .paginationjs-pages li {
  border-color: #289de9;
}

.paginationjs .paginationjs-go-button > input[type='button']:hover {
  background-color: #f8f8f8;
}

.paginationjs .paginationjs-nav {
  height: 30px;
  line-height: 30px;
}

.paginationjs .paginationjs-go-button,
.paginationjs .paginationjs-go-input {
  margin-left: 5px;
}

.paginationjs.paginationjs-small {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-pages li > a {
  min-width: 26px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-pages li.active > a {
  height: 26px;
  line-height: 26px;
}

.paginationjs.paginationjs-small .paginationjs-go-input {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-input > input[type='text'] {
  width: 26px;
  height: 24px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-button {
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-go-button > input[type='button'] {
  min-width: 30px;
  height: 26px;
  line-height: 24px;
  padding: 0 6px;
  font-size: 12px;
}

.paginationjs.paginationjs-small .paginationjs-nav {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.paginationjs.paginationjs-big {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-pages li > a {
  min-width: 36px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-pages li.active > a {
  height: 36px;
  line-height: 36px;
}

.paginationjs.paginationjs-big .paginationjs-go-input {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-input > input[type='text'] {
  width: 36px;
  height: 34px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-button {
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-go-button > input[type='button'] {
  min-width: 50px;
  height: 36px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 16px;
}

.paginationjs.paginationjs-big .paginationjs-nav {
  height: 36px;
  line-height: 36px;
  font-size: 16px;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a {
  color: #289de9;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li > a:hover {
  background: #e9f4fc;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.active > a {
  background: #289de9;
  color: #fff;
}

.paginationjs.paginationjs-theme-blue .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type='button'] {
  background: #289de9;
  border-color: #289de9;
  color: #fff;
}

.paginationjs.paginationjs-theme-green .paginationjs-go-input > input[type='text'],
.paginationjs.paginationjs-theme-green .paginationjs-pages li {
  border-color: #449d44;
}

.paginationjs.paginationjs-theme-blue .paginationjs-go-button > input[type='button']:hover {
  background-color: #3ca5ea;
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li > a {
  color: #449d44;
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li > a:hover {
  background: #ebf4eb;
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.active > a {
  background: #449d44;
  color: #fff;
}

.paginationjs.paginationjs-theme-green .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type='button'] {
  background: #449d44;
  border-color: #449d44;
  color: #fff;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-input > input[type='text'],
.paginationjs.paginationjs-theme-yellow .paginationjs-pages li {
  border-color: #ec971f;
}

.paginationjs.paginationjs-theme-green .paginationjs-go-button > input[type='button']:hover {
  background-color: #55a555;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a {
  color: #ec971f;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li > a:hover {
  background: #fdf5e9;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.active > a {
  background: #ec971f;
  color: #fff;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type='button'] {
  background: #ec971f;
  border-color: #ec971f;
  color: #fff;
}

.paginationjs.paginationjs-theme-red .paginationjs-go-input > input[type='text'],
.paginationjs.paginationjs-theme-red .paginationjs-pages li {
  border-color: #c9302c;
}

.paginationjs.paginationjs-theme-yellow .paginationjs-go-button > input[type='button']:hover {
  background-color: #eea135;
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li > a {
  color: #c9302c;
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li > a:hover {
  background: #faeaea;
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.active > a {
  background: #c9302c;
  color: #fff;
}

.paginationjs.paginationjs-theme-red .paginationjs-pages li.disabled > a:hover {
  background: 0 0;
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type='button'] {
  background: #c9302c;
  border-color: #c9302c;
  color: #fff;
}

.paginationjs.paginationjs-theme-red .paginationjs-go-button > input[type='button']:hover {
  background-color: #ce4541;
}

.paginationjs .paginationjs-pages li.paginationjs-next {
  border-right: 1px solid #aaa;
}

.paginationjs .paginationjs-go-input > input[type='text'] {
  line-height: 28px;
  vertical-align: middle;
}

.paginationjs.paginationjs-big .paginationjs-pages li > a {
  line-height: 36px;
}

.paginationjs.paginationjs-big .paginationjs-go-input > input[type='text'] {
  height: 36px;
  line-height: 36px;
}

/*New Footer*/

.new-footer-content {
  color: #fff;
}

.new-footer-content ul li a,
.new-footer-content ul li a:hover {
  color: #999;
}

.nfc-menu ul > li {
  margin: 10px 0;
}

.nfc-menu > span {
  font-weight: 600;
}

.nfc-left {
  float: left;
}

.footer.bigger-footer {
  position: relative !important;
}

.footer-bot {
  display: inline-block;
  width: 100%;
}

.new-footer-content {
  display: inline-block;
  width: 100%;
  padding: 0 30px;
}

.nfc-right {
  float: right;
  text-align: right;
}

.nfc-menu {
  display: inline-block;
  vertical-align: top;
  padding-right: 50px;
}

.nfc-right > span {
  display: inline-block;
  width: 100%;
  margin: 5px 0;
  color: #ccc;
}

.footer-bot-left {
  display: inline-block;
}

.footer-social-navigation {
  border-left: 2px solid #c8c8c8;
  float: right;
}

.footer-social-navigation li {
  padding: 0 10px;
}

.footer-social-navigation li a {
  width: 30px;
  height: 30px;
}

.footer {
  padding: 40px 0 20px;
}

.footer-bot {
  display: inline-block;
  width: 100%;
  border-top: 1px solid #999;
  margin: 10px 0 0;
  padding-top: 15px;
  font-size: 12px;
  color: #ccc;
}

.footer-bot a {
  color: #ccc;
}

.footer-logo > img {
  width: 92px;
  margin-bottom: 15px;
}

/*October 23 2019*/

.recovery-accept p {
  color: #000;
  font-size: 14px;
  text-align: center;
}

.field-empty p {
  color: #f00;
  font-size: 14px;
  text-align: center;
}

.mobi-tabler {
  display: none;
  margin-bottom: 20px;
}

.pos_space {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mobi-tabler > i {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  right: 0;
  top: 5px;
}

ul.h-dd-menu {
  max-height: 154px;
}

li.h-extramenus > ul > li.h-mail > a > i,
li.h-extramenus > ul > li.h-mail > a > span {
  display: inline-block;
  vertical-align: inherit;
}

.header-bottom ul.header-menus {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.quotation-table .new-line {
  margin-top: 10px;
}

.create-good-receipt .chk_box label.sassy-checkbox {
  vertical-align: middle;
}

.site-tagline {
  margin-bottom: 10px;
  font-size: 14px;
  color: #4d4d4d;
  font-weight: 600;
  margin-top: 10px;
}

.sidebar-brand.underline:after {
  content: '';
  width: calc(100% + 60px);
  height: 2px;
  background-color: #d9d9d9;
  display: block;
  margin-left: -30px;
}

/*October 23 2019*/

.fa.fa-google-square {
  background-image: url('../images/google_id.svg');
  display: block;
  background-size: contain;
  height: 29px;
  width: 29px;
  background-repeat: no-repeat;
}

.fa.fa-arcadier-square {
  background-image: url('../images/arcadier_logo.svg');
  display: block;
  background-size: contain;
  height: 29px;
  width: 29px;
  background-repeat: no-repeat;
}

.order-data1 .thumb-group img,
.cart-items .thumb-group img {
  max-width: 50px;
  margin-right: 15px;
}

.table.cart-items tbody > tr > td {
  border: none;
  vertical-align: middle;
}

.cart-act {
  display: flex;
  align-items: center;
  margin-left: auto;
  width: 50px;
  justify-content: space-between;
  margin-right: 10px;
}

.cart-act .fancy-checkbox,
.cart-act .fancy-checkbox label {
  margin-bottom: 0;
  margin-top: 1px;
}

.cart-act .cbcr-delete {
  font-size: 20px;
}

.table.cart-items tbody > tr > td:last-child {
  padding-left: 0;
  padding-right: 0;
}

.cart-box .cb-header .cb-checkbox {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}

.cart-item-edit a {
  color: #1b9cd8;
  font-weight: 500;
}

.btn-checkout.disabled:after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  cursor: not-allowed;
}

.btn-checkout.disabled {
  position: relative;
  background-color: #d8d8d8;
}

.btn-checkout.disabled > a {
  color: #99999b;
}

.mm-msg {
  font-size: 12px;
  color: #db3348;
  font-style: italic;
  font-weight: 400;
  margin-bottom: 10px;
}

.sassy-radio input[type='radio'] {
  opacity: 0;
}

.sassy-radio {
  width: 16px;
  height: 16px;
  position: relative;
  border: 1px solid #000;
  border-radius: 16px;
  margin: 0px;
}

.sassy-radio input[type='radio']:checked + span {
  width: 8px;
  height: 8px;
  background-color: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -4px;
  border-radius: 10px;
}

.sassy-switch {
  position: relative;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.sassy-switch .onoffswitch-checkbox {
  display: none;
}

.sassy-switch .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid none;
  border-radius: 15px;
}

.sassy-switch .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.sassy-switch .onoffswitch-inner:before,
.sassy-switch .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 23px;
  padding: 0;
  line-height: 25px;
  font-size: 10px;
  color: white;
  font-weight: bold;
  box-sizing: border-box;
}

.sassy-switch .onoffswitch-inner:before {
  content: 'YES';
  padding-left: 12px;
  background-color: #405265;
  color: #ffffff;
  font-size: 12px;
}

.sassy-switch .onoffswitch-inner:after {
  content: 'NO';
  padding-right: 12px;
  background-color: #8a9cb0;
  color: #ffffff;
  text-align: right;
  font-size: 12px;
}

.sassy-switch .onoffswitch-switch {
  display: block;
  width: 14px;
  margin: 4.5px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 33px;
  border: 2px solid none;
  border-radius: 15px;
  transition: all 0.3s ease-in 0s;
}

.sassy-switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.sassy-switch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

.tiny-title {
  font-size: 14px;
  color: #222424;
  font-weight: 900;
  letter-spacing: 0.1px;
  margin-top: 20px;
}

.tiny-title.no-margin-top {
  margin-top: 0px;
}

.terms-box {
  padding: 15px 25px;
  margin-top: 20px;
  border: solid 2px #cbcbcb;
}

.terms-box.no-margin {
  margin-top: 0px;
}

.terms-box .table tbody > tr > td {
  color: #646464;
  vertical-align: middle;
}

.item-new-listing .un-item-uplod-tab > li {
  transition: 800ms all;
}

.item-new-listing .un-item-uplod-tab > li.active > span {
  color: #000000;
}

.item-new-listing:not(.sidebar-collapse) .un-seller-tab {
  padding-left: 235px;
}

.item-new-listing .un-seller-tab {
  display: flex;
  justify-content: space-between;
  border-top: 0;
  border-bottom: 0;
  align-items: center;
  position: fixed;
  width: 100%;
  z-index: 999;
  left: 0;
}

.item-new-listing .sidebar {
  z-index: 9999;
}

.item-new-listing:not(.sidebar-collapse) .un-item-uplod-tab > li {
  padding: 8px 20px;
}

.item-new-listing .un-seller-tab {
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}

.item-new-listing .un-seller-tab.sticky {
  position: fixed;
  top: 44px;
  z-index: 9999;
  width: 100%;
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}

.item-new-listing .un-seller-tab.sticky + div {
  margin-top: 44px;
}

.item-new-listing .sticky-support {
  margin-top: 15px;
}

.item-new-listing .has-child-sub ul.sub-cat > li:before,
.item-new-listing .has-child-sub ul.sub-cat > li.has-child-sub ul > li:before {
  display: none;
}

.item-new-listing .un-btn-upload {
  background: none;
  font-weight: 600;
  border: 2px solid #000;
  padding: 6px 30px;
}

.flex-tab-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#cartItemEdit .modal-dialog {
  max-width: 364px;
  /*max-width: 100%;*/
}

#cartItemEdit .cart-edit-item .item-field > span {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

#cartItemEdit .modal-header .close {
  right: 18px;
  top: 13px;
  font-size: 28px;
}

#cartItemEdit .cart-edit-item input[type='text'] {
  border-radius: 0px;
  border: 1px solid #d4d4d4;
  font-weight: 500;
}

#cartItemEdit .cart-edit-item .modal-body {
  padding: 20px 25px;
}

#cartItemEdit .cart-edit-item .modal-footer {
  padding-top: 0px;
}

#cartItemEdit .modal-footer > div {
  font-weight: 500;
}

li.h-extramenus > ul > li.h-shopping-cart > a {
  color: #212124;
}

li.h-extramenus > ul > li.h-shopping-cart > a > i,
li.h-extramenus > ul > li.h-shopping-cart > a > span {
  display: inline-block;
  vertical-align: middle;
}

.idcrt-order-btn .tooltip-inner {
  padding: 15px 10px;
  border-radius: 0px;
}

.tccct-btn > .btn-black.requisition-btn {
  background: #212124;
}

.theme-lnk {
  color: #212124 !important;
}

.modal-queue-pdf .modal-dialog {
  width: 364px;
  max-width: 100%;
}

.modal-queue-pdf h6 {
  font-size: 14px;
  font-weight: 500;
  color: #080808;
  margin-bottom: 20px;
}

.modal-queue-pdf .modal-body {
  padding-bottom: 5px;
}

.modal-queue-pdf .form-control {
  border: 1px solid #d4d4d4;
  border-radius: 0px;
  height: 35px;
}

.modal-queue-pdf .foot-flex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  float: none;
  margin: 0;
  padding: 0;
}

.modal-queue-pdf .foot-flex .btn:hover,
.modal-queue-pdf .foot-flex .btn:focus,
.modal-queue-pdf .foot-flex .btn:active {
  color: #fff;
}

.modal-queue-pdf .foot-flex .btn {
  width: 48%;
  font-size: 14px;
  font-weight: 500;
  border-radius: 0;
  padding: 8px;
}

.add-link {
  color: #1b9cd8;
  font-weight: 600;
  margin-top: 10px;
  display: inline-block;
}

.order-select {
  border: 1px solid #ccc;
}

.order-select select {
  border: none;
  padding: 2px;
  width: 85%;
}

.black-bold {
  color: #212124;
  font-weight: bold;
}

.payment-terms-box {
  margin-top: 10px;
}

.cart-options {
  margin-top: 10px;
}

.cart-options .pccl-payment-method {
  margin-top: 10px;
}

.cookie-bar {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0px;
  z-index: 9;
}

.flex-cookier-bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12px;
  align-items: center;
}

.cookie-btn {
  color: #fff;
  padding: 8px 16px;
  border: 1px solid #fff;
}

.cookie-btn:hover,
.cookie-btn:active,
.cookie-btn:focus {
  color: #fff;
}

.flex-cookier-bar p {
  margin-bottom: 0;
  padding-right: 15px;
  width: 100%;
  flex: 1;
}

.flex-cookier-bar p > a {
  color: #fff;
  text-decoration: underline;
}

/*November 12 2019*/

.cat-line {
  position: absolute;
  top: 18px;
  background: #888787;
  left: 7px;
  width: 1.5px;
  height: Calc(100% - 42px);
}

.sub-cat .cat-toggle {
  display: none;
}

.aligned.cart-options {
  padding-left: 44px;
}

.department-reason-error {
  color: #ff0000;
  font-size: 12px;
  position: absolute;
  bottom: -22px;
  left: 30px;
}

.requisition-options {
  position: relative;
}

.fas.fa-check.blue-tick {
  color: #02a8ff;
  width: auto;
  height: auto;
}

.subaccount-data-table .order-data1 thead > tr > th.text-right,
.subaccount-data-table .order-data1 tbody > tr > td.text-right {
  text-align: right;
}

.l-p-0 {
  padding-left: 0px;
}

/*home page new header update*/

.mobile_top_toggler {
  display: none;
}

.header.mod .h-search-bar > div.h-search-category {
  width: 38%;
}

.header.mod .h-search-bar > div.h-search-input {
  width: 62%;
  max-width: 325px;
}

.header.mod .h-search-bar .h-search-input > input {
  width: 325px;
}

.header.mod .h-search-category > select {
  width: 194px;
}

.header.mod li.h-search {
  max-width: 100%;
}

.header.mod li.h-extramenus {
  width: auto;
}

.header.mod li.h-extramenus i {
  font-size: 18px !important;
  color: #fff;
}

.header.mod li.h-extramenus > ul {
  height: auto;
  line-height: normal;
}

.header.mod li.h-more > i {
  top: -2px;
}

.header.mod li.h-extramenus > ul > li {
  position: relative;
}

.header.mod .h-cart span {
  color: #fff;
}

.header.mod .h-cart .item-price span {
  color: #212124;
}

.header.mod li.h-cart > .h-dd-menu {
  z-index: 11;
}

.header.mod li.h-extramenus > ul > li::after {
  position: absolute;
  content: '|';
  color: #fff;
  right: -20px;
  top: 0px;
}

.header.mod li.h-extramenus > ul > li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header.mod li.h-extramenus ul.h-dd-menu li a {
  justify-content: left;
}

.h-cart span {
  color: #fff;
  vertical-align: top;
}

.h-seller a {
  color: #fff;
  text-transform: uppercase;
}

.h-seller a i {
  margin-right: 5px;
}

.header.mod li.h-cart > a i {
  margin-right: 5px;
}

.header.mod li.h-cart > a {
  display: flex;
}

.header.mod li.h-lanaguage {
  max-height: unset;
}

@media (max-width: 767px) {
  .header-top ul.header-menus > li {
    padding: 10px 4px;
  }

  .header.mod li.h-extramenus > ul > li::after {
    display: none;
  }

  .header.mod .header-top ul.header-menus > li::after {
    display: none;
  }

  .header.mod .h-search-bar > div.h-search-input {
    width: 50%;
  }

  .header.mod .h-search-bar > div.h-search-category {
    width: 50%;
  }

  .header.mod .h-search-bar .h-search-input > input {
    width: 100%;
    padding: 0 15px;
  }

  .header.mod .h-search-category > select {
    min-width: unset;
  }

  .header.mod .h-search-bar {
    width: 100%;
  }

  .header.mod li.h-logo > img {
    max-height: 37px;
  }
}

@media screen and (min-width: 813px) and (max-width: 1199px) {
  .header.mod li.h-search {
    width: 100%;
  }
}

/*home page header update*/

.tech-note {
  font-size: 12px;
  color: #db3348;
  line-height: 17px;
  font-style: italic;
  margin-top: 15px;
}

.page-buyer-quotation-detail .tech-note {
  color: #8d8d8d;
}

.blue-ico-link:hover,
.blue-ico-link:focus,
.blue-ico-link:active {
  color: #1b9cd8;
}

.blue-ico-link {
  color: #1b9cd8;
  font-weight: 600;
  display: inline-block;
  vertical-align: middle;
}

.blue-ico-link + .blue-ico-link {
  margin-left: 15px;
  vertical-align: middle;
}

.blue-ico-link .fa {
  margin-right: 5px;
}

.table.cell-align-center tbody > tr > td {
  vertical-align: middle;
}

.empty_cart .cbcir-text span {
  display: inline-block;
  width: 100%;
}

.empty_cart .cbcir-text span.green_bold {
  color: #212124;
  font-weight: 700;
  font-size: 16px;
  margin-top: 15px;
}

.h-cart span {
  color: #212124;
}

.h-cart span.helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.cart-item > .item-img > img {
  padding: 3px;
}

.page-seller .flex-title {
  display: flex;
  align-items: center;
}

.page-seller .flex-title .order-date {
  margin-left: auto;
}

.subaccount-data-table .table.order-data1 > tbody > tr > td.wrap-col {
  max-width: auto;
  white-space: normal;
  overflow: visible;
}

.ids-wrap {
  word-break: break-word;
  width: 180px;
  margin: auto;
  /*width: 140px;*/
  /*height: 34px;



    text-overflow: ellipsis;



    overflow: hidden;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;*/
}

.m-auto {
  margin: auto;
}

.popup-area.item-save-popup {
  width: 480px;
}

.popup-area.item-save-popup .btn-saffron {
  border: none;
  background-color: #212124;
  color: #fff;
  width: 100px;
}

.popup-area.item-save-popup .btn-black {
  border: none;
  margin-top: 0;
  width: 100px;
  background: #222;
}

div.sassy-box-content a .highlight-text:hover,
div.sassy-box-content a .highlight-text:focus {
  color: #51a1d9;
}

.void-pop {
  margin-bottom: 25px;
}

.table.tbl-border thead tr > th,
.table.tbl-border tbody tr > td {
  border-top: 1px solid #d2d2d2 !important;
  border-bottom: 1px solid #d2d2d2 !important;
  padding: 15px 10px;
}

.table.tbl-border tbody tr > td.col25,
.table.tbl-border thead tr > th.col25 {
  width: 25%;
}

.table.tbl-border thead tr > th:first-child,
.table.tbl-border tbody tr > td:first-child {
  border-left: 1px solid #d2d2d2 !important;
}

.table.tbl-border thead tr > th:last-child,
.table.tbl-border tbody tr > td:last-child {
  border-right: 1px solid #d2d2d2 !important;
  padding-right: 30px;
}

.editable-amt {
  padding: 8px 10px;
}

.ph-t-table.no-margin,
.osc-container.no-margin {
  margin: 0;
}

.border-input {
  border: 1px solid #979797;
  padding: 8px 10px;
  width: 100%;
  max-width: 100%;
}

.invoice-form .form-group {
  margin-bottom: 0;
}

.invoice-form .due-date {
  width: 180px;
  max-width: 100%;
}

.invoice-form .invoice-ref {
  width: 220px;
  max-width: 100%;
}

.invoice-form .due-time {
  width: 100px;
  margin-left: 5px;
}

.horizontal-form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.l-side-wrap {
  display: flex;
  align-items: flex-end;
}

.spacer-left-30 {
  margin-left: 30px;
}

.relative-ele {
  position: relative;
}

.invoice-form .tooltip-inner {
  width: 450px;
  max-width: 100%;
  border-radius: 0;
  text-align: left;
  padding: 10px;
}

.box-order-total .cost-table {
  margin-right: 25px;
}

.details-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.details-row > div {
  padding-left: 15px;
  padding-right: 15px;
}

.text-due {
  font-size: 18px;
  color: #212424;
  font-weight: 700;
  margin-bottom: 10px;
}

.invoice-form input[type='text'][disabled] {
  background: #eeeeee;
  color: rgb(84, 84, 84);
  border: 1px solid #979797;
}

.flex-terms > li {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.flex-terms > li > div.col-account-link {
  width: 25%;
  max-width: 100%;
}

.flex-terms > li > div {
  padding-left: 15px;
  padding-right: 15px;
}

.flex-terms .payment-note,
.flex-terms .payment-text {
  width: 100%;
  display: inline-block;
}

.classy-checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.classy-checkbox-group .classy-checkbox {
  position: relative;
  display: block;
  padding: 10px;
  border: 1px solid #4d4d4d;
  padding-left: 40px;
  padding-right: 25px;
  min-width: 200px;
  text-align: center;
}

.classy-checkbox input {
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  margin: 0px;
}

.classy-checkbox-group .classy-checkbox label {
  margin: 0px;
  font-weight: 400;
}

.classy-checkbox + .classy-checkbox {
  margin-left: 25px;
}

.classy-checkbox .check-indicator {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 40px;
  z-index: 99;
}

.classy-checkbox input[type='checkbox']:checked + .check-indicator {
  background-image: url(../images/check.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 15px;
  background-color: #4d4d4d;
}

.classy-checkbox.active {
  background-color: #4d4d4d;
}

.classy-checkbox.active label {
  color: #fff;
}

.mb-20 {
  margin-bottom: 20px;
}

/*invoice-list*/

.subaccount-data-table {
  overflow-y: auto;
}

.subaccount-data-table .table.order-data1 > tbody > tr > td,
.subaccount-data-table .order-data1 thead > tr > th {
  white-space: nowrap;
}

.order-data1 tbody > tr > td select {
  min-width: 175px;
}

.invoice-list .subaccount-data-table table {
  min-width: 1200px;
}

.order-data1 tbody > tr > td select {
  width: 175px;
  max-width: 100%;
}

.f-width {
  width: 280px !important;
  max-width: 100%;
}

/*transaction complete offline*/

.page-transaction-complete-offline span.tccc-text,
.page-transaction-complete-credit span.tccc-text {
  font-size: 20px;
}

.page-transaction-complete-offline .tccc-top,
.page-transaction-complete-credit .tccc-top {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-transaction-complete-offline span.tccct-icon,
.page-transaction-complete-credit span.tccct-icon {
  width: 33px;
  height: 33px;
}

.page-transaction-complete-offline span.tccc-text,
.page-transaction-complete-credit span.tccc-text {
  display: inline-block;
}

.page-transaction-complete-offline span.tccct-icon > span > span > i,
.page-transaction-complete-credit span.tccct-icon > span > span > i {
  line-height: 22px;
  font-size: 14px;
  position: absolute;
  right: 16%;
}

.page-transaction-complete-offline .tccc-bot,
.page-transaction-complete-credit .tccc-bot {
  padding-top: 15px;
}

.page-transaction-complete-offline .tccc-bot > span.inv-text,
.page-transaction-complete-credit .tccc-bot .title > span.inv-text {
  font-size: 16px;
  color: #212124;
}

.page-transaction-complete-offline .tccc-bot > span.title,
.page-transaction-complete-credit .tccc-bot > span.title {
  text-transform: unset;
}

.page-transaction-complete-offline .pccr-btn > div,
.page-transaction-complete-credit .pccr-btn > div {
  text-align: left;
}

.page-transaction-complete-offline .btn-transparent-blue a,
.page-transaction-complete-credit .btn-transparent-blue a {
  color: #3c7d99;
  font-size: 16px;
}

.page-transaction-complete-offline .tccct-btn > .btn-return,
.page-transaction-complete-credit .tccct-btn > .btn-return {
  padding: 0;
  font-size: 16px;
}

.page-transaction-complete-offline span.inv-desc,
.page-transaction-complete-credit span.inv-desc {
  font-size: 16px;
}

.offline_transaction {
  display: inline-block;
  width: 100%;
  border: 1px solid #c2c2c2;
}

.off_title {
  padding: 32px 35px;
  min-height: 87px;
  border-bottom: 1px solid #c2c2c2;
}

.off_title h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.off_content_detail {
  display: inline-block;
  width: 100%;
  padding: 20px 35px;
  min-height: 344px;
}

.img-thumb-w {
  display: inline-block;
  width: 100%;
  border: 1px solid #222;
}

.transaction-complete-container {
  padding-bottom: 25px;
}

/*buyer invoice paid*/

#inv-payment-intro {
  color: #3c7d99;
  font-weight: 700;
  cursor: pointer;
}

.popup-area .content-area.text-left p {
  text-align: left;
}

.popup-area .close_popup {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #999;
  font-size: 14px;
  cursor: pointer;
}

.offline-transaction-popup.popup-area {
  max-width: 600px;
}

.offline-transaction-popup.popup-area .wrapper {
  padding: 0;
}

.offline-transaction-popup.popup-area .title-area {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #999;
  text-align: center;
}

.offline-transaction-popup.popup-area .title-area h1 {
  margin: 0;
}

.offline-transaction-popup.popup-area .content-area {
  padding: 0px 30px 20px;
}

.setup_sec > a {
  color: #1b9cd8;
  font-weight: 700;
}

.payment-setup-area {
  display: none;
}

.invoice-list .subaccount-data-table .table.order-data1 > thead > tr > th,
.invoice-list .subaccount-data-table .table.order-data1 > tbody > tr > td {
  white-space: nowrap;
}

.editable-amt-group {
  display: flex;
  align-items: center;
  border: 1px solid #d2d2d2;
  padding: 8px 20px;
}

.editable-amt-group input[type='text'] {
  border: none;
  padding: 0;
}

.editable-amt-group input[type='number'] {
  border: none;
  padding: 0;
}

.editable-amt-group > span {
  display: block;
  min-width: 50px;
}

/*December 3 2019*/

.page-transaction-complete-credit .tccc-bot > span.title {
  text-align: left;
  width: 100%;
  margin-bottom: 30px;
}

.page-transaction-complete-credit span.inv-desc {
  text-align: left;
  display: block;
  width: 100%;
  max-width: 100%;
}

.page-transaction-complete-credit .tccc-bot {
  padding: 35px 36px;
}

.page-transaction-complete-credit .tcc-content {
  max-width: 500px;
}

.page-transaction-complete-credit .title-separator {
  width: 152px;
  display: block;
  float: left;
}

.page-transaction-complete-credit .tccct-btn {
  margin-top: 40px;
}

.header.mod li.h-extramenus > ul > li.mobile_top_toggler,
.header.mod li.h-extramenus > ul > li.h-more > b,
.header.mod li.h-extramenus > ul > li.mobile-only {
  display: none;
}

.header-top ul.header-menus > li.h-username:after,
.header-top ul.header-menus > li.h-extramenus:after {
  display: none;
}

.header.mod li.h-extramenus {
  padding-right: 0;
}

.menu-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.tab-mobile {
  display: none;
}

/*UN1308*/

/* #root {



    display: inline-flex;



    flex-direction: column;



    flex-flow: wrap;



    width: 100%;



}







.page-landing #root {



    display: block;



}







.page-login #root {



    display: block;



    width: 100%;



}







.page-puchase-history #root {



    display: block;



    width: 100%;



}







.page-reset #root {



    display: block;



    width: 100%;



}







.page-comparison-list #root {



    display: block;



    width: 100%;



}







.page-compare .main {



    padding-bottom: 127px;



}







.page-settings #root {



    display: block;



    padding-bottom: 100px;



}







.page-DeliverySettings #root {



    display: block;



    width: 100%;



}



.page-DeliveryAddEdit #root {



    display: block;



    width: 100%;



} */

html {
  height: 100vh;
}

body {
  min-height: 100vh;
}

.main {
  min-height: 83vh;
}

#root {
  position: relative;
  min-height: 100vh;
  padding-bottom: 91px;
}

#root .footer {
  position: absolute;
  left: 0;
  bottom: 0;
}

.page-landing {
  height: inherit;
  min-height: inherit;
  padding-bottom: 0px;
}

.page-landing #root {
  padding-bottom: 0px;
  min-height: inherit;
}

.notify_void.auto {
  background: #000;
  font-weight: 600;
}

.notify_void.auto a {
  color: #fff;
  text-decoration: underline;
}

/*February 17 2020*/

/*New styles from merging */

.idcrt-list-val .relation select {
  background-image: url(../images/angle-down.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: 95% center;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox label,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox label {
  height: 23px;
  width: 23px;
  border: none;
  box-shadow: none;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox > input[type='checkbox'],
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox > input[type='checkbox'] {
  height: 30px;
  width: 30px;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox'] + label:after,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox'] + label:after {
  width: 30px;
  height: 30px;
  border: none;
  background: url(../images/refund_off.svg) no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
  opacity: 1;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox']:checked + label,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox']:checked + label {
  width: 30px;
  height: 30px;
  border: none;
}

.order-data1 tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox']:checked + label:after,
.canon-table tr .slrordrlst-refnd-act .fancy-checkbox input[type='checkbox']:checked + label:after {
  background: url(../images/refund_on.svg) no-repeat;
  background-size: cover;
  top: 0;
  left: 0;
}

.lng-translations .modal-dialog {
  width: 450px;
}

.lng-translations .modal-header {
  text-align: center;
  border: none;
  padding-bottom: 0px;
}

.lng-translations .modal-header .modal-title {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}

.lng-translations .modal-body {
  text-align: center;
  color: #999;
  font-size: 14px;
}

.lng-translations .modal-body .lng-red-text {
  font-weight: 700;
  color: #000000;
  font-size: 20px;
}

.lng-translations .modal-body .highlight-language {
  font-weight: 700;
  color: #000000;
}

.lng-translations .modal-content {
  padding: 0;
}

.btn.btn-rounded {
  border-radius: 30px;
  min-width: 150px;
  color: #fff;
}

.btn.btn-style-1 {
  background-color: #c2c2c2;
}

.btn.btn-style-2 {
  background-color: #000000;
}

.store-description .store-rating span.stars {
  display: inline-block;
  vertical-align: middle;
}

.store-description .store-rating {
  padding-top: 10px;
  padding-bottom: 10px;
}

.store-description .store-rating .rating-txt {
  vertical-align: middle;
  font-size: 14px;
  color: #000;
  display: inline-block;
  margin-left: 10px;
}

.page-search span.stars,
.page-search span.stars span {
  width: 105px;
}

.btn-dark,
.btn-dark:hover {
  display: inline-block;
  width: 160px;
  height: 33px;
  background: #000;
  border-radius: 5px;
  font-size: 14px;
  line-height: 33px;
  color: #fff;
  text-align: center;
}

.registered-user-note {
  display: inline-block;
  width: 100%;
  border: 1px solid #999;
  padding: 15px 15px;
  line-height: 25px;
}

.registered-user-note p {
  color: #4d4d4d;
  font-weight: 700;
  margin: 3px 0 0;
}

.thumbnail-images {
  float: left;
  width: 60px;
  margin-top: -10px;
}

.thumbnail-images .slick-slide img {
  height: 56px;
  width: 56px;
}

.idclt-img.loadarea img,
.thumbnail-images li {
  border: 1px solid #e7e7e7;
}

.idclt-img.loadarea a img {
  margin-left: 10px;
}

.thumbnail-images li {
  margin-bottom: 5px;
}

.thumbnail-images .slick-prev,
.thumbnail-images .slick-next {
  display: none !important;
}

.item-review-section {
  border-top: 2px solid #f2f5f6;
  width: 100%;
}

.review-title {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 300;
  color: #000000;
}

.review--voted-number {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  vertical-align: middle;
}

.review-voted-percent {
  font-size: 16px;
  font-weight: 300;
  color: #999;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c8c8c8;
  display: inline-block;
}

.review-voted-percent b {
  color: #000;
  font-weight: 700;
  font-size: 18px;
  margin-right: 10px;
}

.item-review-l {
  float: left;
}

.item-review-r {
  float: right;
}

#toggle-rating {
  background: #000;
  width: 30px;
  height: 30px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  outline: none;
}

#toggle-rating i {
  line-height: 30px;
}

#toggle-rating.active {
  background-image: url('../images/minimize_summary.svg');
}

.rating-summary {
  margin-bottom: 30px;
  display: none;
}

.rating-summary > h6 {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.rating-summary table tr > td {
  color: #999999;
  font-size: 14px;
}

.rating-summary table tr > td:last-child {
  text-align: right;
}

.rating-summary table tr > td > img {
  margin: 5px 3px;
}

.rating-summary table tr > td > img:first-child {
  margin-left: 0px;
}

.rating-summary table tr.text-black > td {
  color: #000000;
}

.review-box {
  background-color: #fff;
  padding: 25px;
  color: #999999;
  font-size: 14px;
}

.list-review > ul > li {
  margin-bottom: 20px;
  border-bottom: 1px solid #c8c8c8;
}

.list-review > ul > li {
  border-bottom: none;
  border: 1px solid #c8c8c8;
}

.list-review ul ul .review-box {
  padding-left: 80px;
}

.user-avtar img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
}

.user-avtar,
.review-detail {
  display: table-cell;
  vertical-align: top;
}

.user-avtar {
  display: inline-block;
  width: 40px;
}

.review-detail {
  padding-left: 15px;
  display: inline-block;
  width: calc(100% - 80px);
}

.review-detail .review-head {
  display: table;
  width: 100%;
}

.review-detail .review-head h6 {
  color: #4d4d4d;
  font-size: 16px;
  display: table-cell;
}

.review-detail .review-head .item-rating {
  display: table-cell;
}

.review-detail .review-head .item-rating img {
  margin: 0px 2px;
}

.review-detail .review-head p {
  font-size: 14px;
  font-weight: 300;
  color: #999;
  display: table-row;
}

.review-detail .review-body {
  margin-top: 15px;
  font-weight: 300;
  color: #4d4d4d;
  font-size: 14px;
}

.modal-body .review-detail .review-body {
  height: 60px;
  position: relative;
  overflow: hidden;
}

.modal-body .review-detail .review-body .review-body-inner {
  padding-right: 10px;
}

.review-detail .review-body .review-reply {
  display: block;
  padding-top: 15px;
  color: #00c8b2;
  font-weight: 400;
}

.review-box .reply-from {
  display: block;
  padding-bottom: 15px;
  color: #000;
  font-weight: 400;
}

.item-review-wrap .review-voted-percent {
  border-bottom: none;
  margin-bottom: 0px;
}

.item-review-wrap {
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 20px;
}

.review-item-star,
.item-review-l {
  width: auto;
  display: inline-block;
}

.images-bunch {
  display: inline-block;
  width: 100%;
  float: left;
  width: auto;
  margin-right: 15px;
}

.dr-content.deliver-method {
  padding: 15px 20px;
  border: none;
  background-color: #f0f0f0;
  border-left: 1px solid #d2d2d2;
  height: 100%;
}

.deliver-method .sel-del-method {
  width: 100%;
}

.cart-box-item .cb-content {
  padding: 0px;
}

.delivery-review h4 {
  margin-top: 0px;
  font-size: 16px;
}

.cart-box-item .cb-content .cbc-left .wrap {
  padding: 15px;
}

.dr-content.deliver-method .charge_box {
  margin-top: 10px;
}

.dr-content.deliver-method .charge_box {
  margin-top: 10px;
}

.review-container .cart-box-item .cb-content {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 15px;
}

.alert.fixed-alert {
  position: fixed;
  top: 90px;
  right: 10px;
  z-index: 99999;
}

.cart-box-item .box-item {
  display: flex;
}

.cart-box-item .box-item {
  margin-bottom: 15px;
}

.cart-box-item .box-item img {
  max-width: 112px;
  max-height: 112px;
  height: 112px;
  width: 112px;
  border: 1px solid #c1c1c1;
  padding: 5px;
  margin: 0px;
}

.cart-box-item .box-item .item-info {
  width: 100%;
  padding-left: 15px;
}

.item-attrs {
  border-top: 1px solid #c1c1c1;
  margin-top: 10px;
  padding-top: 10px;
  color: #c3c3c3;
  font-size: 13px;
}

.flex {
  display: flex;
}

.top-slide,
.bottom-slide {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.oscctb-full .oscctb-l {
  width: 100px;
  height: 100px;
  border: 1px solid #ddd;
  background-color: #eee;
}

.oscctb-full .oscctb-l img {
  max-width: 100px;
  max-height: 100px;
}

.cart-box-item.mearchant_box {
  display: inline-block;
  width: 100%;
}

.p-note > p {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}

.pl-0 {
  padding-left: 0;
}

/*onpage style start here*/

#delivery-container .pcc-rigth .cbcir-box {
  position: fixed;
  top: 160px;
  width: 100%;
  z-index: 1;
  width: 320px;
}

.onepage-checkout .pcc-left {
  max-width: inherit;
}

.bl_dark {
  display: inline-block;
  width: 100%;
  background: #212424;
  height: 52px;
  vertical-align: middle;
  max-width: 790px;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 15px;
}

.bl_dark span.sc-text-big {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.tog-icon {
  float: right;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin-top: 13px;
}

.tog-icon.angle1 {
  background-image: url(../images/angle1.svg);
}

.tog-icon.angle2 {
  background-image: url(../images/angle2.svg);
}

.panel-box-title {
  cursor: pointer;
}

.onepage-checkout #delivery-container .pdc-inputs,
.pdc-inputs.review {
  padding: 25px;
  border: 1px solid #d7d7d7;
  margin-bottom: 0;
}

.delivery-container .sc-u {
  padding-bottom: 0;
}

.pdc-inputs .field-wrapper > .input-container {
  width: 47%;
  margin-bottom: 25px;
  margin-right: 0 !important;
}

.field-wrapper input.input-text {
  width: 100%;
}

.field-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.onepage-checkout .review-container,
.onepage-checkout .payment-container,
.onepage-checkout .pc-content {
  margin-top: 0;
  margin-bottom: 0;
}

.onepage-checkout .cart-box {
  margin-bottom: 0;
}

.onepage-checkout .review-container .cb-content {
  border-bottom-style: solid;
}

.onepage-checkout .cbc-left .item-name {
  font-size: 14px;
}

.onepage-checkout .cb-header {
  background: transparent;
  color: #000;
  padding-left: 0;
}

.bl_dark.light {
  background: #e6f2f2;
}

.bl_dark.light span.sc-text-big {
  color: #000;
  font-family: 'Roboto', sans-serif;
}

.btn-green.disabled {
  background: #d0d0d0;
  border-color: #d0d0d0;
  cursor: not-allowed;
  position: relative;
}

.onepage-checkout .pdc-inputs {
  margin-bottom: 0;
}

.onepage-checkout .pdcb-address-box {
  font-size: 13px;
  width: calc(30% - 10px);
  min-height: inherit;
  min-width: 190px;
  padding: 15px;
}

.onepage-checkout .pdc-boxs {
  width: 100%;
  overflow-x: auto;
}

.onepage-checkout .flex-down {
  display: flex;
}

.onepage-checkout .pdcb-address-box {
  margin: 0 5px;
}

.onepage-checkout .pdcb-address-box.btn-add-adress .icon-address {
  margin-top: 25px;
}

.onepage-checkout .nicescroll-cursors {
  border-color: #3b7e8e !important;
  border-radius: 0 !important;
  bottom: -25px !important;
}

.onepage-checkout .nicescroll-rails {
  border-bottom: 1px solid #d9d9d9;
}

.delivery-container {
  margin-bottom: 50px;
}

.footer {
  padding: 20px 0;
}

.footer .col-md-6.col-sm-6.text-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input {
  max-width: 100%;
}

.page-item-detail .item-detail-container ul li:not(.idclt-custom-field ul li) {
  list-style-type: none;
}

.page-review .deliver-method .form-element {
  margin-right: 0;
  max-width: 100%;
}

.page-review .deliver-method .form-element select {
  height: inherit;
  border-radius: 0px;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.page-purchase-history .blue-bold {
  color: #000;
}

.header-top {
  background: #000;
  display: inline-block;
  width: 100%;
  padding: 3px 0px;
  min-height: 40px;
  font-weight: 700;
}

.page-seller li.h-extramenus {
  width: auto;
}

.h-cart-top {
  background: #000000;
}

li.h-username > span > i {
  top: 10px;
}

li.h-extramenus > ul > li {
  vertical-align: supper;
}

li.h-extramenus i {
  color: #000;
}

li.h-more > i {
  top: 13px;
}

/*February 18 2020*/

/*New styles from merging */

.h-search-bar > div {
  display: inline-block;
}

.h-search-input > input {
  padding: 5px 50px 5px 10px;
  width: 350px;
}

.h-toggle-menu {
  background: #000000;
}

form.h-search-input > i {
  top: 5px;
}

.h-search-input > i {
  color: #000000;
}

.h-search-category > select {
  height: 45px;
  width: 224px;
}

.h-st-menus ul li a:hover,
.h-st-menus ul li a:active,
.h-st-menus ul li a:focus,
.h-st-menus ul li a:active {
  background: #000000;
  color: #fff !important;
}

li.h-extramenus > ul {
  height: 45px;
  line-height: 45px;
}

li.h-logo > img {
  max-height: 45px;
}

.fancy-checkbox label:after {
  border: 6px solid #000;
  background: #000;
}

.fancy-checkbox input[type='checkbox']:checked + label {
  border: 1px solid #000;
}

.fancy-checkbox label {
  background: #fff;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  border-color: #000000;
  background-color: #000000;
}

.pagination > li > a,
.pagination > li > span {
  color: #000000;
}

.modal-footer > div {
  width: Calc(50% - 2px);
  text-align: center;
  padding: 10px;
  font-weight: 700;
  float: inherit;
  margin: auto;
}

.footer-navigation li a {
  color: #999;
}

.copy-right {
  color: #999;
}

.status-btn-pr > .status-btn {
  background-color: #000000;
}

.order-data1 {
  border-spacing: 0;
  border-collapse: separate;
}

.order-data1 thead > tr > th,
.order-data1 tbody > tr > td {
  vertical-align: middle;
}

.order-data1 tbody > tr > td:nth-child(3) a,
.order-data1 tbody > tr > td:nth-child(2) a {
  color: #000000;
  font-weight: 700;
}

.popup-area.item-remove-popup .btn-saffron {
  background-color: #ff5a60;
}

.popup-area .title-area h1,
.mypopup-area .title-area h1 {
  text-align: inherit;
}

.order-box {
  max-width: 986px;
}

.orddtl-title {
  color: #999;
}

.br-detail {
  color: #999999;
  word-break: break-all;
}

.transaction-info .ammount {
  color: #999;
}

.sum-ammount .total-amount {
  color: #000000;
}

.page-order-detail .order-data1 {
  border-collapse: collapse;
}

.page-order-detail .order-data1 thead {
  background: none;
}

.product-detail-info span {
  color: #999;
}

.product-detail-info .item-variant {
  border-top: 1px solid #ccc;
  margin-top: 5px;
}

.product-detail-info .item-variant span {
  display: inline-block;
  width: auto;
}

.product-detail > table.table > thead > tr > th:after {
  color: #999;
}

.product-detail > table.table > tbody > tr > td {
  color: #999;
}

.order-grey-box {
  padding: 15px 30px;
  max-width: 986px;
}

.entry-form-prnt label {
  color: #999;
}

.events {
  max-width: 650px;
}

.upload-entry-file {
  vertical-align: inherit;
}

.upload-entry-file > span {
  color: #999;
}

.Upload-File {
  width: 62px;
  height: 15px;
  font-family: OpenSans;
}

.section-title .divider {
  background: #000;
}

.category-box:hover .img-box {
  border-color: #000;
}

.category-box:hover > .category-name {
  color: #fff;
  background: #000;
}

.vew-more-btn .more-btn {
  border: 3px solid #000;
  color: #000;
}

.vew-more-btn .more-btn:hover,
.vew-more-btn .more-btn:focus,
.vew-more-btn .more-btn:active {
  background: #000;
}

.item-box-small > .item-detail {
  max-width: 180px;
  margin: 0 auto;
  margin-top: 15px;
  display: block;
}

.item-box-small > .item-detail > .item-name {
  color: #000;
}

.item-box-small > .item-detail > .item-price {
  color: #000;
}

.item-box-small > .item-detail > .item-price > .real-price-disc {
  color: #999999;
}

.inline {
  float: none !important;
}

.t-d-text > p.t-d-description {
  color: #999;
}

.item-list-container .content-desc {
  color: #999;
}

.user-avatar img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.user-info > .user_name {
  color: #000000;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.sort-msg-description {
  max-height: 45px;
}

.inbox-panel-outer > .panel-box:hover {
  background: #f5f5f5;
}

.inbox-item-name {
  font-weight: 700;
  margin-top: -7px;
}

.offer_status {
  display: inline-block;
  width: 100%;
}

.offer_status hr {
  border-top: 1px solid #d2d1d2;
  margin: 0 0 10px;
}

.offer_status span {
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #999;
}

.offer_status .price {
  margin-bottom: 0;
}

.offer_status p,
.offer_status p span {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #009ede;
  line-height: 28px;
}

.inbox-panel-outer > .panel-box {
  position: relative;
}

.inbox-panel-outer > .panel-box.recent {
  background: #f5f5f5;
}

ul.count-detial {
  margin-bottom: inherit;
}

.dark-txt {
  color: #000;
  font-size: 12px;
}

ul.count-detial li:first-child:after {
  content: '|';
  color: #d2d2d2;
  position: absolute;
  top: 0;
  right: 0;
}

/* .receive-msg .msg-box {

	padding: 30px 30px 15px 30px;

} */

.receive-msg .msg-box p {
  font-weight: 500;
}

.send-msg .msg-box {
  margin-bottom: inherit;
}

.send-msg .msg-box p {
  font-weight: 500;
}

.type-area-msg .moji-text {
  padding: 20px 75px 20px 25px;
}

.msg-send-btn {
  right: 25px;
}

.store-description .merchant-name {
  color: #000;
}

.merchant-description {
  color: #999;
}

span.sc-text-big.avail .avail-item {
  color: #000;
}

.product-pagination li.active a {
  background: #000;
  border-color: #000;
}

.order-data1 tbody > tr > td select,
.order-box.product-detail tbody > tr > td select {
  border: none;
  background-image: url('../images/down_arrow.svg');
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #fff;
  border: 1px solid #999;
}

.popup-area.order-cancel-popup .btn-saffron,
.popup-area.order-itemstatus-popup .btn-saffron,
.btn-green-popup {
  background-color: #000;
  border: 1px solid #000;
}

.popup-area.order-cancel-popup .btn-saffron {
  border: 1px solid #000 !important;
  border: none;
  color: #fff;
  width: 150px;
  border-radius: 10px !important;
}

.popup-area.order-cancel-popup .refunded-cancel {
  margin-right: 10px;
}

.popup-area.order-cancel-popup .btn-saffron:hover {
  background-color: #fff;
  color: #000;
}

.popup-area.order-cancel-popup .btn-saffron.refunded-cancel {
  background-color: #fff;
  color: #000;
}

.popup-area.order-cancel-popup .btn-saffron.refunded-cancel:hover {
  background-color: #000;
  color: #fff;
}

.popup-area.order-cancel-popup .content-area {
  margin-bottom: 20px;
}

.popup-area.order-cancel-popup .refunded-okay {
  margin-left: 10px;
}

.order-cancel-popup {
  z-index: 999999;
  width: 450px;
}

.my-btn {
  border-radius: 5px;
}

.order-data1.item-area tbody > tr > td:first-child,
.order-data1.item-area thead > tr > th:first-child {
  padding-left: 20px;
  text-align: left;
}

.sort-item-description {
  max-width: 360px;
  color: #999;
}

.sku-title {
  color: #999;
}

.item-detail-left {
  display: inline-block;
  width: calc(100% - 95px);
  padding-left: 15px;
  vertical-align: top;
}

.onoffswitch-inner::before {
  background: #404040;
}

.order-data1.item-area thead > tr > th:after {
  color: #999;
}

.item-img-bx {
  display: inline-block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border: 1px solid #999;
}

.un-item-uplod-tab > li.active > span {
  color: #000;
}

.un-btn-upload {
  background: #000;
}

.un-btn-upload a {
  color: #fff;
}

.checkbox-selection {
  color: #000;
}

.un-ul-table > .table > thead > tr > th {
  padding: 10px 25px;
  vertical-align: middle;
}

.un-ul-table > .table > tbody > tr > td {
  padding: 5px 25px;
  vertical-align: middle;
}

#myModalEditPricing .btn.btn-cancel {
  color: #999;
}

.item-upload-btn .btn-upload {
  background: #000;
}

#myModalEditPricing .btn.btn-cancel {
  color: #999;
}

.page-seller li.h-extramenus {
  float: right;
}

.dashboard-menus > ul > li.active {
  color: #000;
}

.dashboard-menus > ul > li:hover {
  color: #000;
}

.dashboard-menus {
  color: #999;
}

.dashboard-board {
  color: #999;
}

span.dashboard-grapth-title {
  padding-left: 47px;
}

.switch-toggle label {
  color: #999;
}

.switch-candy input:checked + label {
  background: #000;
}

.high-low.green .odometer.odometer-auto-theme,
.high-low.green .odometer.odometer-auto-theme .odometer-digit:last-child {
  color: #000000;
}

.add-options-table {
  margin-bottom: 20px;
  margin-top: 20px;
}

.add-options-table .options-row {
  display: table;
  padding-bottom: 10px;
  width: 100%;
}

.add-options-table .options-header .options-cell {
  padding: 5px 15px 5px 5px;
}

.add-options-table .options-header .options-cell {
  text-transform: uppercase;
  color: #000;
}

.add-options-table .options-cell {
  display: table-cell;
  padding-right: 15px;
  vertical-align: middle;
}

.add-options-table .options-cell.option-name {
  width: 25%;
}

.add-options-table .options-cell.option-choices {
  width: 65%;
}

.add-options-table .options-cell.option-actions {
  width: 10%;
}

.add-options-table .options-cell:last-child {
  padding-right: 0;
}

.add-options-table .options-body input[type='text'] {
  color: #3c3c3b;
  font-size: 15px;
  height: 50px;
  padding: 10px;
  width: 100%;
}

.dd-options {
  right: 0;
}

.add-options-table .options-body .bootstrap-tagsinput {
  border: 1px solid #bfbfbd;
  border-radius: 0;
  box-shadow: none;
  display: block;
  min-height: 50px;
  padding: 4px 12px;
}

.add-options-table .options-body .bootstrap-tagsinput input[type='text'] {
  box-shadow: none;
  height: 40px;
  margin: 0;
  max-width: inherit;
  outline: medium none;
  padding: 0 6px;
  width: auto;
  border: none;
  min-width: 100px;
}

.bootstrap-tagsinput .tag {
  border-radius: 0;
  font-size: 16px;
  margin-bottom: 3px;
  display: inline-block;
  padding: 8px 10px;
}

.bootstrap-tagsinput .tag [data-role='remove'] {
  margin-left: 8px;
  cursor: pointer;
  display: inline-block;
}

.bootstrap-tagsinput .tag [data-role='remove']:after {
  content: 'x';
  padding: 0px 2px;
}

.bootstrap-tagsinput .tag [data-role='remove']:hover {
  box-shadow: none;
}

.bootstrap-tagsinput .tag {
  color: white;
  text-transform: capitalize;
  margin-right: 2px;
  white-space: inherit;
  word-break: break-word;
}

.add-options-table .options-row:first-child .tag {
  background-color: #ff1295;
}

.add-options-table .options-row:nth-child(2) .tag {
  background-color: #00a1b6;
}

.add-options-table .options-row:nth-child(3) .tag {
  background-color: #5f00fd;
}

.resultTable {
  padding-top: 30px;
}

.resultTable thead {
  background-color: #f0f0f0;
}

.resultTable td.mobi-show {
  display: none;
}

.resultTable thead td {
  color: #4d4d4d;
  font-size: 14px;
  padding: 10px 20px;
  text-transform: capitalize;
}

.resultTable thead tr td:last-child {
  text-align: center;
}

.resultTable tbody tr td:first-child {
  color: #000;
}

.resultTable tbody td {
  color: #7a7a7a;
  display: table-cell;
  font-size: 15px;
  padding: 10px 20px;
}

.resultTable tbody tr td.cell-image .onoffswitch {
  float: none;
  margin-right: 0px;
  margin: 0 auto;
}

.resultTable tbody tr td:last-child {
  text-align: right;
}

.resultTable tbody input[type='text'] {
  height: 50px;
  padding: 10px;
  min-width: 100px;
  width: 100%;
}

.resultTable tbody input.stock_input[type='text'] {
  width: 120px;
}

.btn-varient-img {
  background-color: #f3f3f3;
  display: block;
  width: 80px;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}

.resultTable tbody tr:first-child td .variant-img-bottom {
  display: none;
}

.variant-img-bottom {
  padding-top: 5px;
  width: 100%;
  max-width: 85px;
  text-align: center;
}

.variant-img-bottom input[type='checkbox'] {
  max-width: 21px;
  max-height: 21px;
  vertical-align: middle;
}

.variant-same-img {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  font-size: 12px;
  line-height: 12px;
  padding-top: 5px;
  padding-left: 2px;
  padding-right: 2px;
}

.btn-varient-img img {
  max-width: 100%;
}

.resultTable tbody td.options-name {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
  width: 125px;
  word-break: break-word;
}

.resultTable tbody td.options-name.cell-0 {
  color: #ff1295;
}

.resultTable tbody td.options-name.cell-1 {
  color: #00a1b6;
}

.resultTable tbody td.options-name.cell-2 {
  color: #5f00fd;
}

.resultTable tbody td.cell-price {
  color: #1d1d1b;
  font-weight: 600;
}

.map-area {
  margin-top: 10px;
  max-width: 100%;
}

.add-row-area .btn-area .my-btn {
  margin-top: 25px;
  min-width: 100px;
  max-width: 100%;
}

.date-text {
  line-height: 35px;
}

.clearfix {
  clear: both;
}

.page-break {
  display: none;
}

.dashboard-info-container {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.dashlet2-container-right {
  background-color: #fff;
}

.item-form-group .percent-txtbox {
  width: 85%;
  margin-right: 10px;
}

.my-confirmmodal .modal-content {
  border-radius: 0px;
}

.my-confirmmodal .modal-dialog {
  width: 500px;
}

.my-confirmmodal .modal-dialog {
  top: 20%;
}

.my-confirmmodal .modal-body {
  padding: 50px;
  padding-bottom: 40px;
  text-align: center;
}

.my-confirmmodal .bootbox-close-button {
  display: none;
}

.bootbox-body {
  word-break: break-word;
}

.my-confirmmodal .modal-footer {
  text-align: center;
}

.my-confirmmodal .modal-footer .btn.btn-danger {
  min-width: 90px;
  margin: 0px 15px;
  border-radius: 0;
  color: #fff;
  background: #999;
  font-weight: 700;
  text-align: center;
  border-color: #999;
}

.my-confirmmodal .modal-footer .btn.btn-success {
  min-width: 90px;
  margin: 0px 15px;
  border-radius: 0;
  color: #fff;
  background: #000;
  font-weight: 700;
  text-align: center;
  border-color: #000;
}

.omise-back {
  font-size: 14px;
  font-weight: 500;
  color: #3c7d99;
}

.pay-tab-container .nav-breadcrumb i {
  margin-right: 5px;
  font-weight: 900;
}

.set-content select.select-text {
  width: 100%;
  min-width: auto;
  color: #000;
  font-weight: 400;
  padding: 9px 15px;
}

.pay-tab-container {
  margin-top: 25px;
  margin-bottom: 25px;
}

.pay-tab-container .title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
}

.pay-tab-container .description {
  color: #4d4d4d;
  font-size: 14px;
}

.pay-tab-container p img {
  margin-bottom: 5px;
  margin-top: 15px;
}

.btn-question {
  font-weight: 700;
  font-size: 13px;
  background: #c8c8c8;
  width: 23px;
  height: 23px;
  text-align: center;
  border-radius: 50%;
  line-height: 26px;
  display: inline-block;
}

span.stars,
span.stars span {
  background: url(../images/star_ratting_black.svg) 0 -16px repeat-x;
}

span.stars span {
  background-position: 0 0;
}

.check-icon {
  font-weight: 700;
  font-size: 13px;
  background: #1b9cd8;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  line-height: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  margin-top: -2px;
}

.check-icon img {
  width: 13px;
}

.verified {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4px;
}

.verified span {
  color: #1b9cd8;
}

li.h-username > span > p a {
  color: #ffffff;
}

.page-login.guest .title-brand {
  width: 100%;
  max-width: 314px;
  display: inline-block;
  float: left;
}

.page-login.guest .signup-btn {
  background: #ffffff;
  border: 1px solid #000;
}

.page-login.guest .signup-btn > a {
  background: #ffffff;
}

.page-login.guest .login-box .lbb-text {
  margin: 10px 0;
  display: block;
}

.feedback-img-sec {
  width: 100%;
  display: block;
}

.icon.feedback {
  background-image: url(../images/view_review_old.svg);
  width: 40px;
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
  margin-bottom: 10px;
}

.ordr-dtls-item-review,
.purchase-feedback {
  cursor: pointer;
}

.popup-area.order-item-feedback-popup {
  bottom: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: none;
  max-width: 100%;
  margin: 0px;
  display: none;
  z-index: 99999;
}

.popup-area.order-item-feedback-popup .wrapper {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 30px 30px 20px;
}

.popup-area .title-area,
.mypopup-area .title-area {
  margin-bottom: 15px;
}

.order-item-feedback-popup .ordr-dtls-item-itemdesc {
  padding: 0px;
  width: 100%;
}

.ordr-dtls-item-iteminfo .item-img {
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
}

.ordr-dtls-item-itemdesc .item-preview {
  height: 120px;
  margin-right: 30px;
  max-height: 120px;
  width: 120px;
  border: 1px solid #c8c8c8;
}

.ordr-dtls-item-iteminfo .item-info-text {
  display: table-cell;
  vertical-align: middle;
  word-wrap: break-word;
  width: 100%;
}

.starrr {
  display: inline-block;
  margin-bottom: 15px;
  margin-top: 5px;
}

.order-item-feedback-popup #stars .glyphicon.glyphicon-star {
  color: #000;
}

.order-item-feedback-popup #stars .glyphicon {
  font-size: 20px;
  padding: 0px 3px;
}

.order-item-feedback-popup #stars .glyphicon.glyphicon-star-empty {
  color: #c8c8c8;
}

.order-item-feedback-popup textarea {
  width: 100%;
  height: 150px;
  padding: 5px 10px;
  border: 1px solid #000;
}

.btn-red-popup {
  background-color: #000;
  border: 1px solid #000;
  border: none;
  color: #fff;
  min-width: 190px;
  margin-top: 20px;
  text-align: center;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 0;
}

.starrr + span {
  vertical-align: 4px;
  padding-left: 10px;
}

.feedback-img-sec .check-icon {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  display: block;
  padding-top: 2px;
  background: #999;
  margin-bottom: 10px;
}

.feedback-img-sec .check-icon img {
  width: 22px;
}

.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input[name='range_start'],
.page-delivery-setting-edit .dsae-content .un-inputs .item-form-group .col-md-5 input[name='range_end'] {
  max-width: 69%;
}

.h-search-bar > .h-search-input {
  width: 58%;
  display: inline-block;
  position: relative;
}

@media print {
  .form-horizontal {
    display: none;
  }

  .dashlet-choices,
  .dashlet-choices-bar,
  .dashboard-menu-container {
    display: none;
  }

  span.legend-barGraph1,
  .dashlet2-container-left,
  .dashlet2-container-right {
    width: 100% !important;
    float: none !important;
    margin-bottom: 100px;
  }

  .dash-info-container {
    width: 20%;
  }

  .dsbrd-bar-outter-sec {
    position: relative;
    float: none;
  }

  .dashlet2 {
    padding-left: 0px;
    padding-right: 0px;
  }

  #MyPrintDiv {
    float: none;
    width: 100%;
  }

  .page-break {
    display: block;
    page-break-before: always;
  }

  .dashboard-container {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .chart-style {
    width: 100%;
  }
}

.vant-title {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 600;
}

.variants-section .pull-right .onoffswitch {
  margin-top: 13px;
  margin-bottom: 0px;
}

.variants-section .pull-right .onoffswitch .onoffswitch-label {
  margin-bottom: 0px;
}

.variants-section,
.inventory-section {
  position: relative;
}

.disabled-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 200, 200, 0.7);
  z-index: 1;
  cursor: not-allowed;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
}

.seller-items .resultTable thead .cell-unlimited label {
  text-align: right;
  vertical-align: middle;
  display: table-cell;
  padding-left: 30px;
  float: left;
  line-height: normal;
  cursor: pointer;
}

.seller-items .resultTable thead tr td:last-child {
  padding-left: 10px;
}

.resultTable thead td .fancy-checkbox label {
  color: #4d4d4d;
  font-size: 16px;
  text-transform: capitalize;
  width: 18px;
}

.section.section-item > .container {
  width: 100%;
}

.auto-activity-page .paginationjs-pages {
  text-align: center;
}

.resultTable .fancy-checkbox.checkbox-sm > label {
  background-size: 17px;
  width: 18px;
}

.opt-row-sorder {
  display: table-cell;
  vertical-align: middle;
}

.opt-row-sorder i.fa {
  font-size: 28px;
  cursor: pointer;
}

.variants-section .bootstrap-tagsinput .fa-bars:before {
  margin-right: 7px;
  font-size: 14px;
}

.variants-section .bootstrap-tagsinput .tag [data-role='remove']:after {
  font-size: 12px;
  vertical-align: middle;
  line-height: normal;
  font-family: sans-serif;
}

.pagination-sec {
  background: #fff;
  margin: auto;
  text-align: center;
}

.pagination-sec .pagination > li > a {
  margin: auto 3px;
  border-radius: unset;
}

.variants-section .bootstrap-tagsinput .fa-bars:before {
  font: normal normal normal 14px/1 FontAwesome;
}

.variants-section .bootstrap-tagsinput .fa {
  font-family: 'Lato', sans-serif;
}

.item-stock-lbl {
  color: #999;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

.order-data1 thead > tr > th:last-child,
.order-data1 tbody > tr > td:last-child {
  padding-left: 15px;
  padding-right: 15px;
}

.icon.icon-review {
  background-image: url('../images/view_review_old.svg');
  display: block;
  margin: auto;
  text-align: center;
}

.icon.icon-review-old {
  background-image: url('../images/old_review.svg');
  display: block;
  margin: auto;
  text-align: center;
  border: 1px solid #999999;
  height: 39px;
  width: 39px;
  border-radius: 100%;
}

.icon.icon-review {
  width: 39px;
  height: 39px;
  margin-bottom: 5px;
}

.product-detail a:hover .icon.icon-review {
  background-image: url('../images/view_review_old-hov.svg');
}

.product-detail > table.table > thead > tr > th:last-child,
.product-detail > table.table > tbody > tr > td:last-child {
  padding-right: 11px;
  padding-left: 11px;
}

.oreder-data-table.sales .order-data1.item-area thead > tr > th:last-child:after {
  display: inline-grid;
}

.sc-u.sc-u-mid p > b {
  font-weight: 700;
}

.oreder-data-table.sales .sort-item-description {
  padding-top: 20px;
}

.table tbody > tr > td hr {
  margin: 5px auto;
  border-top: 1px solid #9d9d9d;
  max-width: 90px;
}

.tr-btn {
  display: inline-block;
  background: #999;
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}

.page-item-list .sku-title {
  margin-bottom: 5px;
}

.page-item-list .sort-item-description {
  line-height: 1.2;
  margin-bottom: 0px;
}

.page-item-list .order-data1 tbody > tr > td {
  color: #999;
}

#c0-unlimited {
  height: 18px;
  float: left;
  width: 18px;
  margin-right: 10px;
}

.seller-items .resultTable thead .cell-unlimited span {
  float: left;
  line-height: normal;
  cursor: pointer;
}

.icon.icon-dustbin {
  background-image: url('../images/delete_button.svg');
  background-position: center center;
  background-repeat: no-repeat;
}

.cell-unlimited .fancy-checkbox {
  margin-bottom: 0;
}

.cell-stock-limit .fancy-checkbox {
  margin-bottom: 0;
  margin-top: 20px;
}

.page-seller.page-order-history .order-data1 {
  border-spacing: 0;
  border-collapse: separate;
}

.page-seller.page-order-history .order-data1 tbody > tr.unread-order > td {
  border-color: #4d4d4d;
}

.page-seller.page-order-history .order-data1 tbody > tr > td:nth-child(3) a,
.page-seller.page-order-history .order-data1 tbody > tr > td:nth-child(2) a,
.page-seller.page-order-history .order-data1 tbody > tr > td {
  color: #999;
}

.page-seller.page-order-history .order-data1 tbody > tr.unread-order > td:nth-child(3) a,
.page-seller.page-order-history .order-data1 tbody > tr.unread-order > td:nth-child(2) a,
.page-seller.page-order-history .order-data1 tbody > tr.unread-order > td {
  color: #4d4d4d;
}

.page-seller.page-order-history .order-data1 tbody > tr > td:nth-child(5) {
  width: 178px;
}

.action-btns > .btn-action {
  display: inline-block;
  text-align: center;
  width: 153px;
  height: 40px;
  border-radius: 9px;
  background-color: #000000;
  border: 1px solid #000;
  line-height: 40px;
  color: #fff;
  margin: 0 10px;
}

.action-btns > .btn-action.btn-transparent {
  background: transparent;
  color: #000;
}

.x-boot-modal .modal-dialog {
  width: 600px;
  margin: 30px auto;
}

#modal-create-account {
  top: 20%;
}

#modal-create-account .modal-footer .btn-red {
  font-size: 16px;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 0px;
  display: inline-block;
  width: 160px;
  padding: 12.5px 20px;
  transition: all 0.2s ease 0s;
  outline: none;
  text-align: center;
  text-transform: uppercase;
}

.x-boot-modal .modal-footer .btn-red {
  border-radius: 5px;
  width: 160px;
  text-transform: capitalize;
}

.modal-footer.text-center {
  text-align: center;
}

.subaccount-data-table > table.table > thead > tr > th {
  position: relative;
}

.sub-account > thead > tr > th:nth-child(2),
.sub-account > thead > tr > th:nth-child(3) {
  text-align: left;
}

.subaccount-data-table > table.table > thead > tr > th::after {
  content: '';
  position: absolute;
  right: 0;
  color: #999;
}

.subaccount-data-table > table.table > thead > tr > th:last-child:after {
  display: none;
}

.subaccount-data-table .table > tbody > tr > td,
.table > tbody > tr > th,
.subaccount-data-table .table > tfoot > tr > td,
.table > tfoot > tr > th,
.subaccount-data-table .table > thead > tr > td,
.table > thead > tr > th {
  padding: 20px;
  text-align: left;
}

.subaccount-data-table .table > tbody > tr > td {
  color: #999;
}

.auto-activity-page .nav-tabs > li.active > a,
.auto-activity-page .nav-tabs > li.active > a:focus,
.auto-activity-page .nav-tabs > li.active > a:hover {
  border-bottom: 3px solid #000;
  font-weight: inherit;
}

.auto-activity-page .filter-box .form-control {
  border-radius: 4px;
  color: #979797;
  border: 1px solid #979797;
  margin-right: 5px;
}

#modal-create-account .modal-header {
  border-bottom: 0;
}

.page-store .item-link > li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

.storefront-review .cart-item-img {
  width: 100%;
  padding: 0;
}

.storefront-review .cart-item-box-left {
  display: inline-block;
  padding: 0 20px;
  width: 18%;
}

.storefront-review .cart-item-box-left img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.storefront-review .cart-item-box-desc {
  display: inline-block;
  width: 81%;
  vertical-align: top;
  border-right: none;
}

.storefront-review .cart-item-box-desc h3,
.storefront-review .cart-item-box-desc h3 a {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  padding: 10px 0 0;
  line-height: 25px;
}

.storefront-review .cart-publish-merchant {
  font-size: 14px;
}

.storefront-review .store-rating {
  margin-bottom: 10px;
  float: right;
}

.storefront-review .storefront-desc {
  border-top: 1px solid #d2d2d2;
  margin-top: 12px;
  padding-top: 7px;
}

.storefront-review .cart-item-desc {
  padding-top: 0;
  padding-bottom: 0;
  color: #999;
  font-size: 14px;
  max-width: 70%;
  padding-left: 50px;
}

.storefront-review .cart-item-box-desc .cart-top-sec-left {
  margin-bottom: 0;
}

.storefront-review .rated-text {
  font-size: 14px;
  color: #000;
  margin-top: 35px;
  font-weight: 700;
}

.storefront-review .rated-icon {
  width: 25px;
  height: 25px;
}

.storefront-review .rated-icon-left {
  background: url('../images/thumbup.svg') no-repeat;
  background-size: contain;
}

.storefront-review .rated-icon-right {
  background: url('../images/thumbdown.svg') no-repeat;
  background-size: contain;
}

.storefront-review .rated-icon-text {
  font-size: 14px;
  color: #b3b3b3;
  line-height: 22px;
  margin: 0 30px 0 10px;
}

.storefront-review .rated-icon-text:hover {
  cursor: pointer;
  color: #ff5a60;
}

.storefront-review .rated-container {
  float: left;
  margin-top: 15px;
}

.storefront-review .rated-container > .left:nth-child(1) {
  border-right: 1px solid #b3b3b3;
  margin-right: 31px;
}

.storefront-review .storefront-date {
  float: right;
  color: #b3b3b3;
  margin-top: 15px;
}

.cart-item-row {
  background: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #c8c8c8;
  width: 100%;
  display: table;
  font-size: 14px;
  margin-bottom: 10px;
}

.storefront-review .cart-item-box-left {
  display: inline-block;
  padding: 0 20px;
  width: 18%;
}

.storefront-review .cart-item-box-desc h3,
.storefront-review .cart-item-box-desc h3 a {
  font-size: 16px;
  color: #000;
  font-weight: 700;
  padding: 10px 0 0;
  line-height: 25px;
  margin: 0;
}

.cart-publish-merchant {
  font-size: 14px;
  font-weight: 700;
  color: #000;
  margin-left: 10px;
}

.cart-top-sec-left {
  float: left;
  width: 50%;
}

.page-store span.stars,
.page-store span.stars span {
  width: 96px;
}

.page-store .bord-botm.sc-u:last-child {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 30px;
  padding-top: 0;
}

.page-store .item-link > li.active > a {
  border-bottom: 3px solid #000;
}

.page-store .item-link > li > a {
  outline: none;
  display: block;
  padding-top: 10px;
  border-bottom: 4px solid transparent;
  padding-bottom: 19px;
  padding-top: 0;
}

.subaccount-data-table .table > tbody > tr > td:first-child {
  /* text-align-last: left; */
  width: 182px;
}

.subaccount-data-table .order-data1 {
  border-spacing: 0;
  border-collapse: separate;
}

.order-data1 tbody > tr > td {
  border-top: 0px;
}

.order-data1 tbody tr:first-child td {
  border-top: 1px solid #d2d2d2;
}

.seller-actions {
  margin-bottom: 15px;
}

.user-product-info {
  border-top: 1px solid #d2d2d2;
  display: inline-block;
  width: 100%;
  padding: 20px 25px;
}

.user-product-image {
  padding: 0px 55px;
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-product-image img {
  width: 100%;
  max-width: 80px;
}

.user-product-container {
  margin-bottom: 20px;
}

.user-product-container .user-product-info-name {
  display: inline-block;
  width: auto;
  font-size: 12px;
  color: #1c1f26;
  font-weight: bold;
}

.user-product-container li {
  color: #808080;
  font-size: 12px;
  margin-bottom: 5px;
}

.user-product-info .user-product-container:nth-child(2) {
  margin-bottom: 5px;
}

.user-product-buttons {
  border-top: 1px solid #d2d2d2;
  display: inline-block;
  width: 100%;
  padding: 20px 0px;
}

.user-product-buttons > .btn-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.black-btn {
  background-color: #000;
}

.form-element .offer-btn {
  background-color: #000;
}

ul.count-detial {
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.user-product-buttons > .btn-container > .decline-btn {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  background-color: #808080;
  color: #fff;
  border: none;
  font-size: 12px;
  margin: 0px 10px;
  max-width: 120px;
  width: 100%;
  padding: 7px 0px;
}

.user-product-buttons > .btn-container > .accept-btn {
  display: inline-block;
  text-align: center;
  border-radius: 3px;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 12px;
  margin: 0px 5px;
  max-width: 120px;
  width: 100%;
  padding: 7px 5px;
}

.user-product-buttons p {
  font-size: 13px;
  color: #808080;
  text-align: center;
  margin-bottom: 6px;
}

.offer-box-deal {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 10px;
}

.offer-box-sent {
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 10px;
  padding: 0px 0px 5px 10px;
}

.send-msg .msg-box .offer-box-sent p {
  width: auto;
  font-size: 16px;
  margin-bottom: 5px;
}

.send-msg .msg-box .offer-box .user-product-container {
  margin-left: 10px;
}

.send-msg .msg-box .offer-box .user-product-container:last-child {
  margin-bottom: 0px;
}

.compare-desk {
  position: fixed;
  top: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(67, 72, 78, 0.7);
  height: 130px;
  content: '';
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 111;
  display: grid;
}

.compare-desk.active {
  top: unset;
}

.empty-item {
  display: inline-block;
  width: 100%;
  height: 87px;
  border: solid 1px #c2c2c2;
  background-color: #43484e;
  color: #000;
  content: '';
  height: 87px;
}

.empty-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 87px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
}

.multiple-compare .slick-prev {
  top: 50% !important;
  left: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-next {
  top: 50% !important;
  right: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
  cursor: auto !important;
  padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
  padding: 0;
}

.gr-compare-btn:hover {
  color: #fff;
}

.gr-compare-btn {
  display: inline-block;
  width: 100%;
  position: relative;
  background: #000;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  border: none;
  margin-top: 7px;
  text-align: center;
}

.mauto-top {
  margin: -22px auto 0;
  display: inline-block;
  position: relative;
  width: 100%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  top: -30px;
  overflow: hidden;
}

.toggle-btn-compare {
  cursor: pointer;
  display: inline-block;
  width: auto;
  height: 30px;
  background: rgba(67, 72, 78, 0.7);
  padding: 0 10px;
  min-width: 220px;
}

.compare-item {
  background: #fff;
  display: inline-block;
  width: 100%;
  min-height: 87px;
}

.compimg-thumb {
  float: left;
  max-width: 35px;
  margin-right: 10px;
  margin-left: 10px;
}

.compimg-thumb img {
  object-fit: cover;
  height: 35px;
  margin-top: 10px;
}

.comp-desc {
  float: left;
  width: calc(100% - 65px);
  margin-top: 8px;
}

.delete-comp-item {
  font-size: 12px;
  color: #fff;
  float: right;
  width: auto;
  position: relative;
  text-align: right;
  vertical-align: middle;
  margin-right: 10px;
}

.comp-qty {
  display: inline-block;
  width: 100%;
  font-size: 10px;
  color: #646464;
}

.comp-price {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  font-weight: 700;
  color: #06aaf1;
}

.delete_item .compare-delete-modal-content .modal-body {
  padding-top: 20px;
  padding-bottom: 0;
}

.delete_item .compare-delete-modal-content .modal-body > p {
  margin-top: 20px;
  margin-bottom: 0;
}

.cmparpg-prdct-btnsec i.fa-trash {
  font-size: 25px;
  margin-left: 15px;
}

.stock-error {
  color: #ff0000;
}

.btn-group:hover {
  color: #fff;
}

.offer-accepted {
  background: none !important;
  color: #009ede !important;
}

.offer-declined {
  color: #999999;
}

.offer-accept-txt {
  color: #999999;
}

.btn-black {
  background: #4d4d4d;
  color: #fff;
  display: inline-block;
  padding: 5px 20px;
  text-align: center;
}

.form-element.w-65 select {
  font-size: 14px;
}

.form-element select {
  border: solid 1px #979797;
  width: 100%;
  height: 40px;
  border-radius: 0px;
  font-size: 16px;
  font-weight: 400;
  color: #4d4d4d;
}

.add-comp-list-btn {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  background-color: #06aaf1;
  border: none;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.empty-item {
  display: inline-block;
  width: 100%;
  height: 87px;
  border: solid 1px #c2c2c2;
  background-color: #43484e;
  color: #000;
  content: '';
  height: 87px;
}

.btn-group.compare-btn {
  background: #06aaf1;
  margin-bottom: 16px;
}

.compare-desk {
  position: fixed;
  top: 100%;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(67, 72, 78, 0.7);
  height: 130px;
  content: '';
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 111;
  display: grid;
}

.compare-desk.active {
  top: unset;
}

.empty-item {
  display: inline-block;
  width: 100%;
  height: 87px;
  border: solid 1px #c2c2c2;
  background-color: #43484e;
  color: #000;
  content: '';
  height: 87px;
}

.empty-item:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 87px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: rgba(255, 255, 255, 0.3);
}

.multiple-compare .slick-prev {
  top: 50% !important;
  left: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-image: url(../images/compareslicka.svg) !important;
  background-repeat: no-repeat !important;
  transform: rotate(180deg) !important;
}

.multiple-compare .slick-next {
  top: 50% !important;
  right: -10px !important;
  width: 15px;
  height: 15px;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-image: url(../images/compareslicka.svg) !important;
}

.multiple-compare .slick-slide {
  cursor: auto !important;
  padding: 0 15px;
}

.multiple-compare .slick-slide .col-sm-3 {
  padding: 0;
}

.compare-desk .form-element {
  margin-right: 0;
  float: left;
  max-width: inherit;
  margin-top: 0;
}

.w-65 {
  width: calc(100% - 55px);
}

.w-35 {
  float: right;
  width: 40px;
}

.slick-next::before,
.slick-prev::before {
  display: none;
}

.form-element > i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
  pointer-events: none;
}

.sup-tit {
  float: left;
  width: 100%;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.list-pop .modal-sm {
  width: 380px !important;
  margin-top: 15%;
}

.list-pop .modal-content {
  padding: 20px 30px;
}

.pop-header {
  display: inline-block;
  width: auto;
}

.pop-header h4 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212424;
  margin: 0;
}

.pop-form-element label {
  display: inline-block;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212424;
  margin-top: 20px;
}

.pop-form-element input {
  display: inline-block;
  width: 100%;
  height: 40px;
  border: solid 1px #979797;
  background-color: #fff;
  padding: 0 15px;
  margin-bottom: 30px;
}

.pop-footer {
  display: inline-block;
  width: 100%;
  position: relative;
}

.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-10 .col-sm-6 {
  padding-left: 10px;
  padding-right: 10px;
}

.close-list-btn {
  width: 100%;
  text-align: center;
  line-height: 40px;
  border: none;
  height: 40px;
  color: #fff;
  background-color: #999;
}

.list-save-btn {
  width: 100%;
  height: 40px;
  background-color: #000;
  text-align: center;
  line-height: 40px;
  border: none;
  color: #fff;
}

.list-pop .close {
  font-size: 22px;
}

.form-element.w-65 select {
  font-size: 14px;
}

.w-100 {
  width: 100%;
}

.modal-dialog.compare-delete-modal-content {
  max-width: 350px;
  top: 20%;
}

#modalUnableOrder .modal-content {
  max-width: 450px;
  padding: 20px 25px;
}

.modal-dialog.delete-modal-content {
  max-width: 380px;
}

.delete-modal-content .modal-body > p {
  margin-top: 15px;
}

.delete-modal-content .modal-footer,
.delete-modal-content .modal-body {
  padding: 15px 30px;
}

.delete-modal-content .modal-footer > div {
  display: inline-block;
  cursor: pointer;
  width: 150px;
  border: none;
}

.delete-modal-content .modal-footer > div.btn-gray {
  float: left;
}

.delete-modal-content .modal-footer > div.btn-green {
  float: right;
}

.review-container,
.payment-container {
  margin-bottom: 100px;
}

.compare-delete-modal-content .modal-footer,
.compare-delete-modal-content .modal-body {
  padding: 20px 30px;
}

.compare-delete-modal-content .modal-footer > div.btn-gray {
  float: left;
}

.compare-delete-modal-content .modal-footer > div.btn-green {
  float: right;
}

.compare-delete-modal-content .modal-footer > div {
  display: inline-block;
  cursor: pointer;
  width: 125px;
  border: none;
}

.compare-delete-modal-content .modal-body > p {
  margin-top: 15px;
}

.user-product-container .user-product-info-special-price span {
  color: #009ede;
}

.h-search-bar {
  width: 100%;
  max-width: 552px;
  float: right;
}

.h-extramenus {
  float: inherit;
}

.hrcc-top.full-width.clearfix {
  max-width: 986px;
  margin: 0 auto 15px;
  display: block;
}

.hrcc-top.full-width.clearfix span.h-title {
  font-weight: 400;
  font-size: 16px;
  color: #b3b3b3;
}

.hrcc-top.full-width.clearfix .btn-blue {
  width: 18px;
  height: 18px;
  vertical-align: baseline;
  margin-right: 6px;
  background: #000;
}

.hrcc-top.full-width.clearfix .btn-blue > i {
  color: #fff;
  text-align: center;
  font-size: 16px;
  padding: 0px 6px;
}

.cart-box.full-width .cb-header .fancy-checkbox {
  margin-bottom: 0;
}

/*New Storefront Style*/

.item-box-small > .item-image {
  width: 100%;
  height: 160px;
  border: 0;
}

.item-image > img {
  width: 100%;
  margin-bottom: 0px;
  max-height: 160px;
  min-height: 160px;
  max-width: 180px;
  object-fit: contain;
}

.page-store span.stars,
.page-search .product-list span.stars {
  width: 103px;
}

.page-transaction-complete.guest .tccct-btn {
  margin-top: 2px;
}

.quantity-alert {
  display: block;
  color: #ff5a60;
  font-size: 14px;
  font-weight: 700;
  margin-top: 8px;
}

.page-search .product-list {
  margin-top: 25px;
}

.page-search .product-list .item-box-small > .item-detail {
  text-align: left;
}

.popup-tag-update {
  position: fixed;
  left: 0px;
  height: 100%;
  width: 100%;
  z-index: 999999;
  top: 0px;
  background-color: rgba(0, 0, 0, 0.5);
}

.popup-tag-update .popup-wrapper {
  width: 400px;
  background-color: #fff;
  z-index: 99;
  margin-top: 113px;
  margin: 130px auto;
  position: relative;
  padding: 20px;
}

.popup-tag-update .popup-wrapper h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}

.popup-tag-update .popup-wrapper .form-control {
  border-radius: 0px;
  border: 2px solid #d1d1d1;
  box-shadow: none;
}

.popup-tag-update .popup-btn {
  margin-top: 15px;
}

.popup-tag-update .popup-btn .btn {
  border-radius: 0px;
  margin: 0px;
  width: 100px;
  font-size: 14px;
}

.popup-tag-update .btn-default {
  border: none;
  color: #999;
}

.info-container .tab-content p {
  word-break: break-all;
}

.variants-section .resultTable .table-cell.cell-stock-limit label {
  margin-left: 0px;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

.table .long-details a {
  white-space: nowrap;
}

.table .long-details .more-icon {
  transform: rotate(180deg);
}

.icon.icon-review_black {
  background-image: url('../images/view_review.svg');
  display: block;
  margin: auto;
  text-align: center;
}

.icon.icon-review_black {
  width: 39px;
  height: 39px;
  margin-bottom: 5px;
}

.product-detail a:hover .icon.icon-review_black {
  background-image: url('../images/view_review_hover.svg');
}

.new-review {
  color: #000000;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
  display: block;
}

.review-reply {
  color: #4d4d4d;
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin-top: 12px;
}

#replyModal .modal-content {
  max-width: 589px;
  margin: 0 auto;
}

#replyModal .review-box {
  padding: 0;
}

#replyModal .modal-body,
#replyModal .modal-header {
  padding: 15px 20px;
}

#replyModal .modal-footer button {
  color: #ffffff;
  background-color: #000000;
  border-radius: 0;
  font-size: 12px;
  font-weight: bold;
  max-width: 145px;
  width: 100%;
  padding: 12px 0;
}

#replyModal .close {
  font-size: 30px;
  margin-top: 10px;
  margin-right: 10px;
}

#replyModal .review-detail {
  width: calc(100% - 50px);
}

#replyModal textarea.form-control {
  border-radius: 0;
}

.reply-divider {
  border-top: 1px solid #c8c8c8;
  margin-left: 80px;
  margin-right: 50px;
}

.cart-item-row .reply-divider {
  border-top: 1px solid #c8c8c8;
  margin-left: 26px;
  margin-right: 10px;
  margin-top: 20px;
}

.h-search-bar > div.h-search-category {
  max-width: 247px;
  width: 100%;
}

.h-search-category > select {
  height: 45px;
  max-width: 256px;
  width: 100%;
}

li.h-search {
  max-width: 600px;
  width: 100%;
}

.h-cart span {
  color: #212124;
}

span.currencySymbol {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.item-upload-category-container .checkbox-content {
  width: 100%;
}

ul.st-parent {
  height: auto;
}

ul.st-parent li i {
  color: #212124;
}

ul.st-parent li a {
  position: relative;
}

ul.st-parent li a:hover i.fa-angle-right,
ul.st-parent li a:focus i.fa-angle-right {
  color: #fff;
}

ul.st-parent li i.fa-angle-right {
  position: absolute;
  right: 0;
  top: 0;
}

.page-reset {
  min-height: 100vh;
  height: 100%;
  padding-bottom: 76px;
}

.page-reset .footer {
  position: absolute;
  left: 0;
  bottom: 0;
}

.orddtl-data {
  word-break: break-all;
}

.latest-item-list .col-sm-4.col-xs-6.xs-mb-15 {
  min-height: 225px;
  max-height: 195px;
}

.store-container .product-list .col-sm-4.col-xs-6.xs-mb-15 {
  min-height: 295px;
  max-height: 295px;
}

#tab-items .subaccount-data-table > table.table > thead > tr > th {
  white-space: nowrap;
}

#tab-items .subaccount-data-table .table > tbody > tr > td {
  white-space: nowrap;
}

/*Feature*/

.header-logo {
  background: url(../images/logo_on_white.svg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  width: 106px;
  height: 54px;
  background-position: center center !important;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
}

.header-logo.logo-source-center {
  background: url(../images/logo_source_white.png) no-repeat;
  height: 100px;
  width: 100px;
  background-size: cover;
}

ul.h-dd-menu {
  margin-top: 14px;
}

.header .dd-options {
  left: 0;
  margin-top: 14px !important;
}

.sidebar {
  width: 235px;
  background-color: #f0f0f0;
  position: fixed;
  left: 0;
  top: 0;
  margin-top: 44px;
  height: 100%;
  height: calc(100vh - 44px);
  z-index: 9;
  transition: 0.5s all;
}

.sidebar.o-collapse {
  margin-left: -205px;
}

.sidebar.o-collapse + .main-content {
  position: relative;
  z-index: 1;
}

.sidebar.o-collapse + .main-content {
  margin-left: 30px;
}

.page-sidebar .orderlist-container {
  padding-left: 35px;
  padding-right: 35px;
}

.page-sidebar .dashboard-container {
  padding-left: 35px;
  padding-right: 35px;
}

.page-sidebar .delivery-setting-container {
  padding-left: 35px;
  padding-right: 35px;
}

.sidebar.o-collapse .sidebar-wrapper {
  overflow-y: hidden;
}

.sidebar-nav li.has-sub > ul {
  display: none;
}

.sidebar-nav li.has-sub.active > ul {
  display: block;
}

.sidebar-nav li.has-sub > a {
  position: relative;
}

.sidebar-nav li.has-sub > a:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f105';
  color: #fff;
  position: absolute;
  right: 0px;
  color: #4d4d4d;
  text-align: right;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  top: 50%;
  line-height: 14px;
}

.sidebar-nav li.has-sub.active > a:after {
  content: '\f107';
  color: #009edf;
}

.sidebar-adjust {
  width: 100%;
  height: 100%;
  position: relative;
}

.main-content {
  margin-left: 235px;
  transition: 0.5s all;
}

.main-content .main {
  margin-top: 0;
}

.sidebar-wrapper {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 13px;
  position: relative;
  height: 100%;
  overflow-y: auto;
}

.sidebar-brand img {
  max-width: 117.4px;
}

.sidebar-brand {
  text-align: center;
  margin-bottom: 30px;
}

.sidebar ul li a {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  color: #4d4d4d;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sidebar ul li a > i {
  font-size: 19px;
  margin-right: 15px;
  vertical-align: middle;
}

.sidebar ul li.active > a {
  color: #009edf;
  font-weight: 600;
}

.sidebar ul li.has-sub li > a {
  font-size: 13px;
}

.sidebar-action {
  background-color: #1e3f4c;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  right: 0px;
  top: 0;
  margin-top: 24px;
  margin-right: -20px;
  z-index: 9;
  border-radius: 40px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  transition: 0.5s all;
}

.sidebar.o-collapse .sidebar-action:before {
  content: '\f0c9';
}

.sidebar-action:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f104';
  color: #fff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 40px;
}

span.sc-text-big + small {
  color: #999999;
  font-size: 14px;
  padding-left: 10px;
  font-weight: 500;
}

.sc-u.title-sc-u {
  padding-bottom: 15px;
  border: none;
}

.top-title {
  font-size: 14px;
  font-weight: 500;
  color: #3c7d99;
  display: block;
  margin-bottom: 15px;
  display: inline-block;
}

.sassy-filter {
  color: #808080;
  font-size: 14px;
  padding-bottom: 10px;
}

.sassy-filter .sassy-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.sassy-filter .sassy-flex .sassy-r {
  min-width: 165px;
  margin-left: auto;
}

.sassy-l > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sassy-l > div > * {
  margin-right: 15px;
}

.sassy-filter .sassy-l .sassy-label {
  margin-right: 15px;
}

.sassy-label {
  font-size: 14px;
  font-weight: 800;
  color: #212124;
  margin: 0px;
}

.group-search .sassy-select {
  padding-left: 0;
}

.sassy-r .sassy-select {
  padding-right: 20px;
}

.sassy-select {
  border: none;
  color: #3c7d99;
  padding: 0px;
  padding-right: 10px;
  background-color: transparent;
  padding-left: 10px;
}

.select-sassy-wrapper {
  position: relative;
  /* width: 105px; */
}

.select-sassy-wrapper .advanced-select .dropdown-menu {
  margin-top: 10px;
}

.select-sassy-wrapper .advanced-select .q {
  padding: 5px 10px;
}

.select-sassy-wrapper .advanced-select .dropdown-menu {
  min-width: 180px;
  margin-top: 0px;
}

.select-sassy-wrapper .advanced-select .x-clear {
  line-height: normal;
  left: inherit;
  position: inherit;
  top: inherit;
  padding: 0px;
  vertical-align: middle;
  width: auto;
  font-size: 16px;
}

.select-sassy-wrapper.sassy-arrow:after {
  display: block;
  content: '';
  height: 8px;
  width: 8px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #3c7d99;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -3px;
}

.sassy-search {
  position: relative;
  display: block;
}

.group-search-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.group-search .sassy-search {
  margin-right: 15px;
}

.sassy-l > div > .group-search {
  margin-right: 0;
}

.sassy-search:after {
  display: inline-block;
  color: #999999;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f002';
  position: absolute;
  right: 1px;
  top: 50%;
  width: 34px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
  margin-top: -16px;
  margin-right: unset;
  border-radius: 4px;
}

.order-data1 tbody > tr > td select.sassy-combo {
  border: 1px solid transparent;
}

.order-data1 tbody > tr > td select.sassy-combo:focus,
.order-data1 tbody > tr > td select.sassy-combo:active {
  border-color: #ddd;
  border-radius: 4px;
}

.sassy-search input {
  color: #212424;
  width: 140px;
  border: solid 1px #979797;
  padding-right: 34px;
  z-index: 99;
}

.btn-sassy {
  background-color: #3c7d99;
  color: #fff;
}

.btn-sassy:hover,
.btn-sassy:focus {
  color: #fff;
}

.sassy-filter .btn-sassy {
  min-width: 100px;
  font-size: 13px;
  font-weight: 600;
}

.sassy-r .select-sassy-wrapper {
  margin-right: 5px;
}

.table.order-data1 thead > tr:first-child {
  border: 1px solid #d2d2d2;
}

/*



* =====================================



* //--- END SideBar Changes---//



* =====================================



*/

/*



* =====================================



* //--- PO Details ---//



* =====================================



*/

.sc-u.flex-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.sassy-black-btn:hover,
.sassy-black-btn:focus {
  color: #fff;
}

.sassy-black-btn {
  background-color: #202424;
  display: inline-block;
  padding: 12px 25px;
  text-align: center;
  color: #fff;
  border: none;
}

.sassy-box {
  margin-bottom: 40px;
  border: 1px solid #d2d2d2;
}

.sassy-box.no-border {
  border: none;
}

.sassy-box-header {
  background-color: #f0f0f0;
  padding: 15px 25px;
  border-bottom: 1px solid #d2d2d2;
}

.sassy-box .flex-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sassy-box-content {
  padding: 15px 25px;
}

.sassy-box-content.border {
  border: 1px solid #d2d2d2;
}

.canon-table {
  width: 100%;
}

.canon-table tbody td,
.canon-table tbody th {
  padding: 10px 0px;
  vertical-align: top;
}

.sassy-box .order-data1.table-items thead > tr {
  border: 1px solid #d2d2d2;
}

.sassy-box .order-data1.table-items thead > tr > th,
.sassy-box .order-data1.table-items tbody > tr > td {
  padding: 15px 25px;
}

.sassy-title {
  font-size: 22px;
  font-weight: 600;
}

.cost-table {
  width: 100%;
  max-width: 270px;
  margin-right: 30px;
  float: right;
}

.cost-table tbody tr td:first-child {
  font-weight: bold;
  color: #999;
}

.cost-table tbody tr td:last-child,
.cost-table tfoot tr td:last-child {
  text-align: right;
}

.cost-table tbody tr td,
.cost-table tfoot tr td {
  padding: 5px;
}

.cost-table tfoot tr.divider td {
  padding-top: 10px;
  padding-bottom: 10px;
}

.cost-table tfoot tr.divider td:after {
  border-top: 1px solid #979797;
  content: '';
  display: block;
}

.cost-table tfoot tr:last-child td,
.cost-table tfoot tr:last-child td .item-price {
  font-weight: bold;
  color: #212424;
  font-size: 16px;
}

.box-activity-log .order-grey-box {
  padding: 0;
  margin: 0;
  background-color: #fff;
  max-width: 100%;
}

.box-activity-log .upload-entry-file > span.icon-upload {
  color: #b3b3b3;
  font-size: 18px;
}

.box-activity-log .upload-entry-file > span {
  font-size: 14px;
  color: #51a1d9;
}

.box-activity-log .sassy-black-btn {
  font-weight: bold;
  min-width: 180px;
  max-width: 100%;
}

.box-activity-log .entry-form-prnt select {
  margin-top: 0;
  border-radius: 0;
  background-color: transparent;
}

/*.box-activity-tabs .tab-content>.osc-container,



.box-activity-tabs .ph-t-table {



	margin-top: 0;



}*/

/*.box-activity-log .select-section {



	width: auto;



	min-width: 230px;



    max-width: 100%;



}*/

.select-section > .input-outer > i {
  top: 50%;
  margin-top: -10px;
}

.entry-form-prnt .flex-wrapper {
  display: flex;
  align-items: center;
}

.box-activity-tabs .nav-tabs > li > a {
  padding: 10px;
}

.highlight-text {
  font-size: 14px;
  color: #1e3f4c;
  font-weight: 500;
}

.sassy-box-content .highlight-text:hover {
  color: #51a1d9;
  text-decoration: none;
}

.sassy-box-content .highlight-text.inv:hover,
.sassy-box-content .highlight-text.inv {
  color: #51a1d9;
}

.flex-list-txt {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-list-txt a {
  display: flex;
}

label.label-bold {
  font-size: 14px;
  color: #212121;
  font-weight: 600;
  margin-bottom: 10px;
}

.text-spacer {
  margin-left: 10px;
  margin-right: 10px;
}

.spacer-20:before {
  content: '';
  width: 100%;
  height: 20px;
  display: block;
  clear: both;
}

.thumb-group span {
  margin-left: 20px;
}

.box-activity-log .upload-entry-file {
  margin-top: 17px;
  max-width: 200px;
  width: 100%;
  margin-right: 0;
  margin-left: 40px;
}

/*



* =====================================



* //--- Requisition Order ---//



* =====================================



*/

.requisition-list .sassy-l > div > * {
  margin-right: 10px;
}

.box-order-detail a {
  white-space: nowrap;
}

.advanced-select .trigger {
  background: transparent;
  border: none;
  padding-left: 0px;
  padding-right: 0px;
  width: auto;
}

.sassy-filter .advanced-select .btn-toggle {
  position: inherit;
  right: inherit;
  top: inherit;
  width: auto;
  height: auto;
  text-align: center;
  display: inline-block;
}

.sassy-filter .advanced-select .btn-toggle .caret {
  margin-top: 0px;
  border-top-color: #b39199;
}

.item-actions.action-inline li {
  display: inline-block;
  vertical-align: middle;
}

.sassy-control {
  display: block;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #212124;
  background-color: #fff;
  background-image: none;
  border: 1px solid #979797;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.sassy-btn {
  min-width: 160px;
  height: 40px;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 15px;
}

.sassy-btn-border {
  background: transparent;
  border: solid 1px #b6b6b6;
  color: #999999;
}

.sassy-btn-bg {
  background: #3c7d99;
  border: solid 1px transparent;
  color: #fff;
}

.sassy-btn + .sassy-btn {
  margin-left: 20px;
}

.item-tags {
  margin-left: -15px;
}

.item-tags > span {
  height: 36px;
  border-radius: 4px;
  border: solid 1px #c2c2c2;
  padding: 8px 10px;
  color: #212124;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: middle;
  margin-left: 15px;
}

.item-tags > span > a {
  display: inline-block;
  margin-left: 10px;
}

.order-data1 tbody > tr > td.text-center,
.order-data1 thead > tr > th.text-center {
  text-align: center;
}

.divider-30 {
  margin-top: 30px;
}

label.sassy-checkbox {
  width: 19px;
  height: 19px;
  border: 1px solid #a4a3a3;
  position: relative;
  margin-bottom: 0px;
}

label.sassy-checkbox input {
  opacity: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}

label.sassy-checkbox input:checked + span {
  width: 17px;
  height: 17px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  left: 0px;
  font-size: 12px;
  line-height: 17px;
}

label.sassy-checkbox input:checked + span:after {
  content: '\f00c';
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.sassy-link {
  color: #3c7d99;
  font-weight: 600;
}

.subaccount-data-table .table.tbl-department > tbody > tr > td:last-child {
  text-align: right;
}

/*wallet*/

.filter-list-date-sec.sassy-datepicker .group-datepicker input {
  border: 0;
  padding-left: 0;
  max-width: 122px;
  padding-right: 0px;
  margin-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0;
  cursor: pointer;
}

.filter-list-date-sec.sassy-datepicker .group-datepicker .caret {
  margin-top: 0px;
  border-top-color: #b39199;
}

/*wallet*/

/* donor-project-detail */

.donor_project_outer .form-element select {
  height: 35px;
  border-radius: 4px;
  font-size: 14px;
}

/* donor-project-detail */

/* seller-sent-quotation */

.quotation-table .under-title {
  padding: 0;
}

.quotation-table .under-title-name {
  padding-left: 55px;
  padding: 0;
  vertical-align: middle;
  border-left: 1px solid #ddd;
  display: block;
  margin-left: 24px;
  height: 34px;
  padding-left: 10px;
  line-height: 33px;
}

/* seller-sent-quotation */

.requisition-number-container {
  font-size: 18px;
  font-weight: 600;
}

.delivery-address-subtitle {
  margin-bottom: 10px;
  color: #4d4d4d;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
}

/* Requisition Order Approval */

.order-act-btn {
  border-radius: 4px;
  border: solid 1px #1e3f4c;
  height: 35px;
  min-width: 123px;
  font-size: 14px;
  color: #1e3f4c;
  font-weight: 600;
  text-align: center;
  background-color: #fff;
}

.order-act-btn.ok {
  background-color: #1e3f4c;
  border: solid 1px #1e3f4c;
  color: #fff;
}

.order-actions {
  margin-left: 15px;
}

.order-actions .order-act-btn {
  margin-left: 10px;
}

.order-actions .order-act-btn + .order-act-btn {
  margin-left: 15px;
}

.order-state-popup .btn-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-state-popup {
  width: 400px;
}

.popup-area.order-state-popup .title-area h1 {
  color: #4d4d4d;
  font-size: 18px;
  margin-bottom: 20px;
}

.order-state-popup .wrapper {
  padding: 40px 50px;
}

.order-state-popup .btn-pop {
  min-width: 123px;
  height: 40px;
  border-radius: 4px;
  border: none;
  color: #ffffff;
}

.order-state-popup .btn-pop.btn-pop-cancel {
  background-color: #999999;
}

.order-state-popup .btn-pop.btn-pop-okey {
  background-color: #1e3f4c;
}

.order-actions + .order-date {
  flex: 0 0 100%;
  margin-top: 10px;
}

/* Requisition Order Approval */

.save-actions .action-btn {
  border-radius: 0px;
  border: solid 1px #999;
  height: 35px;
  min-width: 123px;
  font-size: 14px;
  color: #999;
  font-weight: 600;
  text-align: center;
  background-color: transparent;
}

.save-actions .action-btn.action-save {
  margin-left: 15px;
  background-color: #3c7d99;
  color: #fff;
}

.group-add-workflow {
  margin-top: 20px;
}

.group-add-workflow .add-workflow {
  background-color: #f8f8f8;
  padding: 20px;
  display: none;
  position: relative;
}

.group-add-workflow .add-workflow-wrapper {
  width: 470px;
  max-width: 100%;
}

.add-workflow .sassy-control {
  width: 252px;
  max-width: 100%;
}

.add-workflow .flex-input-group .sassy-control {
  width: 140px;
  max-width: 100%;
}

.add-workflow .flex-input-group {
  display: flex;
  align-items: center;
}

.add-workflow .flex-input-group label {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0;
}

.add-workflow .link-group {
  display: flex;
  align-items: center;
}

.add-workflow .link-group .sassy-link {
  margin-left: 10px;
}

.group-add-workflow.active .add-workflow {
  display: block;
}

.group-add-workflow .sassy-btn-border {
  color: #3c7d99;
  font-weight: 600;
}

.group-add-workflow.active .sassy-btn-border {
  background-color: #f8f8f8;
  border-color: transparent;
}

.sassy-checkbox-outer label.sassy-checkbox {
  width: auto;
  height: auto;
  border: none;
}

.sassy-checkbox-outer .sassy-checkbox span {
  width: 19px;
  height: 19px;
  border: 1px solid #a4a3a3;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
}

.sassy-checkbox-outer label.sassy-checkbox input:checked + span {
  position: inherit;
  left: inherit;
  width: 19px;
  height: 19px;
  line-height: 19px;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress.disabled {
  position: relative;
  cursor: not-allowed;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress.disabled:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 999;
  display: block;
  content: '';
}

.mobi-tabler {
  display: none;
  margin-bottom: 20px;
}

.pos_space {
  position: relative;
  display: inline-block;
  width: 100%;
}

.mobi-tabler > i {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  right: 0;
  top: 5px;
}

.extra .thumb-group {
  padding-left: 67px;
}

.order-data1 tbody > tr.extra.bt-none > td {
  border-top: 0;
}

.order-data1 tbody > tr.extra.bb-none > td {
  border-bottom: 0;
}

#create-quotation-btn {
  border: 1px solid transparent;
}

#create-quotation-btn._c {
  color: #3d7c99;
  background-color: #fff;
  border: 1px solid #3d7c99;
}

@media (max-width: 767px) {
  .page-sidebar .orderlist-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-sidebar .dashboard-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .page-sidebar .delivery-setting-container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*September 11 2019*/

.form-group.field-merchant.selectbox.l-i-i {
  display: flex;
  align-items: center;
}

.advanced-select {
  position: relative;
  max-width: 426px;
  width: 100%;
}

.advanced-select .form-control {
  width: 100%;
}

.filter-bar .form-control {
  border-radius: 0px;
  border: 1px solid #d4d4d4;
  height: 35px;
  color: #999999;
  box-shadow: none;
  font-size: 12px;
}

.advanced-select .btn-toggle {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 100%;
  text-align: center;
  display: none;
}

.advanced-select .btn-toggle .caret {
  margin-top: 15px;
}

.advanced-select .x-clear {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 30px;
  text-align: center;
  padding: 7px;
  font-size: 22px;
  line-height: 25px;
}

.advanced-select .dropdown-menu {
  width: 100%;
  border-radius: 0px;
  box-shadow: none;
  margin-top: 0px;
  max-height: 210px;
  overflow-x: auto;
}

.advanced-select .q {
  border: none;
  border-bottom: 2px solid #ddd;
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
  background-image: url(../images/d-search.svg);
  background-position: 95% center;
  background-repeat: no-repeat;
}

.advanced-select .dropdown-menu .x-check {
  position: relative;
}

.advanced-select .dropdown-menu li a {
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
}

.advanced-select .dropdown-menu .x-check input[type='checkbox'] {
  display: none;
}

.advanced-select .dropdown-menu .x-check label {
  margin-bottom: 0;
  position: relative;
  color: #999999;
  font-weight: 600;
  font-size: 12px;
  margin-right: 6px;
  width: 100%;
}

.advanced-select .dropdown-menu input[type='checkbox'] + label:before {
  background-color: transparent;
  height: 20px;
  width: 20px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid rgb(159, 159, 159);
}

.advanced-select .dropdown-menu input[type='checkbox']:checked + label:after {
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0 !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: '';
  transform: rotate(45deg);
  display: block;
  position: absolute;
  left: 7px;
}

.advanced-select .dropdown-menu input[type='checkbox']:checked + label:before {
  background-color: #999999;
}

.advanced-select.choosen .x-clear {
  display: inline-block;
  vertical-align: middle;
}

.form-group.field-merchant.selectbox.l-s {
  display: flex;
  align-items: center;
}

.form-group.field-merchant.selectbox.l-s .advanced-select {
  max-width: 218px;
}

.form-group.field-merchant.selectbox.l-s #principal_recipient {
  display: inline-block;
  height: 40px;
  border-radius: 4px;
  border: solid 1px #979797;
  background-color: #fff;
  line-height: 38px;
  padding: 0 15px;
}

.subaccount-data-table .order-data1 tbody > tr > td a {
  color: #212124;
  font-weight: 700;
}

.invoice-list .subaccount-data-table .order-data1 tbody > tr > td a {
  font-weight: 400;
}

.subaccount-data-table .order-data1 tbody > tr > td a:hover {
  color: #51a1d9;
  text-decoration: none;
}

.subaccount-data-table .order-data1 tbody > tr > td[data-th='Buyer'] a {
  max-width: 200px;
  display: inline-block;
  word-break: break-all;
  white-space: normal;
  width: 100%;
}

.group-search .btn-sassy {
  background-color: transparent;
  color: #3c7d99;
  min-width: auto;
}

.sub-account-list .subaccount-data-table .order-data1 thead > tr > th {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #212424;
  padding: 20px 15px;
}

.chk_box .label.sassy-checkbox {
}

.add-workflow .flex-input-group .chk_box label {
  padding: 0;
  margin-left: 15px;
  vertical-align: middle;
}

.add-workflow .flex-input-group .chk_box {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.field-merchant .advanced-select.sassy-control {
  padding-left: 0;
  padding-right: 0;
}

.field-merchant .advanced-select.sassy-control .form-control {
  height: auto;
  line-height: 25px;
}

.field-merchant .advanced-select.choosen .x-clear {
  line-height: normal;
  padding: 0;
  top: -2px;
}

.field-merchant .advanced-select .form-control {
  width: 100%;
  padding: 0 15px;
  border: 0px;
  box-shadow: none;
}

.field-merchant .advanced-select.choosen .btn-toggle {
  display: none;
}

.field-merchant .advanced-select .btn-toggle {
  display: inline-block;
  top: 5px;
}

.mt-15 {
  margin-top: 15px;
  display: inline-block;
}

/*October 11 2019*/

.approver-table tbody tr td:first-child {
  text-align: left;
  padding-right: 47px;
}

.highlightted-user {
  font-weight: bold;
  color: #069edf;
}

.popup-area .content-area p {
  text-align: center;
}

/*Quotation Chat*/

.page-chat-quotation .user-product-buttons,
.seller-chat-quotation .user-product-buttons {
  border: none;
}

#quotation-button {
  display: block;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #3d7c99;
  border: solid 1px #3d7c99;
  border-radius: 0;
  width: 156px;
  height: 40px;
  margin: 0 0 10px;
}

#create-quotation-btn {
  background-color: #3d7c99;
}

.quotation-container {
  display: none;
  padding: 20px 30px;
}

.quotation-title {
  font-size: 16px;
  font-weight: bold;
  color: #212124;
}

.quotation-date-issue {
  font-size: 13px;
  font-weight: normal;
  color: #212124;
}

.quotation-date-valid {
  font-size: 13px;
  font-weight: normal;
  color: #212124;
  margin-left: 74px;
}

.quotation-date-issue .title,
.quotation-date-valid .title,
.dd-payment-terms .title {
  font-weight: 500;
  font-size: 14px;
}

.quotation-table th {
  font-size: 13px;
  font-weight: 500;
  color: #212124;
}

.seller-chat-quotation .quotation-date-issue input {
  border: none;
  padding: 6px 10px;
  width: 90px;
}

.quotation-table th:last-child,
.quotation-table td:last-child {
  text-align: right;
}

.quotation-table td {
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
}

.quotation-table {
  margin-top: 20px;
}

.quotation-total {
  max-width: 303px;
  margin-top: 90px;
}

.quotation-total .title {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  text-transform: unset;
}

.quotation-total .total-cost .title {
  font-size: 14px;
  font-weight: bold;
  color: #212424;
}

.quotation-total .price {
  font-size: 14px;
  font-weight: normal;
  text-align: right;
  color: #212124;
}

.quotation-total .total-cost .price {
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  color: #212124;
}

.quotation-total .subtotal,
.quotation-total .freight-cost,
.quotation-total .discount {
  margin-bottom: 10px;
}

.quotation-total .total-cost {
  margin-top: 16px;
  border-top: solid 1px #d9d9d9;
  padding-top: 15px;
}

.seller-chat-quotation .quotation-date-issue input {
  border: none;
  padding: 6px 10px;
  width: 90px;
}

.seller-chat-quotation .quotation-date-valid input {
  border: none;
  padding: 6px 10px;
  width: 188px;
}

.seller-chat-quotation .group-datepicker {
  border: solid 1px #d9d9d9;
  position: relative;
  margin-top: 8px;
}

.seller-chat-quotation .group-datepicker i {
  right: 10px;
  position: absolute;
  top: 9px;
}

.seller-chat-quotation .quotation-date-valid {
  margin-left: 32px;
}

.seller-chat-quotation .quotation-table td {
  border: none;
  position: relative;
  vertical-align: middle;
}

.seller-chat-quotation .quotation-table th {
  border-bottom: 2px solid #ddd;
}

.seller-chat-quotation .quotation-table tr:first-child td {
  border-bottom: 1px solid #ddd;
}

.quotation-table select {
  border: solid 1px #d9d9d9;
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
  width: 78px;
  padding: 5px 13px 5px 7px;
}

.quotation-table td i {
  position: absolute;
  top: 17px;
  pointer-events: none;
  left: 72px;
}

.quotation-table select option {
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
}

.quotation-table input {
  border: solid 1px #d9d9d9;
  font-size: 13px;
  font-weight: normal;
  color: #4d4d4d;
  padding: 6px 10px;
  max-width: 135px;
}

.quotation-table .quantity {
  width: 94px;
}

.quotation-table .per-unit {
  width: 90px;
  text-align: right;
  float: right;
}

.seller-chat-quotation .quotation-total {
  margin-top: 20px;
  margin-bottom: 29px;
}

.seller-chat-quotation .new-line {
  margin-top: 10px;
}

.seller-chat-quotation .new-line a {
  font-size: 14px;
  font-weight: bold;
  color: #3d7c99;
}

.seller-chat-quotation .new-line a i {
  font-size: 12px;
}

.seller-chat-quotation .btn-delete {
  background: url(../images/delete_btn.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-position: center center !important;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  position: relative;
  top: 0px;
  left: 0px;
  cursor: pointer;
}

.seller-chat-quotation .quotation-table th:nth-child(5),
.seller-chat-quotation .quotation-table td:nth-child(5) {
  text-align: right;
}

.quotation-button-container {
  display: none;
  padding-right: 30px;
  margin-top: 29px;
  clear: both;
}

.quotation-button-container #quotation-close-button {
  width: 120px;
  height: 35px;
  border-radius: 2px;
  border: solid 1px #979797;
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  float: right;
  display: block;
  background: #ffffff;
}

.quotation-button-container #quotation-send-button {
  width: 120px;
  height: 35px;
  border-radius: 2px;
  background-color: #3d7c99;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  float: right;
  margin-left: 23px;
}

.page-chat-quotation .quotation-button-container #quotation-close-button {
  width: 120px;
  height: 35px;
  border-radius: 2px;
  /* background-color: #c2c2c2; */
  font-size: 14px;
  font-weight: bold;
  /* color: #ffffff; */
  border: solid 1px #979797;
}

.page-chat-quotation .quotation-button-container #quotation-cancel-button,
.seller-chat-quotation .quotation-button-container #quotation-cancel-button {
  width: 135px;
  height: 35px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: bold;
  border: solid 1px #3e7b99;
  color: #3e7b99;
  float: right;
  display: block;
  background: #ffffff;
  margin-left: 15px;
}

.seller-chat-quotation .quotation-table .table {
  border-collapse: collapse;
}

.seller-chat-quotation .quotation-wrap {
  /* height: 544px; */
}

.page-chat-quotation .compare-delete-modal-content .modal-footer > div.btn-gray,
.seller-chat-quotation .compare-delete-modal-content .modal-footer > div.btn-gray {
  border-radius: 4px;
}

.page-chat-quotation .delete_item .compare-delete-modal-content .modal-body > p,
.seller-chat-quotation .delete_item .compare-delete-modal-content .modal-body > p {
  font-size: 18px;
  font-weight: bold;
  color: #4d4d4d;
}

.page-chat-quotation .modal-dialog.compare-delete-modal-content,
.seller-chat-quotation .modal-dialog.compare-delete-modal-content {
  max-width: 415px;
}

.page-chat-quotation .delete_item .compare-delete-modal-content .modal-body,
.seller-chat-quotation .delete_item .compare-delete-modal-content .modal-body {
  padding: 17px 30px;
  padding-bottom: 0;
}

.page-chat-quotation .compare-delete-modal-content .modal-footer,
.seller-chat-quotation .compare-delete-modal-content .modal-footer {
  padding: 36px 65px;
  padding-top: 20px;
}

.seller-chat-quotation input[disabled],
.seller-chat-quotation select[disabled],
#po_number[disabled],
.sassy-control[disabled] {
  color: rgb(84, 84, 84);
  cursor: default;
  background-color: #eeeeee;
}

.flex-inline {
  display: inline-flex;
  align-items: center;
}

.flex-inline > div:last-child {
  padding-left: 15px;
}

.pay-percent-txt {
  margin-top: 20px;
}

.flex-inline > div:last-child > p {
  margin-bottom: 0;
}

.fc-group.fc-ttl {
  color: #a7a7a7;
}

div.dashboard-graph {
  padding-left: 0;
  padding-right: 0;
  border-left: 0;
  border-right: 0;
}

.payment-process .pay-percent-txt {
  margin-top: 0px;
}

.quotation-table .discountOption {
  display: none;
  width: 94px;
  padding: 5px 16px 5px 9px;
  float: left;
}

.quotation-table .fa.fa-angle-down.for-discount {
  display: none;
  left: 88px;
}

.quotation-table #price_amt {
  text-align: right;
  float: right;
}

.quotation-table .table thead th:nth-child(4) {
  text-align: right;
}

.seller-chat-quotation .sent-quotation .quotation-table th {
  border-bottom: 2px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table tr:first-child td {
  border-bottom: 1px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table td {
  border-bottom: 1px solid #ddd;
}

.seller-chat-quotation .sent-quotation .quotation-table tr:last-child td {
  border-bottom: 0;
}

.delivery-address-subtitle {
  margin-bottom: 10px;
  color: #4d4d4d;
  font-weight: 700;
  font-size: 16px;
  width: 100%;
}

.delivery-address-subtitle .fancy-checkbox {
  margin-top: 10px;
}

.delivery-address-subtitle .fancy-checkbox input[type='checkbox']:checked + label {
  background: #3d7c99;
}

.delivery-address-subtitle .fancy-checkbox label:after {
  opacity: 0;
  content: '';
  position: absolute;
  width: 11px;
  height: 6px;
  background: transparent;
  top: 4px;
  left: 3px;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

.delivery-address-subtitle .fancy-checkbox input[type='checkbox']:checked + label {
  border: 1px solid #3d7c99;
}

.delivery-address-subtitle .fancy-checkbox input[type='checkbox'] + label {
  background: transparent;
  border: 1px solid #b3b3b3;
}

.requisition-number-container {
  font-size: 18px;
  font-weight: 600;
}

.delivery-controller input[disabled],
.delivery-controller button[disabled] {
  background-color: #eeeeee !important;
}

#cancelled-quotation-button {
  display: block;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #999999;
  border: solid 1px #999999;
  border-radius: 0;
  width: 156px;
  height: 40px;
  margin: 0 0 10px;
}

.page-delivery .form-element {
  max-width: 100%;
}

.page-delivery .pdc-inputs .address-container {
  max-width: 100%;
  width: 100%;
}

.sassy-address-con .address-select {
  flex: 1;
}

.flex-address-container {
  display: flex;
  align-items: center;
}

.page-delivery .pdc-inputs #btnAddDeliveryAddress {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  height: 40px;
  width: 147px;
  border-radius: 4px;
  background-color: #3d7c99;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  margin-bottom: 0;
}

.page-delivery .address-select {
  display: inline-block;
  width: 100%;
  max-width: 606px;
  position: relative;
  margin-right: 20px;
  vertical-align: middle;
}

.page-delivery .address-select .dropdown-toggle {
  border: 1px solid #b3b3b3;
  padding: 9px 15px;
  color: #333;
  width: 100%;
  text-align: left;
}

.page-delivery .address-select .dropdown-toggle:hover,
.page-delivery .address-select .dropdown-toggle:focus {
  background: none;
}

.page-delivery .address-select .dropdown-toggle > i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
  pointer-events: none;
}

.sassy-checkbox-outer label.sassy-checkbox {
  width: auto;
  height: auto;
  border: none;
}

label.sassy-checkbox input {
  opacity: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.sassy-checkbox-outer .sassy-checkbox span {
  width: 19px;
  height: 19px;
  border: 1px solid #a4a3a3;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  text-align: center;
}

label.sassy-checkbox input:checked + span:after {
  content: '\f00c';
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

.sec-delivery-address .sassy-checkbox-outer {
  margin-bottom: 15px;
}

.page-delivery .address-select .dropdown-menu {
  width: 100%;
}

.page-delivery .address-select .dropdown-menu li a {
  padding: 10px 14px;
}

.block-overlay {
  position: relative;
}

.block-overlay.active:after {
  cursor: not-allowed;
  z-index: 9;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(84, 84, 84, 0.6);
  display: block;
  content: '';
}

/*September 16 2019*/

.requisition-funds {
  font-weight: 400;
  margin-left: 10px;
}

.requisition-percent {
  font-weight: 400;
  margin-left: 10px;
}

.requisition-terms {
  font-weight: 400;
  margin-left: 10px;
}

.pcc-left .flex-inline span.title {
  font-size: 18px;
  text-transform: none;
}

.page-requisition-info {
  background: #f0f0f0;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.requisition-sources {
  margin-bottom: 15px;
  width: 100%;
}

/*September 18 2019*/

.page-delivery.page-create-requisition .form-element {
  max-width: 100%;
}

.page-delivery.page-create-requisition .address-select {
  display: inline-block;
  width: 100%;
  max-width: 606px;
  position: relative;
  margin-right: 20px;
  vertical-align: middle;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle {
  border: 1px solid #b3b3b3;
  padding: 9px 15px;
  color: #333;
  width: 100%;
  text-align: left;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle:hover,
.page-delivery .address-select .dropdown-toggle:focus {
  background: none;
}

.page-delivery.page-create-requisition .address-select .dropdown-toggle > i {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 12px;
  pointer-events: none;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu {
  width: 100%;
  max-height: 200px;
  overflow-y: scroll;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu li a {
  padding: 10px 14px;
  word-break: break-all;
  white-space: normal;
  position: relative;
  padding-right: 32px;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu li a.active,
.page-delivery .address-select .dropdown-menu li a:hover {
  background: #1e3f4d;
  color: #ffffff;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu .icon-delete {
  float: right;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-delivery.page-create-requisition .review-container .cb-content {
  margin-bottom: 10px;
}

.page-delivery.page-create-requisition .pdcb-address-box.btn-add-adress {
  width: auto;
}

.page-delivery.page-create-requisition .pc-content.full-width.review-container {
  margin-bottom: 0px;
  margin-top: 0;
}

.page-delivery.page-create-requisition .requisition-information {
  margin-top: 0px;
  margin-bottom: 60px;
}

.sc-text-thin {
  font-weight: 400;
}

.page-delivery.page-create-requisition .btn-green,
.page-delivery.page-create-requisition .btn-white {
  font-weight: 700;
  text-align: center;
  display: inline-block;
  max-width: 200px;
  cursor: pointer;
  margin: 0 auto;
  height: 40px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
}

.page-delivery.page-create-requisition .btn-white a {
  height: 40px;
  padding: 11px;
  color: #999999;
  border: solid 1px #b3b3b3;
  font-size: 14px;
  font-weight: bold;
}

.page-delivery.page-create-requisition .pccr-btn {
  display: flex;
  flex-direction: column;
}

.page-delivery.page-create-requisition .btn-green {
  margin-bottom: 15px;
}

.page-delivery.page-create-requisition .requisition-information .pcc-left {
  max-width: 790px;
  width: 100%;
}

.page-delivery.page-create-requisition .requisition-sources {
  width: 100%;
}

.requisition-options {
  width: 100%;
  max-width: 790px;
  display: flex;
  flex-direction: column;
}

.requisition-options .pccl-payment-method > select {
  width: 100%;
}

.page-delivery.page-create-requisition .requisition-information .flex-inline > div:last-child {
  padding-left: 30px;
}

.page-delivery.page-create-requisition .requisition-information .flex-inline > div:first-child {
  padding-left: 0px;
}

.requisition-options .requisition-funds,
.requisition-options .requisition-percent,
.requisition-options .requisition-terms {
  margin-left: 0px;
}

.requisition-options .pc-processbar span.icon {
  width: 79px;
  height: 80px;
  text-align: center;
  font-size: 20px;
  line-height: 69px;
}

.requisition-options .additional-margin-top {
  margin-top: 34px;
}

.requisition-options .pc-processbar {
  margin-top: -25px;
}

.requisition-options .progress-view {
  margin-top: 15px;
}

.page-create-requisition .navigational-processbar .pb-line-margin-zero {
  margin-top: 0 !important;
}

.page-create-requisition .navigational-processbar {
  border-bottom: 1px solid #d2d2d2;
  padding-bottom: 25px;
  margin-bottom: 25px;
}

/*September 19 2019*/

.donor_project_outer .form-element select {
  height: 35px;
  border-radius: 4px;
  font-size: 14px;
}

.page-delivery.page-create-requisition .modal-footer .btn-green {
  min-width: 150px;
  margin-left: 0px;
  border-radius: 0px;
  padding: 14px;
}

.page-create-requisition #delivery-container .pdc-inputs {
  max-width: 790px;
  width: 100%;
}

.page-create-requisition #delivery-container .pdc-inputs #btnAddDeliveryAddress {
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  height: 40px;
  width: 147px;
  border-radius: 4px;
  background-color: #3d7c99;
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  margin-bottom: 0;
  display: inline-block;
}

.page-create-requisition #delivery-container .pdc-inputs #btnAddDeliveryAddress i {
  font-size: 11px;
}

.page-create-requisition #delivery-container .pdc-inputs .address-container {
  max-width: 100%;
  width: 100%;
}

.review-container .dr-radio {
  height: 183px;
}

.page-requisition .pcc-left.pull-left {
  max-width: 100%;
}

.page-requisition .requisition-sources-options {
  display: inline-flex;
  flex-direction: column;
  width: 50%;
}

.page-requisition .pccl-payment-method > select {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
}

.page-requisition .pccl-payment-method.payment-control {
  max-width: 395px;
  width: 100%;
}

.page-create-requisition .pc-processbar ul > li span.pcul-text {
  min-height: auto;
}

.field-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}

.field-wrapper .input-container {
  width: 47%;
  margin-bottom: 25px;
}

.field-wrapper .input-container input.input-text {
  width: 100%;
}

/*one page*/

#delivery-container {
  padding: 0px;
}

.panel-box-title {
  cursor: pointer;
}

.panel-box .panel-box-title .icon.icon-toggle {
  background-image: url(../images/arrow_up.svg);
}

.panel-box.active .panel-box-title .icon.icon-toggle {
  background-image: url(../images/arrow_down.svg);
}

.panel-box .panel-box-content {
  margin-bottom: 25px;
}

.panel-box .panel-box-title i,
.panel-box.active .panel-box-title i {
  font-size: 19px;
  margin-left: 10px;
}

.review-header-title {
  font-size: 16px;
  font-weight: 500;
  color: #212124;
}

.review-header-user {
  font-size: 16px;
  font-weight: normal;
  color: #212124;
  margin-left: 10px;
}

/*



.review-header {



    margin-bottom: 20px;



}*/

.review-table th {
  font-size: 16px;
  font-weight: 500;
  color: #212124;
  vertical-align: middle !important;
  padding-top: 9px !important;
  padding-bottom: 11px !important;
}

.review-table td {
  font-size: 14px;
  font-weight: normal;
  color: #212124;
  vertical-align: middle !important;
}

.review-table .item-name {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  color: #212124;
}

.review-table .item-image img {
  width: 99px;
  margin: 0;
  display: inline-block;
}

.review-container .view-compare-btn {
  margin-bottom: 45px;
}

#requisition-container .pc-processbar span.icon > i {
  font-size: 19px;
}

#requisition-container .pc-processbar .more-name {
  padding-top: 18px;
}

.max-half-width {
  width: 49%;
}

#requisition-container .paymnet-scheme {
  margin-top: 40px;
}

#requisition-container .pccl-payment-method {
  margin-top: 10px;
}

.page-create-requisition .pcc-left .flex-inline span.title {
  font-size: 14px;
  text-transform: none;
}

#requisition-container .page-requisition-info {
  flex-direction: row;
}

#requisition-container .page-requisition-info .pay-percent-txt {
  width: 45%;
}

.tablinks {
  cursor: pointer;
}

#delivery-container .pcc-rigth .cbcir-box {
  position: fixed;
  top: 170px;
  width: 100%;
  z-index: 1;
  width: 320px;
}

.page-create-requisition .footer.bigger-footer {
  z-index: 2;
}

.quotation-table .under-title {
  padding: 0;
}

.quotation-table .under-title-name {
  padding-left: 55px;
  padding: 0;
  vertical-align: middle;
  border-left: 1px solid #ddd;
  display: block;
  margin-left: 24px;
  height: 34px;
  padding-left: 10px;
  line-height: 33px;
}

/*one page modification 11-10-19*/

.bl_dark {
  display: inline-block;
  width: 100%;
  background: #1e3f4e;
  height: 52px;
  vertical-align: middle;
  max-width: 790px;
  line-height: 50px;
  padding-left: 20px;
  padding-right: 15px;
}

.bl_dark span.sc-text-big {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.tog-icon {
  float: right;
  width: 25px;
  height: 25px;
  background-size: contain;
  margin-top: 13px;
}

.tog-icon.angle1 {
  background-image: url(../images/angle1.svg);
}

.tog-icon.angle2 {
  background-image: url(../images/angle2.svg);
}

.delivery-container .sc-u {
  padding-bottom: 0;
}

.page-create-requisition #delivery-container .pdc-inputs,
.pdc-inputs.review {
  padding: 25px;
  border: 1px solid #d7d7d7;
  margin-bottom: 0;
}

.delivery-container .panel-box .panel-box-content {
  margin-bottom: 0;
}

.page-delivery.page-create-requisition .address-select {
  max-width: 567px;
}

.chat_log_box {
  float: left;
  width: 100%;
}

.chat_log_box .log-btn {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #7d8aa3;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  margin-top: 15px;
}

.chat_log_box .item-image {
  display: inline-block;
  width: auto;
}

.chat_log_box .item-image img {
  display: inline;
  max-width: 90px;
  max-height: unset;
  margin-bottom: 0;
}

.chat_log_box .item-image span {
  font-size: 14px;
  display: inline;
}

.remove-resize {
  resize: none;
}

.pc-processbar span.icon.disable {
  background: #b2b2b2;
}

.pc-processbar {
  background: #f0f0f0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-green.disabled {
  background: #b3b3b3;
  border-color: #b3b3b3;
  cursor: none;
}

.tbl-workflow .item-actions.action-inline li {
  margin-bottom: 0;
}

.subaccount-data-table .table.order-data1 > tbody > tr > td {
  padding: 10px 15px;
  text-align: left;
  /*max-width: 200px;*/
}
.subaccount-data-table .table.order-data1 > tbody > tr > td.text-center {
  text-align: center;
}
.subaccount-data-table .table.order-data1 > tbody > tr > td:first {
  text-align: left;
}

.subaccount-data-table .table.order-data1 > tbody > tr > td[data-th='Login ID'],
.subaccount-data-table .table.order-data1 > tbody > tr > td[data-th='Name'],
.subaccount-data-table .table.order-data1 > tbody > tr > td[data-th='Notification Email'] {
  text-align: left;
}

.sub-account-list .subaccount-data-table .order-data1 thead > tr > th.left-phrase {
  text-align: left;
}

.subaccount-data-table .table.order-data1 > tbody > tr.void-grey {
  background: #f7f7f7;
  position: unset;
}

/* .subaccount-data-table .table.order-data1>tbody>tr>td:nth-last-child(2) {text-align: right;} */

.subaccount-data-table .table.order-data1 > tbody > tr > td.action-cell {
  padding: 0;
  padding-left: 15px;
  padding-right: 15px;
}

/*workflow filter */

.advanced-select.number .dropdown-menu li input[type='text'] {
  width: 68px;
  height: 30px;
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.15);
  text-align: center;
}

.advanced-select.number .dropdown-menu li {
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
}

.advanced-select.number .trigger {
  color: #979797;
}

.requisition-list .subaccount-data-table .table > tbody > tr > td {
  padding: 15px;
}

.tbl-department .item-actions ul > li:first-child {
  margin-bottom: 0;
}

.sub-account.clickable tbody tr {
  cursor: pointer;
}

.review-tab .review-btn > a {
  font-weight: 700;
  color: #3c7d99;
}

.review-tab .table tfoot .thumb-group {
  padding-left: 75px;
}

.review-container .review-tab .dr-radio {
  height: auto;
}

.workflow-list .subaccount-data-table .table.order-data1 > tbody > tr > td {
  text-align: center;
}

/*quotation pages style*/

.subaccount-data-table .order-data1 tbody > tr > td a.chat_action {
  border-color: #1e3f4d;
  background-color: #1e3f4d;
  color: #fff;
  display: inline-block;
  white-space: nowrap;
  padding: 5px 10px;
}

.chat_action:hover,
.chat_action:focus,
.chat_action:active {
  color: #fff;
}

.quotation-list .advanced-select {
  margin-right: 15px;
}

.sc-tops.right {
  float: right;
  width: auto;
}

.quotation-detail .quotation-table td {
  border: none;
  position: relative;
  vertical-align: top;
}

.quotation-detail .quotation-table td i {
  left: 95px;
}

.quotation-detail .btn-delete {
  background: url(../images/delete_btn.svg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  width: 25px;
  height: 25px;
  background-position: center center !important;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  position: relative;
  top: 0px;
  left: 0px !important;
  cursor: pointer;
}

.quotation-detail input[disabled],
.quotation-detail select[disabled] {
  color: rgb(84, 84, 84);
  cursor: default;
  background-color: #eeeeee;
  border: none;
}

.quotation-detail #issue-datepicker {
  padding: 6px 10px;
  width: 90px;
}

.quotation-detail .quotation-date-valid input {
  border: none;
  padding: 6px 10px;
  width: 188px;
}

.quotation-detail .group-datepicker {
  border: solid 1px #d9d9d9;
  position: relative;
  margin-top: 8px;
}

.quotation-detail .group-datepicker i {
  right: 10px;
  position: absolute;
  top: 9px;
}

.quotation-detail .quotation-date-valid {
  margin-left: 15px;
}

.qutation_bill_box {
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
}

.qutation_bill_box .quotation-total {
  width: 100%;
  padding: 20px;
  margin: 0;
  max-width: unset;
}

.quote_title {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #ddd;
}

.quote_title h3 {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 15px;
  color: #212124;
  font-weight: 700;
  font-size: 22px;
}

.quotation-detail .quotation-container {
  padding-left: 0;
}

.quotation-detail .btn-area {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #979797;
  color: #fff;
  text-align: center;
}

.quotation-detail .btn-area:hover,
.quotation-detail .btn-area:focus,
.quotation-detail .btn-area:active {
  color: #fff;
}

.send_btn {
  margin-top: 25px;
}

.less_content {
  min-height: 650px;
}

.grey-side {
  margin-right: 15px;
}

.grey-side .sassy-select {
  color: #979797;
  padding-right: 15px;
  margin-left: 0;
}

.select-sassy-wrapper.grey-side.sassy-arrow::after {
  border-top-color: #979797;
}

.quote-detail-table {
  display: inline-block;
  width: auto;
  margin-bottom: 45px;
}

.quote-detail-table table {
  width: auto;
  border: none;
}

.quote-detail-table table > tr {
  border: none;
}

.quote-detail-table .table > tbody > tr > td {
  border: none !important;
  color: #212124;
  font-size: 14px;
  font-weight: 500;
  padding-right: 38px;
}

.quote-detail-table .table > tbody > tr > td > span {
  width: 100%;
  display: block;
  color: #4d4d4d;
  font-weight: 400;
}

.mtb-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.sassy-btn-bg.line {
  border-color: #3c7d99;
  background: transparent;
  color: #3c7d99;
}

.subaccount-data-table .table.clickable > tbody > tr {
  cursor: pointer;
}

/*quotation pages style*/

/*October 15 2019*/

.page-requisition-order-approval .sc-upper .order-actions {
  margin-left: 0;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-requisition-order-approval button[disabled] {
  border: solid 1px #d0d0d0;
  color: #d0d0d0;
}

.page-wallet .advanced-select .trigger,
.page-wallet .filter-list-date-sec.sassy-datepicker .group-datepicker input {
  color: #999999;
}

.page-wallet .filter-list-date-sec.sassy-datepicker .group-datepicker input {
  max-width: 80px;
}

/*approve settings page style*/

.approve-panel {
  border-color: #b6b6b6;
  border-radius: 0;
}

.approve-panel h4 {
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  color: #002925;
  margin: 0;
  line-height: 35px;
}

.approve-panel p {
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #132625;
}

.approve-panel h4 a {
  margin-left: 10px;
  height: 18px;
  width: 18px;
  display: inline-block;
}

.approve-panel h4 a img {
  max-width: 100%;
}

.approve-panel .onoffswitch {
  width: 117px;
  margin-top: 10px;
}

.approve-panel .onoffswitch-inner:before {
  content: 'ON';
  padding-left: 25px;
  background: #1e3f4c;
}

.approve-panel .onoffswitch-inner:after {
  content: 'OFF';
  padding-right: 25px;
}

.approve-panel .onoffswitch-inner::before,
.approve-panel .onoffswitch-inner::after {
  height: 39px;
  font-size: 18px;
  line-height: 39px;
}

.approve-panel .onoffswitch-switch {
  width: 28px;
  height: 28px;
  right: 80px;
}

.approval-settings .sidebar-nav li ul {
  display: none;
}

/*approve settings page style*/

.nav-breadcrumb a {
  font-size: 14px;
  font-weight: 500;
  color: #3c7d99;
}

.page-sidebar .footer {
  display: none;
}

.tbl-select {
  position: relative;
}

.quotation-table .tbl-select select {
  width: 100%;
}

.quotation-detail .quotation-table td .tbl-select i {
  left: inherit !important;
  right: 10px;
  top: 50%;
  margin-top: -6px;
}

.quotation-table .tbl-select .discountOption {
  float: none;
}

.add-workflow .flex-input-group .sassy-control[disabled] {
  background-color: #d8d8d8;
}

/*October 16 2019*/

.page-wallet .project-data-table .project-data thead th:last-child {
  text-indent: inherit;
}

.compulsory-approver-txt {
  font-size: 14px;
  color: #808080;
  font-weight: normal;
  margin-left: 10px;
}

.compulsory-approver-txt span {
  font-size: 14px;
  color: #00a4eb;
  font-weight: 700;
}

.drp-selected {
  display: none !important;
}

.review-tab .review-btn {
  margin-top: 25px;
}

.review-tab .review-btn > a + a {
  margin-left: 20px;
}

.item-price {
  color: #212124;
  font-weight: 400;
}

.workflow-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 9999;
  cursor: not-allowed;
}

.workflow-overlay._m {
  display: none;
}

/*Good Receipt List page style*/

.select-sassy-wrapper {
  margin-right: 15px;
}

.sassy-filter .grey_filter .select-sassy-wrapper {
  color: #979797;
}

.qutation_bill_box .full-width {
  margin-bottom: 10px;
}

.flex-inline > .quotation-date-issue.pad_null {
  padding-left: 0;
}

.create-good-receipt #issue-datepicker {
  width: 100px;
  text-align: center;
}

.create-good-receipt .quotation-container {
  padding-left: 0;
}

.create-good-receipt .btn-area:hover,
.create-good-receipt .btn-area:focus,
.create-good-receipt .btn-area:active {
  color: #fff;
}

.create-good-receipt .btn_area {
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  background: #979797;
  color: #fff;
  text-align: center;
}

.mt-cos {
  margin-top: 15px;
}

.create-good-receipt .quotation-date-issue .title,
.create-good-receipt .quotation-date-valid .title {
  font-weight: 700;
}

.create-good-receipt .form-group.w-240 {
  width: 240px;
  max-width: 100%;
}

.create-good-receipt .form-group.w-153 {
  width: 153px;
  max-width: 100%;
}

.sp-select {
  position: relative;
  display: inline-block;
  width: 100%;
}

.sp-select select {
  width: 100%;
  height: 50px;
  border-radius: 3px;
}

.sp-select i {
  position: absolute;
  top: 25%;
  right: 15px;
  font-size: 18px;
}

.mbt-cos {
  margin-top: 15px;
  margin-bottom: 15px;
}

.create-good-receipt .fancy-radio > label {
  padding-left: 30px;
}

.create-good-receipt .fancy-radio input[type='radio'] + label {
  background-image: url(../images/od_uncheck.svg);
}

.fancy-radio input[type='radio']:checked + label {
  background-image: url('../images/od_check.svg');
}

.create-good-receipt .form-group.full-width {
  width: 100%;
}

.create-good-receipt .form-group .half {
  width: auto;
  float: left;
  margin-right: 15px;
}

.radio_grd label {
  font-weight: 400;
}

.item-detail-box .table,
.item-detail-box .table > tr,
.item-detail-box .table.table-bordered > tbody > tr > td {
  border-color: #999999;
  font-weight: 700;
}

.item-detail-box {
  max-width: 460px;
}

.item-detail-box .table.table-bordered > tbody > tr > td:first-child {
  min-width: 65%;
}

.sassy-btn.sassy-btn-bg:hover {
  color: #fff;
}

.pdt-50 {
  padding-top: 50px;
}

.goods-receipt-list .lg-filter .sassy-datepicker,
.purchase-order-history .lg-filter .sassy-datepicker,
.sassy-filter .sassy-datepicker {
  margin-right: 15px;
}

.goods-receipt-list .lg-filter .sassy-datepicker input:not(.filled),
.purchase-order-history .lg-filter .sassy-datepicker input:not(.filled),
.requisition-list .lg-filter .sassy-datepicker input:not(.filled) {
  min-width: 70px;
  width: 72px;
}

.goods-receipt-list .lg-filter .sassy-datepicker input.filled,
.purchase-order-history .lg-filter .sassy-datepicker input.filled,
.requisition-list .lg-filter .sassy-datepicker input.filled {
  width: auto;
  min-width: auto;
  max-width: inherit;
  padding-right: 0px;
  text-overflow: inherit;
  white-space: normal;
}

/*Good Receipt List page style*/

.title-sc-u .nav-breadcrumb {
  margin-bottom: 10px;
}

.page-buyer-quotation-detail .flex.btn-area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  flex-wrap: wrap;
}

.page-buyer-quotation-detail .flex.btn-area .sassy-btn {
  font-size: 12px;
  min-width: 135px;
}

.page-buyer-quotation-detail .flex.btn-area .sassy-btn:hover,
.page-buyer-quotation-detail .flex.btn-area .sassy-btn:focus {
  color: #3c7d99;
}

.page-buyer-quotation-detail .quotation-total .title {
  text-transform: unset;
}

.page-buyer-quotation-detail .extra .thumb-group {
  padding-left: 0;
}

.page-buyer-quotation-detail .thumb-group b {
  color: #000;
}

.page-buyer-quotation-detail .subaccount-data-table .order-data1 tbody > tr > td {
  word-break: inherit;
}

.page-buyer-quotation-detail tr .thumb-group span {
  margin-left: 80px;
}

.page-buyer-quotation-detail .subaccount-data-table .table.order-data1 > tbody > tr > td {
  max-width: 320px;
  text-align: left;
}

.page-buyer-quotation-detail tr:first-child .thumb-group span {
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  margin-left: 15px;
}

.page-buyer-quotation-detail .thumb-group {
  white-space: nowrap;
}

.page-buyer-quotation-detail .qutation_bill_box .full-width {
  margin-bottom: 0;
}

.quotation-detail .quotation-table .col-total {
  text-align: right;
  width: 100px;
}

.quotation-detail .quotation-table .col-desc {
  width: 185px;
}

.quotation-detail .quotation-table .col-qty,
.quotation-detail .quotation-table .col-type,
.quotation-detail .quotation-table .col-ppu {
  max-width: 115px;
}

.quotation-detail .quotation-table .col-ppu .per-unit,
.quotation-detail .quotation-table input {
  width: 100%;
  max-width: 100%;
}

.quotation-detail .quotation-table .col-qty .quantity {
  width: 80px;
  max-width: 100%;
}

.page-create-requisition .cbcir-box .item-price {
  font-weight: 600;
}

/*October 21 2019*/

.flex-float-reverse {
  flex-direction: row-reverse;
}

.table .long-details a {
  white-space: nowrap;
}

.table .long-details .morelink {
  color: #212124;
}

.table .long-details img {
  margin-left: 15px;
}

.table .long-details .more-icon {
  transform: rotate(180deg);
}

/*October 21 2019*/

.flex-float-reverse {
  flex-direction: row-reverse;
}

.table .long-details a {
  white-space: nowrap;
}

.table .long-details .morelink {
  color: #212124;
}

.table .long-details img {
  margin-left: 15px;
}

.table .long-details .more-icon {
  transform: rotate(180deg);
}

.oreder-detail-head .concealed-details p .morelink {
  color: #212124;
  font-weight: 500;
}

.top-snackbar {
  background-color: #000;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.top-snackbar .order-actions label {
  font-size: 16px;
}

.top-snackbar .order-actions .order-act-btn {
  margin-left: 10px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 0;
}

.top-snackbar .snack-slide {
  display: none;
}

.top-snackbar .snack-slide.active {
  display: block;
}

.snack-slide .message {
  line-height: 35px;
}

/*October 22 2019*/

.page-department .advanced-select {
  max-width: 100%;
}

.page-department .advanced-select .trigger {
  text-align: left;
  width: 100%;
  height: 35px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #212124;
  background-color: #fff;
  background-image: none;
  border: 1px solid #979797;
}

.page-department .x-clear {
  display: none !important;
}

.goods-items-history .blue-bold {
  display: block;
}

.create-good-receipt label.sassy-checkbox {
  margin-bottom: -4px;
}

.select-wrapper {
  position: relative;
}

.select-wrapper .fa-angle-down {
  position: absolute;
  right: 0px;
  top: 0px;
  top: 50%;
  margin-top: -7px;
  right: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.goods-items-history tr td:last-child .input-field {
  width: 100%;
  max-width: 343px;
}

/*good-receipt-view*/

.sassy-control.disabled,
.sassy-checkbox.disabled {
  background: #f0f0f0;
}

.create-good-receipt .fancy-radio input[type='radio'].disabled + label {
  background: transparent;
  position: relative;
}

.create-good-receipt .fancy-radio input[type='radio'].disabled + label:before {
  height: 17px;
  width: 17px;
  background: #f0f0f0;
  border-radius: 100%;
  content: '';
  position: absolute;
  left: 0px;
  bottom: 3px;
  border: 1px solid #a4a3a3;
}

/*October 25 2019*/

.subaccount-data-table .table.order-data1 > thead > tr > th {
  padding: 15px;
}

.requisition-list .subaccount-data-table .table.order-data1 > thead > tr > th {
  vertical-align: top;
}

.subaccount-data-table td[data-th='Unit Price'],
.subaccount-data-table td[data-th='Total Cost'] {
  text-align: right !important;
  padding-right: 50px !important;
}

.sassy-box .order-data1.table-items thead > tr > th:nth-child(3),
.sassy-box .order-data1.table-items thead > tr > th:last-child {
  padding-right: 50px !important;
  text-align: right !important;
}

.sassy-box .order-data1.table-items tbody > tr > td[data-th='Unit Price'],
.sassy-box .order-data1.table-items tbody > tr > td[data-th='Total Cost'] {
  text-align: right !important;
  padding-right: 50px !important;
}

/*October 29 2019*/

.page-order-history .fancy-radio input[type='radio']:checked + label {
  background-image: url(../images/radiobutton_selected.svg);
}

.dd-payment-terms select {
  width: 200px;
  max-width: 100%;
}

.dd-payment-terms .select-wrapper {
  margin-top: 8px;
}

/*November 4 2019*/

.user-container {
  font-size: 12px;
  font-weight: 500;
  color: #000000;
  display: block;
  padding: 7px 0;
  word-break: break-all;
}

.send-msg .msg-box {
  max-width: 320px;
  margin-top: 15px;
  padding-top: 15px;
}

.receive-msg .msg-box {
  max-width: 320px;
  padding-left: 20px;
}

.page-seller .receive-msg .msg-box,
.page-seller .receive-msg .msg-box {
  /* margin-left: 0px; */
}

/*November 5 2019*/

.optional-input {
  margin-bottom: 8px;
}

/*November 6 2019*/

.compare-tab li a.pdf-button {
  color: #212124;
}

#modalPDF .modal-body {
  padding-bottom: 0px;
}

#modalPDF .modal-body p {
  font-weight: 600;
  margin-bottom: 12px;
}

#modalPDF .modal-body input {
  width: 100%;
  padding: 5px 22px;
}

#modalPDF .modal-footer .btn-gray {
  margin-left: 0;
  width: 137px;
}

#modalPDF .modal-footer .btn-blue {
  margin-right: 0;
  float: right;
  width: 137px;
}

/*November 7 2019*/

.sassy-search .searh-btn {
  background: transparent;
  border: none;
  color: transparent;
  position: absolute;
  top: 0px;
  width: 34px;
  height: 33px;
  right: 0;
  padding: 0;
  z-index: 999;
}

.google-logo {
  background: url(../images/google_id.svg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  width: 37px;
  height: 37px;
  background-position: center center !important;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
}

.fb-logo {
  background: url(../images/fb-id.svg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto;
  width: 37px;
  height: 37px;
  background-position: center center !important;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
}

.account-row i {
  margin-left: 10px;
  width: 30px;
  height: 30px;
}

.account-row i.fa {
  font-size: 26px;
  text-align: center;
}

.account-row .delete_item i.fa,
.account-row .not-approved i.fa {
  color: #999;
}

.filter-modal .modal-body {
  padding-bottom: 0px;
}

.filter-modal .modal-footer .btn-blue {
  float: right;
}

.btn-blue-border {
  display: inline-block;
  cursor: pointer;
  width: 125px;
  border: none;
  text-align: center;
  padding: 10px;
  font-weight: 700;
  margin: 0 5px;
  color: #1b9cd8;
  background: #ffffff;
  border: 1px solid #1b9cd8 !important;
}

.filter-modal .modal-content {
  z-index: 99;
}

.filter-modal .fas.fa-times {
  cursor: pointer;
  color: #999999;
  font-size: 17px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 999;
}

/*November 8 2019*/

.h-parent-child-txt {
  cursor: pointer;
}

#po_no-container .advanced-select.choosen .x-clear {
  display: none;
}

#po_no-container .advanced-select .dropdown-menu input[type='checkbox'] + label:before,
#po_no-container .advanced-select .dropdown-menu input[type='checkbox']:checked + label:after {
  display: none;
}

.noPOpart input[type='checkbox'] {
  display: none;
}

.noPOpart label {
  margin-bottom: 0;
  position: relative;
  font-weight: 400;
  font-size: 14px;
  margin-right: 6px;
  width: 100%;
}

.noPOpart input[type='checkbox'] + label:before {
  background-color: transparent;
  height: 20px;
  width: 20px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  border: 1px solid rgb(159, 159, 159);
}

.noPOpart input[type='checkbox']:checked + label:before {
  background-color: #999999;
}

.noPOpart input[type='checkbox']:checked + label:after {
  top: 3px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0 !important;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  content: '';
  transform: rotate(45deg);
  display: block;
  position: absolute;
  left: 7px;
}

.noPOpart {
  margin-top: 13px;
}

#modalHavePO .modal-body p {
  font-weight: 500;
  color: #080808;
}

.btn-gray-border {
  border: 1px solid #999 !important;
  background: transparent;
  color: #999;
}

.create-good-receipt .form-group #date-received {
  width: 240px;
  float: left;
}

.create-good-receipt .form-group #time-received {
  width: 87px;
  float: left;
  margin-left: 15px;
}

.goods-items-history tr td input {
  width: 100%;
}

.goods-items-history thead td {
  font-weight: 600;
}

.nav-breadcrumb .sassy-btn {
  color: #fff;
  font-weight: 400;
}

/*November 11 2019*/

.account-row,
.account-row td {
  cursor: pointer !important;
}

.only-one-tab li a {
  width: 150px;
}

/*November 19 2019*/

.h-cart .cart-counter {
  color: #ffffff;
}

.subaccount-data-table .table.order-data1 > tbody > tr:first-child > td:nth-child(4),
.subaccount-data-table .table.order-data1 > tbody > tr:first-child > td:nth-child(5) {
  cursor: default;
}

.subaccount-data-table .table.order-data1 > tbody > tr:first-child > td:nth-child(4) .checkbox_sub.active label,
.subaccount-data-table .table.order-data1 > tbody > tr:first-child > td:nth-child(5) .checkbox_sub.active label {
  border: transparent;
}

.sassy-control[name='workflow_name'] {
  max-width: 334px;
}

/*November 20 2019*/

.chat-system-generated-msg {
  color: #8d8d8d !important;
}

/*November 26 2019*/

.form-control {
  border-radius: 0;
}

.canon-table tbody th {
  min-width: 140px;
}

/*December 3 2019*/

.canon-table select {
  border: none;
  background-image: url(../images/down_arrow.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  padding-left: 0;
}

.sassy-l > div > *,
.goods-receipt-list .lg-filter .sassy-datepicker,
.purchase-order-history .lg-filter .sassy-datepicker,
.sassy-filter .sassy-datepicker {
  margin-right: 15px;
}

/*December 10 2019*/

.page-delivery.page-sidebar .pc-processbar {
  background: transparent;
  padding-top: 10px;
  margin-top: 10px;
}

.page-sidebar input,
.page-sidebar .dsct-btn,
.page-sidebar .btn-add-pickup,
.page-sidebar .btn-save {
  border-radius: 0 !important;
}

.sol-container.sol-active .sol-inner-container,
.sol-inner-container {
  border-radius: 0px !important;
}

.page-sidebar span.pickup-remove > i {
  font-weight: 900;
}

.sub-account-list.page-sidebar .action-btns > .btn-action {
  border-radius: 0;
}

/*UN1308*/

.page-puchase-history .footer {
  display: block;
}

.page-order-history .footer {
  display: block;
}

/*December 13 2019*/

.check-icon {
  font-weight: 700;
  font-size: 13px;
  background: #1b9cd8;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 50%;
  line-height: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 5px;
  margin-top: -2px;
}

.check-icon img {
  width: 13px;
}

.verified {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 4px;
}

.verified span {
  color: #1b9cd8;
}

/*December 19 2019*/

.invoice-list .account-row select {
  padding-left: 0;
  text-align-last: center;
  width: 100%;
  margin-right: -25px;
}

/*December 26 2019*/

/*.page-seller.sub-account-list .subaccount-data-table,

.page-seller.auto-activity-page .subaccount-data-table {

	overflow: hidden;

}*/

/*sub-account modifications*/

.checkbox_sub {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 100%;
  vertical-align: middle;
  height: 15px;
}

.checkbox_sub label {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  background: #ededed;
  height: 100%;
  width: 100%;
}

.checkbox_sub.active label {
  background: none;
  border: 1px solid #ededed;
}

.checkbox_sub label i {
  margin: 0;
}

.checkbox_sub input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  white-space: nowrap;
}

.back-to-address {
  cursor: pointer;
}

.order-data1 .thumb-group img,
.cart-country .cart-items .thumb-group img,
.cart-variant .cart-items .thumb-group img {
  height: 54px;
  width: 54px;
  border: 1px solid #999;
  padding: 5px;
}

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

.cart-variant .table.cart-items tbody > tr > td:first-child {
  vertical-align: top;
  padding-top: 10px;
}

.cart-variant span.if-txt > span {
  font-size: 12px;
  color: #999;
}

.cart-variant span.if-txt {
  display: block;
}

.idcrt-order-btn .btn-group.compare-btn.btn-cart {
  width: 100%;
  margin-bottom: 0;
}

.go_onrate {
  cursor: pointer;
}

.page-seller .flex-terms .payment-note,
.page-seller .flex-terms .payment-text {
  width: 100%;
}

.my-btn {
  padding: 8px 20px;
}

.popup-area .title-area h1,
.mypopup-area .title-area h1 {
  text-align: center;
}

.green-btn {
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  padding: 5px 20px;
}

.page-seller ul.count-detial li:first-child:after,
.page-chat ul.count-detial li:first-child:after {
  content: '';
}

.page-seller .header.mod li.h-search {
  max-width: 100%;
  width: 100%;
}

span.icon-upload i {
  color: #b3b3b3;
  font-size: 30px;
  vertical-align: middle;
}

.notify_void {
  display: flex;
  width: 100%;
  background: #1f404d;
  color: #fff;
  font-size: 14px;
  justify-content: center;
  padding: 15px 0;
}

.page-interest,
.page-login,
.page-register,
.page-landing {
  background: #eee;
  background-position-x: 0%;
  background-position-y: 0%;
  background-position: center;
}

.d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bl_btn {
  color: #fff;
  background: #000;
  border-radius: 5px;
  line-height: normal;
  padding: 10px 25px;
  text-transform: uppercase;
}

.bl_btn:hover,
.bl_btn:focus {
  color: #fff;
}

.mb-30 {
  margin-bottom: 30px;
}

.middle .table tbody > tr > td {
  vertical-align: middle;
}

.max-w {
  width: 250px;
  max-width: 100%;
}

.b2b-variant .cb-content .table tbody tr td {
  max-width: 210px;
}

.item-new-listing .un-btn-upload a {
  color: #000;
}

.auto-activity-page .subaccount-data-table > table.table > thead > tr > th::after,
.tb-up .order-data1.item-area thead > tr > th::after,
.tb-left.order-data1 thead > tr > th:after {
  display: none;
}

.tb-up .order-data1.item-area thead > tr > th.text-left {
  text-align: left;
  padding-left: 8px;
}

.tb-up .item-actions ul {
  display: flex;
  justify-content: center;
}

.tb-up .sort-item-description,
.tb-up .order-data1.item-area tbody > tr > td {
  color: #212424;
  font-size: 14px;
}

.sort-item-image {
  display: flex;
  align-items: center;
}

.sort-item-image img {
  width: 45px;
  margin-right: 10px;
  height: 45px;
  object-fit: cover;
}

.orderlist-container .tb-up .order-data1 tbody > tr > td .item-price {
  white-space: nowrap;
}

.orderlist-container .tb-up .order-data1 tbody > tr > td .item-price.text-left,
.orderlist-container .tb-up .order-data1 tbody > tr > td.text-left {
  text-align: left;
}

.tb-left.order-data1 thead > tr > th,
.tb-left.order-data1 tbody > tr > td {
  text-align: left;
  color: #212424;
}

.mxw {
  max-width: 200px;
}

.order-data1 tbody > tr > td .mxw select {
  background-color: #fff;
  padding-left: 10px;
}

.seller-upload-page .un-seller-tab {
  display: flex;
  justify-content: space-between;
  border-top: 0;
  border-bottom: 0;
  align-items: center;
  position: fixed;
  width: 100%;
  z-index: 99;
  left: 0;
}

.seller-upload-page .sidebar {
  z-index: 9999;
}

.seller-upload-page:not(.sidebar-collapse) .un-item-uplod-tab > li {
  padding: 8px 20px;
}

.seller-upload-page .un-seller-tab {
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
}

.btn-feedback.lefted {
  color: #999;
}

.order-data1 thead > tr > th.text-left,
.order-data1 tbody > tr > td.text-left {
  text-align: left;
}

.un-ul-table .table thead {
  background: #f0f0f0;
}

.un-ul-table .table thead > tr > th {
  font-size: 14px;
  padding: 10px 20px;
  border-bottom: 0;
}

.status-btn.btn-modal-comparison-list {
  background: transparent;
  color: #507e98;
  padding-right: 0;
  padding-left: 0;
  text-align: left;
  font-weight: 700;
}

.mobile_top_toggler p a {
  color: #ffffff;
}

.h-user > ul > li a {
  text-align: left;
  text-transform: capitalize;
}

.h-user .seller-menu,
.be-seller a {
  color: #ffffff;
}

.h-user .seller-menu,
.be-seller a:hover {
  color: #ffffff !important;
}

.h-user .h-user-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.h-user .h-user-container i {
  margin-right: 8px;
}

.h-user .h-user-container .fa-angle-down {
  margin-left: 16px;
  margin-right: 0;
}

.h-user ul.h-dd-menu {
  right: -47px;
  padding-inline-start: 15px !important;
}

span.if-txt > span {
  font-size: 12px;
  color: #999;
}

.thumb-group.mr-15 {
  margin-right: 20px;
}

.osg select {
  border: none;
  background-image: url('../images/down_arrow.svg') !important;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-color: #f0f0f0;
  padding-right: 40px;
  padding-left: 10px;
  width: 100%;
}

.order-item-feedback-popup.popup-area .content-area p {
  text-align: left;
}

.select_shipping {
  width: 400px;
  max-width: 100%;
  position: relative;
}

.select_shipping select {
  background: transparent;
  position: relative;
  z-index: 11;
  height: 40px;
  line-height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 30px;
  width: 100%;
}

.select_shipping i {
  position: absolute;
  right: 15px;
  top: 0;
  line-height: 40px;
}

.h-cart .h-dd-menu.add-cart.fadeout {
  display: block !important;
}

table thead {
  background: #f0f0f0;
}

.orderlist-container .order-data1 tbody > tr > td .item-price {
  text-align: left;
  width: auto;
}

.orderlist-container .item-list-country tbody > tr > td .item-price {
  text-align: left;
}

.review-tab .flex-wrap,
.order-data1 .flex-wrap,
.cart-items .flex-wrap,
.order-data .flex-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.order-data thead > tr > th:first-child,
.order-data1 thead > tr > th:first-child {
  text-align: left !important;
}

.title-sc-u small {
  color: #999999;
  font-size: 14px;
  padding-left: 10px;
  font-weight: 500;
}

/*March 11 2020*/

.po-warning span {
  color: #db3348;
  display: block;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 500;
}

.po-warning .po-exist,
.po-warning .po-not-belong {
  /* display: none; */
}

.is-disabled {
  pointer-events: none;
  cursor: default;
}

.contract-item {
  padding: 0px 3px;
  border-radius: 4px;
  font-weight: 400;
  color: #212124;
  position: relative;
  max-width: 100%;
  padding-right: 17px;
}

.contract-remove {
  position: absolute;
  right: 0px;
  top: 50%;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-top: -8px;
  margin-right: -3px;
  color: #51a1d9;
  font-weight: 400;
}

.uploaded-contracts {
  position: absolute;
  top: 0;
  background: #ffffff;
}

.contract-item .fas.fa-download {
  color: #b3b3b3;
  font-size: 30px;
  vertical-align: middle;
}

/*March 12 2020*/

.goods-receipt-list .subaccount-data-table {
  overflow-y: auto !important;
}

.black-color {
  color: #000 !important;
}

.quotation-item-detail {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
}

.quotation-item-detail > div {
  padding-bottom: 3px;
}

.error-msg-txt {
  color: #db3348;
  padding-top: 10px;
  font-size: 16px;
  line-height: 25px;
}

.error-back {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

/*March 23 2020*/

.error-msg-txt {
  color: #db3348;
  padding-top: 10px;
  font-size: 16px;
  line-height: 25px;
}

.error-back {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

/*April 3 2020*/

.has-child-sub ul.sub-cat li:after,
.has-child-sub ul.sub-cat li.has-child-sub ul li:after {
  content: '';
  position: absolute;
  background: #888787;
  top: 9px;
  width: 20px;
  height: 1.5px;
  left: -18px;
  display: block;
}

.canon-table.purchase-address-sec tbody td {
  padding: 0px;
}

/*April 13 2020*/

/*.page-item-list .oreder-data-table .table {
	min-width: 1200px;
}*/

.box-order-items .thumb-group img {
  max-width: 64px;
}

.page-department .advanced-select .trigger {
  color: rgba(0, 0, 0, 0.5);
}

/*April 28 2020*/

.po-activity-section {
  padding: 0px 25px;
}

.po-activity-section .sassy-title {
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0 20px 0px;
}

.po-activity-section .tab-content > .osc-container {
  margin: 15px 0 0;
}

.po-activity-section .ph-t-table {
  margin: 10px 0 0;
}

.po-activity-section .box-activity-tabs {
  margin-bottom: 20px;
}

.flex-pull-right {
  position: absolute;
  right: 0;
}

.po-activity-section .box-activity-log .sassy-box-content {
  padding: 15px 0;
}

/*May 12 2020*/

.table-responsive {
  min-height: 0.01%;
  overflow-x: auto !important;
}

/*May 15 2020*/

.canon-table .highlight-text {
  max-width: 180px;
  display: block;
}

.multidata-table {
  border: 1px solid #d2d2d2;
}

.multidata-table p {
  margin: 0;
  color: #212124;
}

.multidata-table b {
  color: #212124;
}

.multi .pccl-payment-method {
  margin-top: 0;
}

.highlight-text.poh:hover {
  color: #1e3f4c;
}

/*June 25 2020*/

.popup-area.approver-warning-popup {
  width: 480px;
}

.popup-area.approver-warning-popup .cancel_remove {
  border: none;
  margin: 0 auto;
  width: 100px;
  background: #222;
}

.popup-area.approver-warning-popup .btn-area {
  display: flex;
  margin-top: 15px;
}

/*July 25 2020*/

.dataTables_length {
  margin-top: 5px;
  margin-left: 20px;
}

#purchase_order_tbl_wrapper div.dt-button-collection {
  right: 0px !important;
  left: auto !important;
}

#purchase_order_tbl_wrapper .dt-buttons {
  float: right !important;
  z-index: 999;
}

#purchase_order_tbl_wrapper {
  margin-top: -45px;
}

.purchase-order-history .sassy-filter {
  position: relative;
  z-index: 99;
}

/*July 28 2020*/

.create-good-receipt .form-group #custom-time-received {
  width: 125px;
  float: left;
  margin-left: 15px;
}

.requisition-options.approvers {
  margin-top: -15px;
}

#purchase_order_tbl td a {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  font-weight: bold;
}

#purchase_order_tbl td a:hover {
  color: #337ab7;
}

#purchase_order_tbl tr > th:first-child {
  width: 85px !important;
}

/*August 8 2020*/

.goods-items-history .table.tbl-border tbody tr > td[data-th='Item Name'] {
  white-space: inherit;
}

/*September 11, 2020*/

.order-data tbody > tr > td td {
  display: block;
}

.page-purchase-order-details .order-data tbody > tr > td td {
  display: table-cell;
}

/*September 15, 2020*/

html {
  --lh: 1.4rem;
  line-height: var(--lh);
}

.product-name {
  word-break: break-all;
}

.truncate-overflow {
  --max-lines: 3;
  position: relative;
  max-height: calc(var(--lh) * var(--max-lines));
  overflow: hidden;
  padding-right: 1rem;
  /* space for ellipsis */
  display: block;
  height: 35px;
}

.truncate-overflow::before {
  position: absolute;
  content: '...';
  inset-block-end: 0;
  /* "bottom" */
  inset-inline-end: 0;
  /* "right" */
  right: 0px;
  bottom: 1px;
  background: #ffffff;
}

.truncate-overflow::after {
  content: '';
  position: absolute;
  inset-inline-end: 0;
  /* "right" */
  width: 1rem;
  height: 1rem;
  background: white;
}

/* 30 sep 2020 */

/* taginput always on last */

.add-options-table .options-body .bootstrap-tagsinput {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.add-options-table .options-body .bootstrap-tagsinput > input {
  order: 1;
}

.cart-edit-item .item-field > span.item-service > span {
  width: 100%;
  min-width: 100%;
  display: block;
}

#cartItemEdit .cart-edit-item .item-field > span.item-service {
  flex-direction: column;
}

.ui-timepicker-wrapper {
  z-index: 999999;
}

/******po-details******/

.flex-wrap.h-img-box {
  flex-direction: column;
}

.box-order-items .h-img-box .thumb-group img {
  max-width: 100%;
  height: 150px;
  width: 100%;
  object-fit: contain;
}

.h-img-box > div {
  margin: auto;
  text-align: left;
  width: 100%;
}

.h-img-box > div img {
  margin: auto;
  max-width: 100%;
  width: 100px;
  height: 100px;
}

.po-content {
  height: 255px;
}

.po-content .span.if-txt > span {
  font-size: 14px;
}

.po-content span.title {
  font-size: 16px;
  margin: 10px auto;
  display: block;
}

.item-address {
  text-align: left;
}

.item-opening-hours p {
  display: flex;
  margin: 5px auto;
  color: #999;
}

.item-opening-hours p > span:first-child {
  width: 90px;
  display: block;
}

.item-opening-hours h5 {
  margin: 10px auto;
  color: #999;
  font-weight: 400;
}

.po-content span.if-txt {
  display: flex;
}

.po-content span.if-txt > span:first-child {
  min-width: 85px;
}

/******po-details******/

/******item-upload******/

.flex-wrap.h-img-box {
  flex-direction: column;
}

.box-order-items .h-img-box .thumb-group img {
  max-width: 100%;
  height: 150px;
  width: 100%;
  object-fit: cover;
}

.h-img-box > div {
  margin: auto;
  text-align: left;
  width: 100%;
}

.po-content .span.if-txt > span {
  font-size: 14px;
}

.po-content span.title {
  font-size: 16px;
  margin: 10px auto;
  display: block;
}

.item-address {
  text-align: left;
}

.item-opening-hours p {
  display: flex;
  margin: 5px auto;
  color: #999;
}

.item-opening-hours p > span:first-child {
  width: 90px;
  display: block;
}

.item-opening-hours h5 {
  margin: 10px auto;
  color: #999;
  font-weight: 400;
}

.po-content span.if-txt {
  display: flex;
}

.po-content span.if-txt > span:first-child {
  min-width: 85px;
}

/******po-details******/

.btn-item-upload {
  border: 2px solid #999;
  padding: 6px 20px;
}

.btn-item-upload a {
  color: #757575;
  font-weight: 600;
}

.addon-checkbox-sec {
  float: left;
  margin-right: 25px;
  width: 200px;
}

.addon-checkbox-sec {
  margin-top: 3px;
  margin-bottom: 3px;
}

.addon-checkbox-sec label {
  display: inline-block;
  border: 1px solid #b3b3b3;
  min-height: 40px;
  width: 100%;
  color: gray;
  text-align: left;
  background: #ffffff;
  font-weight: 300;
  cursor: pointer;
}

.addon-checkbox-sec input[type='checkbox'],
.addon-checkbox-sec input[type='radio'] {
  display: none;
}

span.addonbtngray-checkbox-text {
  padding: 0 10px;
  line-height: 40px;
}

.addon-checkbox-sec label span.addongrn-checkbox-text {
  line-height: 37px;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec {
  margin-top: 3px;
  margin-bottom: 3px;
  width: 150px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec .addon-checkbox-text {
  float: none;
}

.itmupld-srvcs-duration-ind .addon-checkbox-sec input[type='radio']:checked + label,
.itmupld-srvcs-duration-ind .addon-checkbox-sec input[type='checkbox']:checked + label {
  background-color: #4d4d4d;
  color: #fff;
  border-color: #4d4d4d;
}

.addon-checkbox-text {
  line-height: 40px;
  float: left;
  font-size: 14px;
  padding-left: 10px;
  max-width: 100%;
  padding-right: 10px;
}

.itmupld-srvcs-specify {
  width: 150px;
  float: left;
  margin-right: 15px;
}

.set-time-slash {
  float: left;
  padding-right: 5px;
  margin-top: 10px;
}

.itmupld-srvcs-priceunit {
  float: left;
  margin-top: 10px;
}

.spinner input {
  text-align: right;
}

.spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}

.spinner .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 9.5px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

.spinner .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}

.spinner .input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}

.spinner .input-group-btn-vertical i {
  position: absolute;
  top: 2px;
  left: 5px;
}

.itmupld-srvcs-specify {
  width: 150px;
  float: left;
  margin-right: 15px;
}

.itmupld-srvcs-specify input[type='text'],
.itmupld-srvcs-specify select {
  border: 1px solid #c8c8c8;
  width: 100%;
  border-radius: 3px;
  padding: 9px 10px;
}

/* End devlivery tab */

.addon-per {
  position: relative;
}

.addon-per > span {
  position: absolute;
  right: 25px;
  top: 34px;
}

.itmupld-adtnservcs-addonsec ul li {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #fff;
}

.addonsec-drag-isec {
  display: table-cell;
  width: 80px;
  vertical-align: middle;
}

.itmupld-adtnservcs-addonsec .row-wrapper {
  display: table;
  width: 100%;
  color: #808080;
  background-color: #fff;
  cursor: pointer;
}

.itmupld-adtnservcs-addonsec .name-area {
  display: table-cell;
  vertical-align: middle;
}

.addonsecdrag-price-area {
  width: 100px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.addonsecdrag-btnarea {
  display: table-cell;
  width: 80px;
  text-align: right;
  vertical-align: middle;
}

.icon.icon-draggble {
  background-image: url(../images/drag_rank.svg) !important;
  margin-right: 0px;
  width: 40px;
  height: 40px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center center;
}

.adtservs-addon-addbtn,
.adtservs-addon-addbtn:hover,
.adtservs-addon-addbtn:focus {
  width: 100%;
  background: #4d4d4d;
  color: #fff;
  text-align: center;
  margin: 15px auto;
  height: 40px;
  float: left;
  line-height: 40px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 5px;
  border: none;
  margin-top: 24px;
}

.itmupld-adtnservcs-addonedit input[type='text'] {
  width: 100%;
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 12px;
  height: 40px;
  line-height: 32px;
}

.itmupld-adtdtls-tmpicker {
  background-image: url(../images/icon-time-watch.jpg);
  background-repeat: no-repeat;
  background-position: 215px center;
  padding-right: 32px;
}

.itmupld-adtdtls-dtpicker {
  background-image: url(../images/grey_schedule.svg);
  background-repeat: no-repeat;
  background-position: 215px center;
  padding-right: 215px;
  background-size: 22px;
}

.cmn-icon-circlewrong {
  background-image: url(../images/delete_button-white.svg);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 29px;
  width: 29px;
}

.itm-dtls-calendararea .fc-daygrid-event-dot {
  display: none;
}

.itm-dtls-calendararea .fc-direction-ltr .fc-daygrid-event .fc-event-time {
  display: none;
}

.itm-dtls-calendararea .fc .fc-daygrid-day.fc-day-today {
  background-color: rgb(77, 77, 77);
}

.itm-dtls-calendararea .fc .fc-day-today .fc-daygrid-day-number {
  color: #fff;
}

.itm-dtls-calendararea .fc .fc-daygrid-more-link {
  display: block;
  text-align: center;
  color: #fff;
}

.itm-dtls-calendararea .fc .fc-daygrid-day-number {
  margin-right: auto;
}

.itm-dtls-calendararea .fc-toolbar {
  border-color: #ddd;
  border-image: none;
  border-radius: 5px 5px 0 0;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  margin-bottom: 0 !important;
  padding: 20px 20px 20px;
  display: block;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) {
  margin-bottom: 15px;
  display: flex;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group {
  width: 100%;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button {
  border-radius: 40px;
  padding: 3px;
  border: 2px solid #e6e6e6;
  background: transparent;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button .fc-icon,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button .fc-icon {
  color: #b3b3b3;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-prev-button {
  margin-right: auto;
  flex: initial;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(1) .fc-button-group .fc-next-button {
  margin-left: auto;
  flex: initial;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
  width: 100%;
  float: none;
  margin-top: -36px;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(2) h2 {
  float: none;
  margin-bottom: 15px;
  text-align: center;
  font-size: 18px;
  color: #4a4a4a;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
  display: flex;
  justify-content: center;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-primary {
  background-color: #fff;
  box-shadow: none;
  text-shadow: none;
  background-image: none;
  color: #b3b3b3;
  border-color: #e6e6e6;
}

.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-active,
.itm-dtls-calendararea .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-active:focus {
  box-shadow: none;
  background-color: #666;
  border-color: #666;
  text-shadow: none;
  color: #fff;
  outline: none;
}

.itmuplodpg-schedule-sec {
  padding-bottom: 40px;
}

.itmuplodpg-schedule-sec h5 {
  color: #999;
  font-size: 14px;
  font-weight: 700;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.itmuplodpg-schperiod-lstsec {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
}

.itmuplodpg-schperiod-title {
  color: #b3b3b3;
  padding: 20px;
  border-bottom: 1px solid #c8c8c8;
}

.itmuplodpg-schperiod-list table {
  width: 100%;
}

.itmuplodpg-schperiod-list {
  padding: 20px;
}

.itmuplodpg-schperiod-list table th {
  color: #b3b3b3;
  font-weight: normal;
  background-color: #fff;
}

.itmuplodpg-schperiod-list table tbody tr td {
  color: #4d4d4d;
  padding-top: 15px;
  padding-bottom: 15px;
}

.itmuplodpg-schperiod-list table tbody tr {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e6e6e6;
}

.itmuplodpg-schperiod-list table tbody tr:last-child {
  border: none;
}

.itmuplodpg-schperiod-edit-row {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}

.itmuplodpg-schperiod-edit-cell1 {
  display: table-cell;
  width: 100px;
  color: #898989;
  font-weight: bold;
}

.itmuplodpg-schperiod-edit-cell2 {
  display: table-cell;
  width: 160px;
  position: relative;
}

.itmuplodpg-schperiod-edit-cell3 {
  width: 25px;
  display: table-cell;
}

.itmuplodpg-schperiod-edit-row input[type='text'] {
  width: 165px;
  background-image: url('../images/grey_schedule.svg');
  background-repeat: no-repeat;
  background-position: 135px center;
  border: 1px solid #ddd;
  padding: 5px;
  padding-right: 33px;
  background-size: 22px;
  outline: none;
}

.cal-edit-line {
  display: inline-block;
  width: 80px;
  text-align: center;
  color: #b3b3b3;
  font-size: 22px;
}

.itmuplodpg-schperiod-edit-row input[type='text'].imgtimepicker {
  width: 165px;
  background-image: url('../images/icon-time-watch.jpg');
  background-repeat: no-repeat;
  background-position: 135px center;
  border: 1px solid #ddd;
  padding: 5px;
  padding-right: 33px;
}

.itmuplodpg-schperiod-edit-btnsec {
  text-align: center;
  margin-top: 25px;
}

.itmuplodpg-schperiod-edit-btnsec a {
  display: inline-block;
  background-color: #4d4d4d;
  color: #f0f0f0;
  padding: 10px 17px;
  text-align: center;
  border-radius: 2px;
}

.itmuplodpg-schperiod-entersec {
  background-color: #e4f0ec;
  padding: 40px 20px;
}

.itmuplodpg-schperiod-area .dropdown-menu,
dashboard-container .dropdown-menu {
  display: block !important;
}

.itmuplodpg-schperiod-entersec .itmuplodpg-schperiod-edit-cell4 {
  position: relative;
}

.flex-itmuplodpg {
  display: flex;
  justify-content: space-between;
}

.itmuplodpg-clndr-area {
  width: 55%;
}

.itmuplodpg-schperiod-area {
  width: 40%;
}

.itmuplodpg-oprthrs-ind {
  display: table;
  margin-bottom: 18px;
}

.itmuplodpg-oprthrs-col1 {
  display: table-cell;
  width: 150px;
}

.itmuplodpg-oprthrs-col2 {
  display: table-cell;
  width: 110px;
}

.itmuplodpg-oprthrs-col3 {
  display: table-cell;
  text-align: center;
  width: 50px;
}

.itmuplodpg-oprthrs-col4 {
  display: table-cell;
  width: 110px;
}

.itmuplodpg-oprthrs-ind input[type='text'] {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  text-align: center;
  width: 100%;
}

.itmuplodpg-oprthrs-ind .fancy-checkbox label {
  color: #b3b3b3;
}

.itmuplodpg-oprthrs-ind input[disabled] {
  background: #f2f2f2 !important;
}

.itmuplodpg-oprt-hrssec {
  margin-bottom: 50px;
}

.itmuplodpg-oprt-hrssec h5 {
  margin-bottom: 0px;
}

.itmuplodpg-oprt-list {
  margin-top: 25px;
}

.item-upload .fancy-checkbox input[type='checkbox'] + label {
  background-image: url(../images/icon_cmn_chk_back.jpg);
}

.item-upload .fancy-checkbox input[type='checkbox']:checked + label {
  background-image: url(../images/icon_cmn_chked_back.jpg);
  color: #4d4d4d;
}

.item-upload .fancy-checkbox > label {
  padding-left: 32px;
  background-size: 22px;
  padding-top: 5px;
  width: 150px !important;
  display: inline-block !important;
}

/******item-upload******/

/* seller-create-quotation-spacetime */

.description-row {
  font-size: 12px;
  color: #808080;
}

.quotation-detail .quotation-table.sp-table .col-desc {
  width: 210px;
}

.quotation-detail .quotation-table.sp-table .col-type,
.quotation-detail .quotation-table.sp-table .col-ppu {
  max-width: 80px;
  width: auto;
}

.quotation-detail .quotation-table.sp-table .col-qty {
  width: 80px;
  max-width: 100%;
}

.edit-booking {
  color: #3d7c99;
  font-weight: 600;
}

.quotation-detail .quotation-table.sp-table thead tr > td,
.quotation-detail .quotation-table.sp-table thead tr > th {
  padding: 15px 8px;
}

.edit-booking-modal .modal-dialog {
  width: 358px;
}

.modal-header.light-modal-header {
  background-color: #f1f1f1;
  padding: 15px 11px 11px 25px;
}

.modal-header.light-modal-header .modal-title {
  color: #212124;
  font-size: 16px;
}

.modal-header.light-modal-header .close {
  margin-top: 13px;
  font-size: 24px;
}

.modal-form-group .control-label {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 0;
}

.edit-booking-modal .modal-body {
  padding: 15px 25px;
}

.modal-form-group {
  margin-bottom: 15px;
}

.modal-form-group .row > div:first-child {
  padding-right: 0;
}

.modal-form-group .row > div:last-child {
  padding-left: 0;
}

.edit-booking-modal .modal-footer button {
  border-radius: 0;
  text-align: center;
  font-weight: 500;
  min-width: 130px;
  height: 40px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  color: #fff;
}

.edit-booking-modal .modal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.edit-booking-modal .modal-footer button:focus,
.edit-booking-modal .modal-footer button:active:focus {
  outline: 1px solid #000;
}

.edit-booking-modal .modal-footer > div {
  padding: 0;
  text-align: inherit;
  margin: inherit;
  display: flex;
  padding: 0;
  width: 50%;
}

.edit-booking-modal .modal-footer > div:last-child {
  justify-content: flex-end;
}

.header-bottom .h-spacetime-search-bar {
  overflow: inherit;
}

.header .h-spacetime-search-bar {
  overflow: inherit;
}

/* seller-create-quotation-spacetime */

.btn-cancel-order {
  background-color: transparent;
  border: 2px solid #ddd;
  border-radius: 0px;
  color: #666;
  line-height: normal;
  outline: none !important;
  padding: 8px 25px;
  font-size: 12px;
}

.order-data .itm-dtls-calendararea tbody > tr > td td {
  /* display: revert; */
}

.order-data .itm-dtls-calendararea thead > tr > th:last-child,
.order-data .itm-dtls-calendararea tbody > tr > td:last-child {
  padding-left: 0px;
  padding-right: 0px;
}

/*single daterangepicker*/

.custom-daterangepicker-append {
  right: 10px;
  top: 10px;
  height: 35px;
  width: 35px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  position: absolute;
  z-index: 1;
}

.custom-daterangepicker-append.custom-top-45 {
  top: 45px;
}

.custom-daterangepicker-append span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
}

.block-alldates {
  padding: 10px 0px;
  display: flex;
  align-items: center;
}

.block-alldates .block-check {
  margin-right: 10px;
  margin-top: -4px;
}

.calendar-table {
  position: relative;
}

.calendar-table.ol_disabled::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(80, 80, 80, 0.8);
  z-index: 99999;
  cursor: not-allowed;
  display: block;
  content: '';
  margin-left: -4px;
}

/*single daterangepicker*/

/*December 7 2020 */

/*Full Calendar*/

.event-dis-bg-color a.fc-daygrid-event,
.fc-timegrid-col .event-dis-bg-color,
.fc-unthemed .fc-today.event-dis-bg-color {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
}

.event-unavailable-bg-color {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
}

.fc-v-event.event-unavailable {
  border: 1px solid #4d4d4d;
  background-color: #4d4d4d;
}

.event-unavailable-bg-color .fc-daygrid-day-number {
  color: #ffffff;
}

.fc-daygrid-dot-event .fc-event-title {
  color: #ffffff;
}

.un-inputs .item-form-group input.pickerdaterange {
  max-width: 95%;
}

/*Full Calendar*/

/*Hide Map Fullscreen*/

.map-iframe .gm-fullscreen-control {
  display: none;
}

.group-search .input-group.sassy-search {
  width: 140px;
  display: flex;
  align-items: center;
}

.input-group.sassy-search .input-group-append {
  position: absolute;
  right: 0px;
  z-index: 9;
}

.input-group.sassy-search .btn {
  background-color: transparent;
  outline: none;
  box-shadow: none;
}

.chkbx-rmbg.fancy-checkbox input[type='checkbox'] + label {
  background-image: none;
}

.btn-green.disabled {
  background: #999;
  border: 2px solid #999;
}

.btn-cancel-order {
  background-color: transparent;
  border: 2px solid #ddd;
  border-radius: 0px;
  color: #666;
  line-height: normal;
  outline: none !important;
  padding: 8px 25px;
  font-size: 12px;
}

.mt-15 {
  margin-top: 15px;
  display: inline-block;
}

.ui-widget.ui-widget-content {
  z-index: 99999;
}

/*for Card ARC9742*/

.fc-h-event {
  background: transparent;
  border: 0;
}

.btn-loader {
  position: relative;
}

.btn-loader.btn-loading:after {
  display: flex;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  content: '\f1ce';
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  z-index: 99;
  align-items: center;
  justify-content: center;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  color: #fff;
}

.btn-loader.btn-loading::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
  z-index: 9;
  display: block;
  content: '';
}

.btn-loader-cancel {
  position: relative;
}

.btn-loader-cancel.btn-loading:after {
  display: flex;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 20px;
  height: 20px;
  content: '\f1ce';
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  z-index: 99;
  align-items: center;
  justify-content: center;
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  color: #fff;
}

.btn-loader-cancel.btn-loading::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: gray;
  z-index: 9;
  display: block;
  content: '';
}

.daterangepicker .drp-buttons .btn {
  width: 28px;
  color: transparent;
}

.drp-buttons .cancelBtn:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'FontAwesome';
  content: '\f00d';
  color: #000;
}

.drp-buttons .applyBtn:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'FontAwesome';
  content: '\f00c';
  color: #fff;
}

/*January 13 2021*/

.cmparpg-list-original-price {
  height: 91px;
  position: absolute;
  right: -1px;
  bottom: 0;
}

/*January 19 2021*/

.date-selector .idcrtl-right.full-width {
  display: inline-flex;
  align-items: center;
}

.idcrtl-right.full-width #hourly-date,
.idcrtl-right.full-width #hourly-time-start,
.idcrtl-right.full-width input[name='noHour'] {
  width: 45%;
}

.date-selector .idcrtl-right.full-width span {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin: 0 10px;
}

.date-selector .idcrtl-right.full-width span:last-child {
  margin: 0;
}

.date-selector-modal {
  display: inline-flex;
  align-items: center;
  padding-left: 15px !important;
}

.date-selector-modal input {
  width: 45%;
}

.date-selector-modal span {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin: 0 10px;
}

.date-selector-modal span:last-child {
  margin: 0;
}

/*January 20 2021*/

.event-bg-color a.event-act,
.event-bg-color a.event-dis {
  color: #ffffff;
  /* text-align: center; */
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
}

.event-booked {
  background-color: #3788d8 !important;
  border: 1px solid #3788d8 !important;
  color: #ffffff !important;
}

.event-duo-unavailable {
  color: #ffffff !important;
  /* text-align: center !important; */
  background-color: #4d4d4d !important;
  border: 1px solid #4d4d4d !important;
}

.event-duo-unavailable .fc-event-main {
  color: #ffffff !important;
}

.fc-daygrid-event-harness-abs a {
  padding-left: 5px;
}

.event-book-full {
  background-color: #3788d8 !important;
}

.event-book-full .fc-daygrid-event {
  padding-left: 5px;
}

.event-book-full .fc-event-title {
  color: rgb(0, 200, 178) !important;
}

.event-book-full .fc-daygrid-day-number {
  color: #ffffff;
}

.event-booked-extended {
  background-color: #3788d8 !important;
  border: 1px solid #3788d8 !important;
  color: #ffffff !important;
}

.icon.icon-soldout {
  background-image: url('../images/soldout.svg');
}

.fancy-checkbox label[disabled] {
  background-image: url('../images/soldout.svg');
  background-size: cover;
  cursor: unset;
}

/*January 22 2021*/

.search-container.open-sidebar:after {
  display: none;
}

/*January 26 2021*/
.lightgray {
  background-color: #ddd !important;
}

/*Feb 2 2021*/

.page-search #root .footer {
  margin-bottom: -71px;
}

/*----23-Mar-2021---*/
/*User Group create*/
.user-group-create-body .form-element label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  display: block;
}

.user-group-create-body .form-element input {
  width: 364px;
  height: 37px;
  border: 1px solid #c7c7c7;
  text-align: left;
  padding: 5px 15px;
}

.user-group-create-body .form-element .groupbox {
  width: 364px;
  height: 203px;
  border: 1px solid #c7c7c7;
  padding: 5px 15px;
  overflow-y: scroll;
}

.user-group-create-body .form-element .groupbox div {
  position: relative;
  margin-bottom: 6px;
}

.user-group-create-body .form-element .groupbox div span {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #000000;
  padding: 0;
  margin: 0;
}

.user-group-create-body .form-element .groupbox div .delete_item {
  position: absolute;
  right: 0;
}

.user-group-create-body .form-element .groupbox div .icon.icon-delete {
  height: 25px;
  width: 25px;
  background-size: contain;
}

.user-group-create-body .form-element .advanced-select {
  width: 364px;
}

.user-group-create-body .form-element .advanced-select .trigger {
  width: 364px;
  height: 37px;
  border: 1px solid #c7c7c7;
  text-align: left;
  padding: 5px 15px;
}

.user-group-create-body .advanced-select.choosen .x-clear {
  top: 4px;
}

/*User Group create*/

.permission-table {
  padding: 0px;
}

.permission-table table tbody td,
.permission-table table thead th {
  padding: 10px;
}

.permission-table table td:first-child,
.permission-table table th:first-child {
  padding-left: 50px;
}

.permission-table .fancy-checkbox {
  margin-bottom: 0;
}

.btn-permissions .btn-cancel {
  min-width: 131px;
  color: #999999;
  line-height: normal;
  border: 2px solid #999999;
  padding-top: 10px;
  border-radius: 0px;
  box-shadow: none;
  padding-bottom: 10px;
  margin-right: 10px;
}

.btn-permissions .permissions-save {
  min-width: 131px;
  color: #fff;
  box-shadow: none;
  border: 2px solid #4d7b96;
  border-radius: 0px;
  background: #4d7b96;
  line-height: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}

/*----23-Mar-2021---*/
/*Selelr Subscription page*/
.icon.card-number {
  background-image: url('../images/credit-card.svg');
  background-size: contain;
  margin: auto;
}

.subscription-step1 .seller-setting-p,
.subscription-step2 .seller-setting-p {
  margin-top: 20px;
  margin-bottom: 0px;
}

.subscription-title-box {
  margin-bottom: 40px;
}

.method-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.subscription-package-box {
  border: 1px solid #c7c7c7;
  padding: 10px 15px;
}

.subscription-list-head {
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #c7c7c7;
  padding: 5px 0px;
}

.subscription-list-body {
  color: #999;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #c7c7c7;
  border-top: none;
  padding: 5px 0px;
  margin-bottom: 30px;
}

.subscription-step2 {
  max-width: 800px;
  margin: auto;
}

.package-price {
  margin-top: 7px;
  margin-bottom: 7px;
  text-align: right;
}

.subscription-package-title {
  color: #4a4a4a;
  font-size: 14px;
  font-weight: 700;
}

#paynowPackage,
#paynowPackage :hover,
#paynowPackage:active {
  margin-bottom: 20px;
  margin-top: 20px;
  background: #000;
}

.seller-items.page-settings a.my-btn {
  margin: 15px auto;
}

.seller-setting-p {
  margin-bottom: 15px;
}

.cmn-clr-theme a {
  color: #ff5a60;
}

.page-seller.seller-items .seller-settings-menu-container {
  margin-bottom: 0px;
}

.grey-colot-txt {
  font-size: 14px;
  color: #999999;
  margin-top: 7px;
  margin-bottom: 7px;
}

.method-form {
  display: flex;
}

.subscription-sec .item-form-group input {
  color: #9c9b9b;
  padding: 0px 10px;
  outline: none;
  height: 41px;
  border: none;
}

.atag-color {
  margin-top: 10px;
  text-align: right;
  color: #ff5a60;
}

.atag-color a {
  color: #ff5a60;
}

.method-form input.card-number {
  width: 70%;
}

.method-form input.mm-yy {
  width: 15%;
}

.method-form input.cvc {
  width: 15%;
}

.subscription-package-box .item-form-group input {
  width: 100%;
  height: 41px;
  border: 1px solid #c8c8c8;
  color: #9c9b9b;
  padding: 0px 10px;
  outline: none;
}

/*End Seller Subscription page*/

.browse-control {
  position: relative;
}

.browse-control .browse-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100px;
  color: #fff;
  padding: 9px 10px;
  height: 100%;
  text-align: center;
  background-color: #494949;
  cursor: pointer;
}

.browse-control input[type='file'] {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.banner-preview img {
  width: 200px;
  max-width: 100%;
  margin-top: 10px;
}

.item-question-answer-section {
  margin-bottom: 80px;
  margin-top: 30px;
}

.question-answer-title {
  font-size: 23px;
  color: #000000;
  margin: auto;
  margin-bottom: 20px;
}

.question-answer-box {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.question-answer-box img {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  margin-right: 20px;
}

.question-answer-desc h5 {
  margin: 0px;
  margin-bottom: 5px;
}

.question-answer-desc p {
  font-size: 12px;
  color: #999999;
  margin: 0px;
}

.question-answer-desc p span {
  margin-right: 10px;
}

.question-area {
  margin-top: 40px;
}

.qa-icon {
  padding: 10px 14px;
  background-color: #499ad3;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  margin-right: 20px;
}

.qa-icon.quee {
  background-color: #499ad3;
}

.qa-icon.anss {
  background-color: #999;
}

.dropdown-menu > li.address-item > a {
  display: flex;
  align-items: center;
}

.dropdown-menu > li.address-item .fancy-checkbox {
  width: auto;
  margin-bottom: 0;
  margin-right: 10px;
}

.page-delivery.page-create-requisition .address-select .dropdown-menu {
  transition: 1s ease all;
}

.store-location-box {
  border: 1px solid #c8c8c8;
  padding: 15px;
  text-align: left;
  float: right;
  min-width: 300px;
}

.store-location-box span {
  font-size: 14px;
  color: #999999;
  margin-left: 5px;
}

.new-line-comment.open .form-group {
  display: block;
}

.new-line-comment.open #added-comments {
  display: none;
}

.new-line-comment .form-group {
  display: none;
}

.new-line-comment #added-comments {
  display: block;
}

.page-rfq-detail .tech-note {
  color: #8d8d8d;
}

.page-rfq-detail:not(.sidebar-collapse) .flex.btn-area .sassy-btn {
  min-width: auto;
  max-width: 130px;
  height: auto;
  width: 100%;
}

.merchant-right-img {
  margin-bottom: 15px;
}

.input-upload .btn-upload {
  padding: 10px 12px;
  font-weight: 600;
  color: #fff;
  background-color: #000;
  width: 150px;
}

.input-upload img {
  height: 150px;
  margin-bottom: 20px;
  border: 2px solid #ddd;
  width: 150px;
  object-fit: contain;
  margin-top: 20px;
}

.input-flex {
  display: flex;
  align-items: center;
}

.set-content .input-flex input.input-text {
  margin-right: 5px;
}

.custom-datepicker .datepicker-txt {
  width: 85% !important;
  float: left;
  margin-right: -3px;
}

.custom-datepicker .input-group-addon {
  height: 40px;
  position: relative;
}

.date-time-flex {
  display: flex;
}

/*May 20 2021*/
.d-flex-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
}

.add-admn-prmsn-prgf {
  margin-bottom: 15px;
  font-weight: 700;
}

/*7-Jun 2021*/
.subaccount-data-table .table.group-member-table > thead > tr > th,
.subaccount-data-table .table.group-member-table > tbody > tr > td {
  padding-left: 25px;
}

.user-group-create-body .form-element {
  display: block;
}

/*Tooltip Disabled Styles*/
.disabled {
  background-color: #e5e5e5 !important;
  opacity: 1 !important;
  pointer-events: none;
}

.icon-grey {
  opacity: 0.2;
}

.permission-message {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  padding: 30px 0px;
}

.idclmc-contact .tool-tip {
  margin-left: 15px;
  vertical-align: middle;
}

.idclmc-contact .tool-tip:first-child {
  margin-left: 0px;
}

.invoice-form .r-side .tooltip-inner {
  max-width: 200px;
  width: 100%;
  text-align: center;
}

.empty-page-sec {
  width: 100%;
  padding: 80px 20px;
  text-align: center;
}

.empty-page-title {
  font-size: 18px;
  font-weight: 700;
  color: #42474f;
  padding-top: 20px;
}

.empty-page-message {
  font-size: 14px;
  font-weight: normal;
  color: #808080;
}

.login-log-table thead > tr > th,
.login-log-table.order-data tbody > tr > td,
.purchase-order-history-table thead > tr > th,
.purchase-order-history-table tbody > tr > td {
  text-align: left;
}

.wrap-tbl-approver table thead > tr > th {
  padding: 20px 10px;
}

.wrap-tbl-approver table tbody > tr > td {
  padding: 10px;
}

.purchase-order-history-table.order-data1 tbody > tr > td select {
  min-width: 100px;
  border: 1px solid #999;
  width: 130px;
}

.purchase-order-history-table.order-data1 tbody > tr > td .item-price {
  text-align: left;
}

.page-home .item-image > img {
  max-height: 160px;
  object-fit: contain;
  min-height: 160px;
}

.table-fix-space .order-data.table-items thead > tr > th:last-child {
  padding-right: 20px;
  padding-left: 20px;
}

.table-fix-space .order-data.table-items tbody > tr > td {
  padding: 20px;
  text-align: left;
}

.table-fix-space .order-data.table-items tbody > tr > td .item-price {
  width: auto;
  margin: inherit;
  display: inline-block;
}

.table-fix-space .order-data.table-items tbody > tr > td .btn-feedback {
  padding-left: 0;
  padding-right: 0;
}

.table-fix-space .order-data.table-items tbody > tr > td .feedback-img-sec .check-icon {
  display: inline-block;
}

.table-fix-space .order-data.table-items tbody > tr > td .icon.feedback {
  display: inline-block;
}

.table-fix-space .order-data.table-items .purchase-feedback {
  display: inline-block;
  text-align: center;
}

.table-td-height.canon-table tbody td,
.table-td-height.canon-table tbody th {
  height: 44px;
}

.table-td-height.canon-table tbody th {
  display: flex;
  align-items: center;
  line-height: normal;
}

/* Marchant pannel */
.section-mechant-pannel {
  padding-top: 30px;
  padding-bottom: 40px;
}

.merchant-box {
  display: inline-block;
  width: 24%;
  padding: 15px 25px;
  text-align: center;
  margin-bottom: 20px;
}

.merchant-img img {
  border-radius: 50%;
  max-width: 100%;
}

.merchant-name {
  padding-top: 10px;
  font-weight: 700;
}

/* End Marchant pannel */

.sc-upper .st-parent {
  max-height: 240px;
  overflow-y: scroll;
}

/* Start Category List in Left Panel */
/* start sidebar animation */
.fixed-sidebar .fs-content,
.fixed-sidebar .fs-btn-slide {
  transition: left 0.5s ease-in-out !important;
}

/* end sidebar animation */
.fsc-categories {
  max-height: 400px;
  overflow: auto !important;
}

/* Track */
.fsc-categories::-webkit-scrollbar {
  width: 5px;
}

/* Handle */
.fsc-categories::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

/* Handle on hover */
.fsc-categories::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* Track on hover */
.fsc-categories::-webkit-scrollbar-track:hover {
  background-color: #ddd;
}

/* Handle when it's active or selected */
.fsc-categories::-webkit-scrollbar-thumb:active {
  background-color: #333;
}

/* Track when it's active or selected */
.fsc-categories::-webkit-scrollbar-track:active {
  background-color: #ccc;
}

/* Disabled Input and select field*/
.input-text:disabled {
  border: 1px solid #dbdbdb;
}

.disabled-input {
  background-color: #eee;
  position: relative;
  color: rgba(0, 0, 0, 0.5) !important;
}
.custom-select:disabled {
  background-color: #eee !important;
  cursor: not-allowed;
}

/* End Category List in Left Panel */

.text-center {
  text-align: center !important;
}

.icon-info-tooltip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding-left: 5px;
}

.variant-option-top .onoffswitch {
  margin-top: 20px;
}

.home-slider-section .hero_banner_slider_img {
  width: -webkit-fill-available;
  max-height: 750px;
  width: 100%;
}

.home-slider-section .main-banner-text {
  padding: 0 13%;
  max-width: 1664px;
  margin: 0 auto;
}

.home-slider-section .main-banner-text .banner-text {
  position: absolute;
  max-width: 695px;
  top: 56%;
  -webkit-transform: translate(0, -70%);
  -ms-transform: translate(0, -70%);
  transform: translate(0, -70%);
  margin: 0;
}

.home-slider-section .main-banner-text .banner-text .banner-title,
.home-slider-section .main-banner-text .banner-text .slide-title {
  font-size: 62px;
  line-height: 60px;
  margin: 0;
  color: #fff;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  font-weight: 900;
}

.home-slider-section .main-banner-text .banner-text .banner-title::after,
.home-slider-section .main-banner-text .banner-text .banner-title::before,
.home-slider-section .main-banner-text .banner-text .slide-title::after,
.home-slider-section .main-banner-text .banner-text .slide-title::before {
  display: none;
}

.home-slider-section .main-banner-text .banner-text .banner-title i,
.home-slider-section .main-banner-text .banner-text .slide-title i {
}

.home-slider-section .main-banner-text .banner-text .banner-slogan,
.home-slider-section .main-banner-text .banner-text .slide-description {
  font-size: 26px;
  line-height: 28px;
  margin: 0.9375rem 0;
  color: #fff;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  text-align: left !important;
}

.home-slider-section .main-banner-text .banner-text .a-btn {
  display: inline-block;
  padding: 0.8125rem 2.4375rem 0.6875rem;
  border: 0;
  outline: 0;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1),
    color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1),
    border-color 200ms cubic-bezier(0.39, 0.575, 0.565, 1), transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1),
    box-shadow 200ms cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 200ms cubic-bezier(0.39, 0.575, 0.565, 1);

  font-size: 18px;
  line-height: 30px;

  color: #fff;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  margin-top: 2.375rem;
}

.home-slider-section .main-banner-text .banner-conditions {
  display: block;
  color: #ffffff;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  margin-top: 2.375rem;
}

.home-slider-section .main-banner-text .banner-conditions.below {
  font-size: 10px;
}

.home-slider-section .slick-slider .slick-prev,
.home-slider-section .slick-slider .slick-next {
  top: 50% !important;
}

.home-slider-section .slick-slider,
.home-slider-section .slick-list,
.home-slider-section .slick-track {
  width: -webkit-fill-available;
}

.home-slider-section .slick-slide {
  max-width: 100%;
  width: -webkit-fill-available;
}

.home-slider-section .slick-slide img {
  width: -webkit-fill-available;
}

.home-slider-section .slick-dots {
  bottom: 20px;
}

.home-slider-section .slick-dots li {
  width: 30px;
}

.home-slider-section .slick-dots li button {
  width: 30px;
}

.home-slider-section .slick-dots li button::before {
  content: ' ';
  width: 30px;
  height: 3px;
  display: inline-block;
  margin: 15px 5px 0 0;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  transition: background 0.3s ease-out;
}

.home-slider-section .slick-dots li.slick-active button::before {
  background: #fff;
}

.home-slider-section .banner-conditions.below {
  display: block;
  color: #ffffff;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
  margin-top: 2.375rem;
  font-size: 10px;
  width: 100%;
  padding: 0 13%;
  max-width: 1664px;
  margin: 0 auto;
  margin-top: -7.225rem;
}

.page-buyer-quotation-detail .orderlist-container .order-data1 tbody > tr > td .item-price {
  text-align: left;
}

/* Maintenance Page */

.maintenance-middle-sec {
  text-align: center;
  padding: 15px;
}

.maintenance-middle-sec h1 {
  font-size: 32px;
}

.maintenance-redirect-msg {
  padding-top: 30px;
  padding-bottom: 30px;
}

.maintenance-item-check-this {
  padding-top: 20px;
}

.maintenance-item-list {
  margin-top: 20px;
  margin-bottom: 40px;
}

.maintenance-item-box {
  display: inline-block;
  width: 120px;
  margin: 5px 20px;
}

.maintenance-item-check-this h3 {
  border-top: 1px solid #ccc;
  padding-top: 40px;
  padding-bottom: 15px;
  font-size: 24px;
}

#redirect-timer {
  color: blue;
}

/* CK EDITOR 5 */
.ck-editor__editable {
  min-height: 250px;
}

.ck.ck-balloon-panel.ck-powered-by-balloon .ck.ck-powered-by {
  display: none !important;
}
/* CK EDITOR 5 */

/* PASSWORD ROTATION */
.password-line {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 700 !important;
  color: black;
}

/* Sept 26, 2024 - Anchor Links */
.info-container a {
  text-decoration: underline;
  color: #337ab7;
}

.info-container a:hover,
.info-container a:focus,
.info-container a:active {
  text-decoration: underline;
  outline: none;
  color: inherit;
}
/* Sept 26, 2024 - Anchor Links */

/* Mass Upload */
.massupload-container .massupload-browser-wrapper .massupload-element {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 15px;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-file-input {
  display: block;
  cursor: pointer;
  width: 100px;
  opacity: 0;
  height: 100%;
  top: 0px;
  /* left: 133px; */
  position: absolute;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-browser-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 0px;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-browser-btn .archive-name {
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: #919298;
  width: 100%;
  height: 30px;
  padding: 8px 25px;
  border: solid 1px #979797;
  display: flex;
  align-items: center;
  justify-content: center;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-browser-btn .btn-input-file-browse {
  min-width: 100px;
  height: 30px;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 700;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-browser-btn .btn-input-file-clear {
  min-width: 100px;
  height: 30px;
  border: 1px solid #4d4d4d;
  color: #4d4d4d;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-weight: 700;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-file-uploaded-items {
  display: flex;
  align-items: center;
  gap: 25px;
}

.massupload-container .massupload-browser-wrapper .massupload-element .massupload-filter-change .sassy-label {
  margin-right: 15px;
}

.massupload-container .massupload-table-container.massupload-table-list {
  /* min-height: 300px; */
  max-height: 575px;
}

.massupload-container .massupload-table-container.massupload-table-list .massupload-table-wrapper thead {
  top: 51px;
}

.massupload-container
  .massupload-table-container.massupload-table-list
  .massupload-table-wrapper.massupload-table-runs-wrapper
  thead {
  top: 0px;
}

.massupload-container .massupload-table-container.itemupload-table-list {
  /* min-height: 100px; */
  max-height: 575px;
  border-bottom: 1px solid #ccc;
}

.massupload-container .massupload-table-container.itemupload-table-list .massupload-table-wrapper thead {
  top: 38px;
}

.massupload-container .massupload-table-container {
  overflow-y: scroll;
}

.massupload-container .massupload-table-container .massupload-detail-element {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: white;
  padding: 10px 15px;
  padding-right: 5px;
  border: 1px solid #d2d2d2;
  position: sticky;
  top: 0px;
  z-index: 10;
  right: 0;
  left: 0;
}

.massupload-container .massupload-table-container .massupload-detail-element .massupload-file-uploaded-count {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.massupload-container .massupload-table-container .massupload-detail-element .massupload-file-uploaded-count .divider {
  width: 2px;
  height: 18px;
  background: #020202;
}

.massupload-container .massupload-table-container .massupload-detail-element .btn-massupload {
  text-decoration: none;
  background-color: black;
}

.massupload-container .massupload-table-container .massupload-detail-element .btn-massupload:hover,
.massupload-container .massupload-table-container .massupload-detail-element .btn-massupload:active,
.massupload-container .massupload-table-container .massupload-detail-element .btn-massupload:focus {
  color: #999;
}

.massupload-container .massupload-table-container .massupload-detail-element .btn-massupload.disabled {
  pointer-events: none;
  background: #d0d0d0;
  color: #999;
}

.massupload-container .massupload-table-container .massupload-detail-runs-element .massupload-runs-button {
  display: flex;
  justify-content: right;
  gap: 20px;
  white-space: nowrap;
}

.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload {
  text-decoration: none;
}

.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload:hover,
.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload:active,
.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload:focus {
  color: #999;
}

.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload-undo {
  width: 20%;
}

.massupload-container .massupload-table-container .massupload-detail-runs-element .btn-massupload-download-csv {
  color: #ffffff;
  width: 30%;
}

.massupload-container .massupload-table-container .massupload-table-wrapper {
  overflow: scroll;
  width: 100%;
}

.massupload-container .massupload-table-container .massupload-table-wrapper thead {
  position: sticky;
  z-index: 1;
}

.massupload-container .massupload-table-container .massupload-table-wrapper tr:first-child th:first-child {
  border-top-left-radius: 0px !important;
}

.massupload-container .massupload-table-container .massupload-table-wrapper tr:first-child th:last-child {
  border-top-right-radius: 0px !important;
}

.massupload-container .massupload-table-container .massupload-table-wrapper tr > th,
.massupload-container .massupload-table-container .massupload-table-wrapper tr > td {
  white-space: nowrap;
  text-align: left !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* .massupload-container .massupload-table-container .massupload-table-wrapper tr > th, */
.massupload-container .massupload-table-container .massupload-table-wrapper tr > td.error-notes {
  white-space: normal !important;
}

.massupload-container .massupload-table-container .massupload-table-wrapper .massupload-file-uploaded-count {
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.massupload-container .massupload-table-container .massupload-table-wrapper .empty-page-sec {
  /* height: 500px; */
}

.massupload-container nav {
  text-align: center !important;
}

/* .massupload-container nav ul.pagination > li > a {
	border-radius: 0px !important;
	background-color: #fff !important;
} */

/* .massupload-container nav ul.pagination > li > a:hover {
	background-color: #ddd !important;
} */

/* .massupload-container nav ul.pagination > .active > a, .massupload-container nav .pagination > .active > span {
	border-color: #000 !important;
	background-color: #000 !important;
	color: #fff !important;
} */

.massupload-container .massupload-top-title-wrapper {
  display: flex !important;
  /* align-items: center; */
  justify-content: space-between;
  border-bottom: 1px solid #d2d2d2;
  margin-bottom: 15px;
}

.massupload-container .massupload-tab-option-wrapper {
  display: flex;
  align-items: center;
}

.massupload-container .massupload-tab-option-wrapper li span {
  font-weight: 600;
  color: #b3b3b3;
  padding: 5px 20px;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
}

.massupload-container .massupload-tab-option-wrapper li.active span {
  color: #3b7b97;
  border-bottom: 4px solid #3b7b97;
  padding-bottom: 10px;
}

.bulk-page .mass_uploadTab_wrapper {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 15px;
}

.mass_uploadTab_wrapper {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #d2d2d2;
}

.bulk-page .mass_uploadTab_wrapper > div.mg-left-auto {
  padding-bottom: 10px;
}

.bulk-page .mass_uploadTablink_wrapper {
  margin-top: 15px;
}
.mass_uploadTablink_wrapper {
  display: flex;
  align-items: center;
}

.mass_uploadTablink_wrapper li.active a {
  color: #3b7b97;
  border-bottom: 4px solid #3b7b97;
  padding-bottom: 10px;
}
.mass_uploadTablink_wrapper li a {
  font-weight: 600;
  color: #b3b3b3;
  padding: 5px 20px;
  font-size: var(--font-16);
  font-family: var(--font-roboto);
}

.mass-uplode-empty-page .divider {
  width: 2px;
  height: 18px;
  background: #0202025c;
}

/* END */

/* ADD Group Fortmat CSV - Modal */
.add-group-format-csv-modal .modal-content {
  border-bottom: 6px !important;
}

.add-group-format-csv-modal .modal-content .option-titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.add-group-format-csv-modal .modal-content .option-titles .title {
  max-width: 430px;
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  width: 100%;
}

.add-group-format-csv-modal .modal-content .category-options-main {
  display: flex;
  justify-content: space-between;
}

.add-group-format-csv-modal .modal-content .category-options-main .item-upload-category-container {
  max-width: 430px;
  position: relative;
}

.add-group-format-csv-modal
  .modal-content
  .category-options-main
  .item-upload-category-container
  .checkbox-content
  input[type='checkbox'] {
  margin: 0px 0px 10px 0px !important;
}

.add-group-format-csv-modal .modal-content .category-options-main .select-category-first {
  color: #4d4d4d;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.add-group-format-csv-modal .modal-content .modal-footer {
  text-align: center !important;
}

.add-group-format-csv-modal .modal-content .modal-footer div {
  width: Calc(14.9791666667%);
}
/* END */

/* Loader */
.loader-container .loader-wrapper {
  position: fixed;
  z-index: 9999;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  overflow: visible;
}

.loader-container .loader-wrapper .loader-spin {
  display: inline-block;
  height: 10px;
}

.loader-container .loader-wrapper .loader-spin:after {
  content: ' ';
  display: block;
  width: 26px;
  height: 26px;
  margin-top: -9px;
  border-radius: 50%;
  border: 3px solid #fff;
  border-color: #fff #fff0 #fff #fff0;
  animation: spin 1.2s linear infinite;
}

.loader-container .loader-backdrop {
  opacity: 0.5;
  transition: opacity 0.15s linear;
  position: fixed;
  background-color: #000;
  z-index: 1040;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
/* END */

.btn-black-light {
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: white !important;
  width: 100%;
  height: 30px;
  padding: 8px 25px;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-white-light {
  overflow: hidden;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  width: 100%;
  height: 30px;
  padding: 8px 25px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000000;
}

.cv-button {
  background: #2ba7e0;
  color: #ffffff !important;
  width: 203px;
  height: 38px;
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  flex-wrap: wrap;
}

.bulk-title-cast {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
}

.mg-left-auto {
  margin-left: auto;
}

.mass-uplode-empty-page .download_imports a {
  color: var(--color-sky-blue);
  border-bottom: 1px solid var(--color-sky-blue);
}

.add-group-format-csv-modal .modal-content .option-titles {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.add-group-format-csv-modal .modal-content .option-titles .title {
  max-width: 430px;
  color: #4d4d4d;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-align: center;
  width: 100%;
}

.add-group-format-csv-modal .modal-content .category-options-main {
  display: flex;
  justify-content: space-between;
}

.add-group-format-csv-modal .modal-content .category-options-main .item-upload-category-container {
  max-width: 430px;
  position: relative;
}

.item-upload-category-container {
  display: inline-block;
  border: 2px solid #c8c8c8;
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 0px;
  width: 100%;
}

.add-group-format-csv-modal .modal-content .modal-footer {
  text-align: center !important;
}

.add-group-format-csv-modal {
  max-width: 800px;
  width: 100%;
}

.csv-category-group {
  font-weight: 700;
  font-size: 13px;
}

.export-csv,
.order-data1 tbody > tr > td:nth-child(2) a.export-csv {
  text-decoration: underline;
  font-weight: 600 !important;
  font-size: 13px;
}

.massupload-detail-element .massupload-file-uploaded-count a {
  color: var(--color-sky-blue);
  border-bottom: 1px solid var(--color-sky-blue);
}

.massupload-detail-element .massupload-file-uploaded-count a:hover {
  color: var(--color-sky-blue);
  border-bottom: 1px solid var(--color-sky-blue);
}

.top-title {
  font-size: 14px;
  font-weight: 500;
  color: #3c7d99 !important;
  display: block;
  margin-bottom: 15px;
  display: inline-block;
}

.create-new-group-button {
  display: flex !important;
  color: white !important;
}

.page-sidebar .header {
  display: grid;
}

.header.mod li.h-extramenus > ul > li ul li.cart-item a .item-price {
  margin-right: auto;
}

.tbl-delivery-rates .table > thead > tr > th {
  min-width: 300px;
  width: 100%;
}

.tbl-delivery-rates .table > tbody > tr > td {
  padding: 20px;
}
.slick-slide {
  max-height: 650px;
  overflow: hidden; /* ensures nothing bleeds out */
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-slide video {
  width: 100%;
  height: 100%;
  object-fit: contain; /* scale video inside container, show all */
}
.page-compare-requisition .slick-slide {
  overflow: auto !important; 
}