@font-face {
  font-family: "greycliff-bold";
  src: url("../fonts/GreycliffCF-Bold.ttf");
}

@font-face {
  font-family: "greycliff-boldoblique";
  src: url("../fonts/GreycliffCF-BoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-demibold";
  src: url("../fonts/GreycliffCF-DemiBold.ttf");
}


@font-face {
  font-family: "greycliff-demiboldoblique";
  src: url("../fonts/GreycliffCF-DemiBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-extrabold";
  src: url("../fonts/GreycliffCF-ExtraBold.ttf");
}

@font-face {
  font-family: "greycliff-extraboldoblique";
  src: url("../fonts/GreycliffCF-ExtraBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-heavy";
  src: url("../fonts/GreycliffCF-Heavy.ttf");
}

@font-face {
  font-family: "greycliff-heavyoblique";
  src: url("../fonts/GreycliffCF-HeavyOblique.ttf");
}


@font-face {
  font-family: "greycliff-light";
  src: url("../fonts/GreycliffCF-Light.ttf");
}


@font-face {
  font-family: "greycliff-lightoblique";
  src: url("../fonts/GreycliffCF-LightOblique.ttf");
}


@font-face {
  font-family: "greycliff-medium";
  src: url("../fonts/GreycliffCF-Medium.ttf");
}

@font-face {
  font-family: "greycliff-mediumoblique";
  src: url("../fonts/GreycliffCF-MediumOblique.ttf");
}


@font-face {
  font-family: "greycliff-regular";
  src: url("../fonts/GreycliffCF-Regular.ttf");
}


@font-face {
  font-family: "greycliff-regularoblique";
  src: url("../fonts/GreycliffCF-RegularOblique.ttf");
}


.home-body {
  background-color: #EEF3F2;
}

.navbar-home .nav-item {
  margin-right: 40px;
  font-size: 20px;
  color: #2D3B36;
}

.theme-card-header {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-family: "greycliff-light";
}

.profile-pic-btn.dropdown-toggle::after {
  display: none;
}

.profile-pic-btn.dropdown-toggle+.dropdown-menu.show {
  left: -110px;
}

.navbar-home .nav-item .nav-link {
  color: #2D3B36;
  font-family: "greycliff-medium";
}

.navbar-home .btn-disabled {
  background: #6c757d;
  padding: 14px;
  display: block;
  min-width: 100px;
  font-size: 20px;
}


.home-body .home-header-text {
  font-family: "greycliff-bold";
  font-size: 60px;
}

.home-body .home-subtext {
  font-family: "greycliff-light";
  font-size: 24px;
}


.home-body .login-home-btn {
  font-size: 18px;
  font-family: "greycliff-light";
}

.theme-primary-btn {
  min-height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-primary-btn:hover {
  background: #00cE92;
  color: white;
}

.home-body footer {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #e0e0e0;
  font-size: 16px;
  padding: 4px;
}



:root {
  --theme-bg-color: #2D3B36;
}

.body-dashboard {
  background: #fbfbfb;
}

/* navbar css */
.navbar.navbar-expand-lg.navbar-theme {
  color: white;
  height: 70px;
  background-color: var(--theme-bg-color) !important;
  padding: 0;
}

.navbar.navbar-expand-lg .container-fluid {
  padding: 0;
  margin: 0;
  height: 70px;
  /* overflow-x: auto; */
  /* overflow-y: visible; */
  /* overflow-x: auto;
    white-space: nowrap; */
}

.logo-nav-container {
  display: flex;
  padding-left: 20px;
  align-items: center;
  background: white;
  position: relative;
  padding-right: 8px;
  height: 70px;
}


.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link {
  color: white;
  font-size: 16px;
  font-family: "greycliff-demibold";
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link span {
  padding-left: 11px;
}

.navbar.navbar-expand-lg .nav-item .nav-link.active {
  color: #00DEA3;
  background: #3E4B46;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
}

.navbar.navbar-expand-lg .nav-item {
  margin-left: 20px;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 70px solid transparent;
  border-left: 40px solid white;
  border-bottom: 1px solid white;
}

.notify-btn {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 24px;
  width: 50px;
}

.profile-pic-btn {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 36px;
  width: 50px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.profile-pic-btn img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}


/* card theme */

.theme-card-home.card {
  border-radius: 16px;
}

.theme-card-home .card-body {
  padding: 0;
}

.theme-card-home .card-text {
  min-height: 100px;
  border-radius: 9px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 48px;
  font-family: "greycliff-bold";
}

.theme-card-home .card-title {
  padding: 8px;
  font-size: 19px;
  font-family: "greycliff-light";
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.theme-card-home.green {
  background-color: #4cb28d;
}

.theme-card-home.green .card-text {
  background-color: #5DC39E;
  border-radius: 16px;
}


.theme-card-home.purple {
  background-color: #6b3ac1;
}

.theme-card-home.purple .card-text {
  background-color: #7C4BE4;
  border-radius: 16px;
}

.theme-card-home.pink {
  background-color: #B320BF;
}

.theme-card-home.pink .card-text {
  background-color: #C431CF;
  border-radius: 16px;
}

.theme-card-home.blue {
  background-color: #4744DE;
}

.theme-card-home.blue .card-text {
  background-color: #5855ef;
  border-radius: 16px;
}


/* theme table cards */

.theme-table-card-container {
  width: 100%;
}

.theme-table-card-container .theme-table-card-header {
  color: white;
  font-size: 24px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "greycliff-bold";
  border-radius: 8px;
}


.theme-table-card-container .theme-card-body {
  width: 100%;
}

.theme-table-card-container .theme-table-card-header.green {
  background-color: #5DC39E;
}



.theme-table-card-container .theme-table-card-header.yellow {
  background-color: #E2D66B;
}


.theme-table-card-container .theme-table-card-header.blue {
  background-color: #208CDA;
}

.theme-table-card-container .theme-table-card-header.red {
  background-color: #DA2020;
}


.theme-table-card-container .theme-table-card-header.purple {
  background-color: #7C4BE4;
}

.theme-table-card-container .theme-table-card-header.pink {
  background-color: #B320BF;
}


.theme-table-card-container .theme-table-card-header .btn {
  background-color: transparent;
  color: white;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* theme tables */

.theme-table {
  background-color: white;
  overflow: auto;
}

.theme-table thead {
  height: 56px;
}

.theme-table thead th {
  font-size: 15px;
  font-weight: 600;
  font-family: "greycliff-demibold";
  color: #2d3b36b3;
  padding: 0px;
  white-space: nowrap;
}

.theme-table thead th span {
  display: flex;
  height: 62px;
  padding: 8px 12px;
  align-items: center;
}

.theme-table tbody tr {
  height: 62px;
  border-bottom: 1px solid #eeeeee;
}

.theme-table tbody td {
  font-size: 16px;
  font-family: "greycliff-light";
  color: #2D3B36;
  padding: 0px;
  white-space: nowrap;
  font-weight: 400;
  padding: 0 2px;
}

.theme-table tbody td span {
  display: flex;
  height: 62px;
  padding: 8px;
  align-items: center;
  /* max-width: 280px; */
  text-transform: capitalize;
  overflow: auto;
  text-overflow: ellipsis;
  overflow-y: hidden;
  max-width: 250px;
  overflow-x: auto;
}

.theme-table tbody td span.justify-content-center,
.theme-table tbody td span.w-100 {
  max-width: none;
}

.theme-table thead tr th:nth-child(2),
.theme-table tbody tr td:nth-child(2) {
  /* background-color: #FEFCF3; */
}

.theme-table thead {
  /* border-bottom: 1px solid #fbdd63; */
}

.theme-table tbody tr:hover {
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


.theme-table tbody#reference-gio-table-body tr:hover {
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


/* page header css */
.page-header-div {
  height: 64px;
  display: flex;
  align-items: center;
  background: white;
  justify-content: space-between;
  border-bottom: 1px solid #DDE1EC;
}

.page-header-div h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-bold";
  font-weight: 700;
  overflow: auto;
  white-space: nowrap;
}

.page-header-div .header-end-div {
  margin-right: 20px;
  overflow-x: auto;
  white-space: nowrap;
}

.page-header-div .header-start-div {
  display: flex;
  align-items: center;
}

.page-header-back-btn {
  background: transparent;
  border: none;
  outline: none;
  font-size: 24px;
  margin-left: 16px;
}


/* Buttons */
.theme-outline-btn {
  height: 32px;
  background: white;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #DDE1EC;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn {
  min-height: 32px;
  background: #2D3B36;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn:hover {
  background: #3E4C47;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
}



.theme-modal-secondary-btn {
  height: 40px;
  background: #eeeeee;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}

.theme-modal-primary-btn {
  height: 40px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-modal-reject-btn {
  height: 40px;
  background: #DA2020;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 17px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}


.theme-filter-active-btn {
  background-color: rgb(0 222 163 / 12%);
  color: #2D3B36;
  font-size: 14px;
  border-radius: 9px;
  border: 1px solid #00dea3;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  height: 32px;
}

.theme-filter-active-btn .num-span {
  background-color: #00DEA3;
  padding: 4px;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  width: 18px;
  display: block;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.btn-instock {
  background: #5DC39E;
  color: white;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}


.btn-shortfall {
  background: #fff166;
  color: black;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}

/* search css */
.search-container-div,
.search-container-div input {
  height: 32px !important;
  max-width: 200px;
}

.search-container-div input {
  padding: 8px;
  font-size: 14px !important;
}

.search-container-div label {
  height: 32px;
  padding: 4px 8px;
  font-size: 15px !important;
  font-family: 'greycliff-medium';
  font-weight: 500;
}


.search-container-div.form-floating>.form-control:focus~label,
.search-container-div.form-floating>.form-control:not(:placeholder-shown)~label {
  transform: translateY(-1.5rem);
}

.search-container-div input {
  padding-top: 8px !important;
  border-right: none !important;
}

.search-container-div.theme-input-div.input-group .input-group-text {
  background: transparent;
  border-left: none;
  color: #00DEA3;
}

/* subheader  */

.page-subheader-div {
  width: 100%;
  display: flex;
  align-items: center;
  height: 58px;
  justify-content: space-between;
  background: white;
  border: 1px solid #dde1ec;
  padding: 8px 20px;
}


.subheader-start-div,
.switch-container {
  display: flex;
  align-items: center;
}


.subheader-end-div {
  overflow: auto;
  white-space: nowrap;
  padding: 0 20px;
}



/* theme checkbox */
.theme-checkbox {
  border-radius: 20px;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 26px !important;
  height: 26px !important;
  border: 1px solid #eee;
  border-radius: 9px;
  cursor: pointer;
  padding: 0;
  position: relative;
}


input.theme-checkbox {
  transition: box-shadow .3s;
  background: #fff;
}

input:checked.theme-checkbox {
  box-shadow: inset 0 0 0 20px #FBDD63;
}

input:checked.theme-checkbox:after {
  content: url(../img/checkbox-checked.svg);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* detail page header */

.detail-page-header {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-demibold";
  color: #2D3B36;
  font-weight: 700;
}


/* theme-input */

.input-theme-div {
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.table.theme-table .input-theme-div {
  background-color: white;
  /* border: 1px solid #2D3B36; */
  border: 1px solid #eeeeee;
  /* margin: 0 2px; */
}

.table.theme-table .ss-main {
  height: 40px;
  border: 1px solid #2e3b36;
  border-color: #2e3b36 !important;
  border-radius: 9px;
  background: white;
  /* margin: 0 2px; */
}

.input-theme-div.text-area {
  height: 80px;
}

.input-theme-div.text-area textarea {
  height: 80px;
  padding: 8px !important;
}

.input-theme-div input,
.input-theme-div select {
  height: 32px !important;
  border: none !important;
  padding: 0 8px !important;
  outline: none;
  box-shadow: none !important;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.input-theme-div.form-floating>label {
  position: absolute;
  top: -10px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
}

.input-theme-div.form-floating>.form-control:focus~label,
.input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label,
.input-theme-div.form-floating>.form-select~label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  opacity: 1;
}


.theme-table .input-theme-div.form-floating>.form-control:focus~label,
.theme-table .input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label,
.theme-table .input-theme-div.form-floating>.form-select~label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 3px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  display: block;
  opacity: 1;
}


.file-name-span {

  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: 'greycliff-light';
  font-weight: 400;

}


/* detail page sub nav */
.detail-page-nav {
  display: flex;
  align-items: center;
  height: 52px;
  background: #3E4B46;
  margin: 40px 0;
  border-radius: 24px;
  padding: 0;
  color: white;
  overflow: hidden;
  white-space: nowrap;
  overflow-x: auto;
}

.detail-page-nav .detail-page-nav-item {
  font-size: 16px;
  display: block;
  padding: 0 16px;
  height: 52px;
  display: flex;
  align-items: center;
  font-family: "greycliff-demibold";
  cursor: pointer;
  font-weight: 600;

}

.detail-page-nav .detail-page-nav-item.active {
  background: #5B6662;
  color: #00dea3;
}

.detail-page-section {
  background: white;
  border: 1px solid #eee;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 40px;
}

.detail-page-section .detail-page-header {
  font-size: 24px;
}

.detail-page-section .detail-page-subheader {
  font-size: 20px;
  font-family: "greycliff-demibold";
  font-weight: 600;
}


.detail-page-main-with-tags {
  width: 100%;
  padding: 20px;
}


.detail-page-tags-div {
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  background: white;
  padding: 0px;
  min-height: 100%;
}

.detail-page-tags-div .tag-item {
  display: flex;
  padding: 8px;
  align-items: center;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  font-family: "greycliff-demibold";
  font-size: 16px;
  font-weight: 600;
}

.tag-item .theme-icon {
  margin-right: 11px;
  width: 18px;
  height: 18px;
}


.floating-label {
  position: relative;
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.floating-select {
  font-size: 16px;
  padding: 4px 4px;
  display: block;
  width: 98%;
  height: 32px;
  background-color: transparent;
  border: none;
}

.table.theme-table .floating-select {
  height: 40px;
  border: 1px solid #2e3b36;
  border-radius: 9px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  font-size: 16px;
  color: #2e3b36;
  background: white;
}

.floating-select:focus {
  outline: none;
}

.floating-label label {
  position: absolute;
  font-size: 16px;
  font-weight: 200;
  left: 12px;
  z-index: 0;
  top: 6px;
  background: white;
  padding: 2px 4px;
  left: 0px;
  border-radius: 9px;
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.form-floating>label {
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.floating-select:focus~label,
.floating-select:not([value=""])~label {
  transform: translateX(0.5rem) translateY(-1.25rem);
  font-size: 13px;
}

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* active state */
.floating-select:focus~ {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}


.theme-body-text {
  font-size: 15px;
  font-family: "greycliff-demibold";
  color: #212529;
  font-weight: 600;
}


.input-group-text {
  height: 100%;
  background: #fff;
  box-shadow: none;
  border: none;
}

.auth-input-group .input-group-text {
  height: auto;
}


.search-container-div .input-group-text {
  border: 1px solid #dee2e6;
}


.form-control[type=file]:not(:disabled):not([readonly]) {
  line-height: 32px;
}

.cursor-pointer {
  cursor: pointer;
}

.subpage-all.detail-page-section,
.subpage-1.detail-page-section,
.subpage-2.detail-page-section,
.subpage-3.detail-page-section {
  display: none;
}

.subpage-all.detail-page-section.active,
.subpage-1.detail-page-section.active,
.subpage-2.detail-page-section.active,
.subpage-3.detail-page-section.active {
  display: block;
}


.toggle-subpage-detail-form {
  display: none;
}

.toggle-subpage-detail-table {
  display: block;
}

.show-form .toggle-subpage-detail-form {
  display: block;
}

.show-form .toggle-subpage-detail-table {
  display: none;
}


.preview-img-small {
  width: 40px;
  height: 40px;
  object-fit: contain;
  box-shadow: 0 0 3px 0px rgb(0 0 0 / 20%);
}


.disable-section {
  opacity: 0.5;
  pointer-events: none;
}

.theme-reject-btn {
  height: 32px;
  background: #f04b6a;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
}


.theme-approve-btn {
  height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn {
  height: 32px;
  background: #00DEDA;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn:hover {
  background: #11DFEB;
}


.modal-title {
  font-family: "greycliff-demibold";
  font-size: 24px;
  font-weight: 600;
}

.model-body p {
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
  color: #2D3B36;
}

.modal-header,
.model-body,
.modal-footer {
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px !important;
}

.detail-page-section .row {
  position: relative;
  z-index: 10;
}


.ss-main {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


.order-status-label {
  color: #FFAE6B;
  text-transform: uppercase !important;
}



/* subnav */
.navbar.subnav {
  background: white;
  height: 46px;
}

.navbar.subnav.navbar-expand-lg .container-fluid {
  height: 46px;
}

.navbar.subnav .nav-item .nav-link {
  color: #2D3B36;
  font-size: 16px;
}

.navbar.subnav.navbar-expand-lg .nav-item .nav-link.active {
  color: #00DEA3;
  background: transparent;
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 3px solid #00DEA3;
}

/* endof subnav */


/* .theme-table.modal-table thead tr th:nth-child(2), 
  .theme-table.modal-table tbody tr td:nth-child(2) {
    background-color: #fff;
  } */

/* .theme-table.modal-table tbody tr:nth-child(1) {
  border-top: none;
  background-color: #fff;
  border-color: #fff;
  border-left: none;
} */

.theme-table.modal-table thead {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.theme-table.modal-table tbody tr {
  border-bottom: 1px solid transparent !important;
}


.success-text {
  color: #00dea3;
}

.multiple-warehouses-text {
  color: #FFAE6B;
}

.not-fulfillable-text {
  color: #f04b6a;
}

.reference-gio-table-row .row-item-div,
.reference-gio-input-row .row-item-div,
.iwt-gio-table-row .row-item-div,
.iwt-gio-input-row .row-item-div {
  height: 62px;
  display: inline-flex;
  align-items: center;
}

.gio-min-width-col {
  min-width: 124px;
}

.sent-for-approval #gio-send-for-approval,
.sent-for-approval #update-gio-btn,
.sent-for-approval #add-gio-reference,
.sent-for-approval #add-gio-iwt,
.sent-for-approval .gio-min-width-col .btn,
.sent-for-approval .gio-min-width-col.btn-col {
  display: none;
}



.stop-update td button.download-btn,
.stop-update td .btn.force-show {
  display: block;
}

.disabled-btn {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.back-btn-icon {
  background: #eeeeee;
  /* border: 1px solid black; */
  border-radius: 9px;
  width: 32px;
  height: 32px;
  padding: 8px;
}


.so-export-options-btn {
  min-width: 110px;
  text-transform: uppercase;
}


.disabled-input-container {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

.ss-main.ss-disabled {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}

#print-preview-div {
  max-height: 80%;
  height: 400px;
}


body.awaiting-approval .detail-page-button-footer,
body.awaiting-approval .page-subheader-div .theme-primary-btn,
body.awaiting-approval .edit-sales-item-btn,
body.awaiting-approval .remove-sales-item-btn,
body.awaiting-approval .file-delete-btn,
body.awaiting-approval .po-item-row .btn,
body.awaiting-approval #create-vendor-po-btn {
  display: none !important;
}

.stop-update .detail-page-button-footer,
.stop-update .page-subheader-div .theme-primary-btn,
.stop-update .edit-sales-item-btn,
.stop-update .remove-sales-item-btn,
.stop-update .file-delete-btn {
  display: none !important;
}


.stop-update .page-subheader-div .theme-primary-btn.force-show {
  display: block !important;
}

.stop-update #customer-spa-table td button {
  display: block !important;
}

#customer-spa-table td input {
  pointer-events: all !important;
}

.stop-update .detail-page-button-footer.always-show {
  display: flex !important;
}

.stop-update .always-show input,
.stop-update .always-show .floating-select {
  pointer-events: all !important;
}


#sales-item-add-edit-row.edit-item .disabled-when-edit,
#sales-item-add-edit-row.edit-item .disabled-when-edit input {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}


.modal-content {
  border-radius: 16px;
  padding: 8px 4px;
}


.order-accepted input,
.order-accepted .floating-label,
.stop-update input,
.stop-update textarea,
.stop-update .floating-label,
.awaiting-approval input,
.awaiting-approval .floating-label,
.awaiting-approval .floating-select {
  pointer-events: none !important;
}

.awaiting-approval .hide-when-non-editable,
.awaiting-approval .sent-for-approval-btn {
  display: none !important;
}


.stop-update #add-tag-form input,
.stop-update input.force-input {
  pointer-events: initial !important;
}

/* theme body modal */
.theme-body-modal-div {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}

.theme-body-modal-div.show {
  display: block;
  position: fixed;
  z-index: 9999 !important;
}

.theme-body-modal-div .theme-body-container {
  background: white;
  position: absolute;
  left: 0;
  top: 134px;
  width: 100%;
  height: calc(100% - 134px);
  overflow-y: auto;
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
}

.theme-body-close-btn {
  width: 32px;
  height: 32px;
  background: #eeeeee;
  color: #2D3B36;
  border-radius: 9px;
  border: none !important;
}

.theme-body-modal-div .theme-body-container .theme-body-main-content {
  height: calc(100% - 120px);
  overflow-y: auto;
}

.theme-body-modal-div .theme-body-container .theme-body-footer {
  height: 56px;
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px !important;
  display: flex;
  justify-content: end;
}

/* end of theme modal */

/* theme tax input table */
.tax_input_div {
  display: flex;
  align-items: center;
  height: 62px;
}

.tax_input_div label {
  display: inline-block;
  margin: 0 8px;
}

.file-download-div label,
.file-top-label {
  transform: translateX(0.5rem);
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #8e96a6;
}

.file-download-div .theme-link {
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-download-div label {
  background-color: transparent !important;
}


.sales-order-table-item-div,
.po-order-table-item-div,
#inventory-gio-item-input-row .inventory-gio-item-input-container,
.supplier-file-table-item-div,
.supplier-agreement-table-item-div,
.customer-file-table-item-div,
.customer-agreement-table-item-div {
  height: 62px;
  display: flex;
  align-items: center;
}

.sales-order-item-row.editing-item-row,
.po-item-row.editing-item-row {
  display: none;
}


/* status notify */

#status-notify-div {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 18px;
  z-index: 9999;
}

#status-notify-div .status-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#status-notify-div .status-container .status-card {
  padding: 20px;
  border: 1px solid #DDE1EC;
  background: white;
  border-radius: 16px;
  box-shadow: 3px 0px 2px 0px #00000014;
  display: inline-flex;
  align-items: center;
  gap: 10px
}

#status-notify-div .status-container .status-card .status-success {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #00DEA3;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.success .status-container .status-card .status-success {
  display: inline-flex;
  align-items: center;
}


#status-notify-div .status-container .status-card .status-error {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f04b6a;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.error .status-container .status-card .status-error {
  display: inline-flex;
  align-items: center;
}

#status-notify-div .status-container .status-card span {
  font-size: 20px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  color: #2D3B36;
}

/* end of status notify */



.errored-input {
  border-color: #f04b6a !important;
}


tr.edit-hide-item {
  display: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association input {
  background: #e9ecef;
}


#model-rejection-form input#model-rejection-reason {
  pointer-events: all !important;
}


.dark-icon {
  fill: #212529;
}

.dark-outline-icon path {
  stroke: #212529 !important;
}

.theme-icon-input-group {
  padding: 0.375rem 0.6rem;
}

.nav-link .theme-icon path {
  stroke: #fff !important;
}

.nav-link.active .theme-icon path {
  stroke: #00DEA3 !important;
}

.theme-margin-left-btn {
  margin-left: 3px;
}

.theme-margin-right-btn {
  margin-right: 3px;
}

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

.btn-flex-content-center span {
  display: block;
  margin: 0 2px;
}


.btn-status {
  text-transform: capitalize;
  background: #fff166;
  font-weight: 500;
  font-family: 'greycliff-regular';
  min-width: 152px;
}


.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: #00dea3 !important;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border-left: none !important;
}


#emergency-contact-add-edit-row td .table-column-container-flex {
  display: flex;
  align-items: center;
  height: 63px;
}


#navbar-display-name {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 14px;
  display: block;
}

#navbar-display-id {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 12px;
}

.ss-main .ss-values,
.ss-content .ss-list .ss-option {
  text-transform: capitalize;
}

.dual-listbox__search {
  display: none !important;
}

.dual-listbox .dual-listbox__title {
  padding: 8px 10px !important;
  font-size: 20px !important;
  font-family: 'greycliff-demibold';
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #2D3B36;
}


.dual-listbox .dual-listbox__item {
  display: block;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid #eeee;
  transition: background .2s ease;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  color: #2D3B36;
}

.dual-listbox .dual-listbox__button {
  min-height: 32px;
  background-color: #2D3B36 !important;
  border-radius: 9px;
  padding-left: 16px !important;
  padding-right: 16px !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: #00dea3 !important;
  color: white;
}


.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  border: 1px solid #eee;
}


.right-remove-duallist-btn {
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  left: 4px;
}


.left-add-duallist-btn {
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  right: 4px;
  transform: rotate(180deg);
}


.raised-floating-label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
}


#billing-select-row.disable-section,
#billing-address-div.disable-section {
  display: none;
}


.overflow-90-text {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* .table-display-row,
.table-edit-row.no-edit{
    display: none;
} */


.table-display-row.no-edit {
  display: revert;
}


.table-edit-row div.table-column-container-flex {
  height: 62px;
  display: flex;
  align-items: center;
}


.mobile-logout-btn {
  display: none;
}

.collapse.navbar-collapse {
  width: auto;
  background: #2d3b36;
  height: 70px;
}

@media screen and (max-width:990px) {
  .arrow-right {
    display: none;
  }


  .navbar.navbar-expand-lg .container-fluid {
    overflow-x: initial;
    white-space: inherit;
  }

  .navbar-collapse {
    background: #2d3b36;
    z-index: 9;
  }

  .navbar-collapse.collapse.show form {
    display: none !important;
  }

  .mobile-logout-btn {
    display: block;
  }
}


#navbarText {
  background-color: transparent;
}

#navbarNav {
  background-color: transparent;
}


.vendor-po-file-table-item-div {
  width: 100%;
}




#secondary-roles-div {
  border: 1px solid #eee;
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  font-size: 14px;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  overflow-y: auto;
  cursor: pointer;
}

#secondary-roles-div #label-span {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

#secondary-roles-div span {
  display: block;
}

.dual-listbox .dual-listbox__container {
  justify-content: center;
}


.logo-img {
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}


#mis-table .table-column-container-flex,
#mip-table .table-column-container-flex,
#sof-item-table .table-column-container-flex {
  height: 62px;
  display: flex;
  align-items: center;
}




.mis-row.yellow,
.mip-row.yellow {
  background-color: #fff166;
}


.mis-row.red,
.mip-row.red {
  background-color: #f04b6a;
}

.mis-row.green,
.mip-row.green {
  background-color: #00DEA3;
}

.mis-row.blue,
.mip-row.blue {
  background-color: deepskyblue;
}


label.select-label {
  transform: translateY(-1.25rem) translateX(0.15rem) !important;
  height: 24px;
  top: 0 !important;
  padding: 0 !important;
  width: auto;
  left: 3px;
  top: 7px !important;
  background: #fff !important;
  padding: 0px 4px !important;
  border-radius: 4px;
  font-size: 13px !important;
  font-family: 'greycliff-light' !important;
  display: block;
  opacity: 1;
}


.navbar.subnav .nav-item svg {
  display: inline-block;
  margin-right: 4px;
}

.navbar.subnav .nav-link svg path {
  stroke: #2D3B36;
}

.navbar.subnav .nav-link.active svg path {
  stroke: #00DEA3;
}

.form-control:read-only {
  background-color: var(--bs-form-control-disabled-bg);
  opacity: 1;
}

.form-floating.input-theme-div:has(.file-download-div) {
  background-color: transparent !important;
  border: none !important;
}


.form-control[type='file'] {
  min-width: 140px;
}


.table-column-container-flex .input-theme-div input[type="text"],
.table-column-container-flex .input-theme-div input[type="email"] {
  min-width: 120px;
}


.edited-field .input-theme-div {
  border: 1px solid #00DEDA;
}

.edited-field .floating-label {
  border: 1px solid #00deda;
}

td span.edited-span {
  border: 1px solid #00deda;
  border-radius: 8px;
}

.table-display-row.edited-row {
  border: 1px solid #00deda;
  box-shadow: 0px -1px 0px 0px #00deda;
}

.ss-main.floating-select.readonly {
  pointer-events: none;
}

.input-theme-div input[type='number'] {
  min-width: 70px;
}

/* Hide the spinner buttons for number input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide the spinner buttons for number input in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.stop-update td button.always-show {
  display: block;
}



.btn-table-options {
  border: none;
}

.btn-table-options+.dropdown-menu {
  color: #2e3b36;
}

.btn-table-options+.dropdown-menu .dropdown-item {
  font-family: 'greycliff-medium';
}

.btn-table-options+.dropdown-menu .dropdown-item:hover {
  background-color: #00dea3;
  color: white;
}



.allocate-stats-div {
  display: flex;
  width: 100%;
  align-items: center;
}

.reallocate-info-div {
  display: inline-block;
  flex-grow: 1;
  padding: 4px 8px;
}

.reallocate-info-div label {
  display: block;
  font-family: 'greycliff-light';
}

.reallocate-info-div input {
  width: 100%;
  font-family: 'greycliff-medium';
}


.pagination-container {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.pagination-container button.disabled {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor: initial;
  color: #000000;
}

.pagination-container button.disabled svg path {
  stroke: #2D3B3680;
}

.pagination-container button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.pagination-container button svg path {
  stroke: #ffffff;
}

.pagination-container button:active,
.pagination-container button:hover {
  background: #1C2A25;
}










.sub-pagination-container {
  position: fixed;
  right: 128px;
  bottom: 8px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.sub-pagination-container button.disabled {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor: initial;
}

.sub-pagination-container button.disabled svg path {
  stroke: #2D3B3680;
}

.sub-pagination-container button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.sub-pagination-container button svg path {
  stroke: #ffffff;
}

.sub-pagination-container button:active,
.sub-pagination-container button:hover {
  background: #1C2A25;
}


.sub-pagination-container button.disabled:active,
.sub-pagination-container button.disabled:hover {
  background: #F5F4F7;
}


ul.hidenav-options li {
  display: none;
}



/* ==================== Sortable */
.sortable th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th span {
  cursor: pointer;
}

.sortable th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable th span.dir-d::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable th span.dir-u::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th.no-sort span {
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}



.sortable-main th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th {
  cursor: pointer;
}

.sortable-main th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable-main th.sort_asc span::after,
.sortable th.sort_asc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable-main th.sort_dsc span::after,
.sortable th.sort_dsc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th.no-sort {
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}

/* ==================== End Sortable */


#add-tag-btn {
  min-width: 90px;
}


#tags-list .list-item {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #dde1ec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#tags-list .list-item button {
  padding: 0;
}

.search-container-div input.form-control,
#id_tags {
  outline: none !important;
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}

.search-container-div span.input-group-text {
  cursor: pointer;
}

.theme-primary-btn[disabled] {
  cursor: not-allowed;
  opacity: .65;
}

#sales-order-items-form-submit[disabled] {
  cursor: not-allowed;
  opacity: .65;
}


.ss-main .ss-values .ss-single {
  max-width: 200px;
  overflow: auto;
}


ul.hidenav-options li.force-admin-show {
  display: block;
}

td.header-col span {
  max-width: none !important;
  font-weight: bold;
}

.container.range-plugin .calendar>.days-grid>.day.in-range {
  background-color: #00DEA3 !important;
}





.main-nosupplier-row td {
  max-width: 300px;
  width: 150px;
}

.main-nosupplier-row td .ss-main .ss-values {
  max-width: 90%;
}

.main-nosupplier-row td .ss-main .ss-values .ss-single {
  max-width: 100%;
}

.table.sortable-main {
  margin-bottom: 60px;
}


.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  height: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1 !important;
  outline: 0px solid slategrey !important;
  border-radius: 8px;
  width: 3px !important;
}


.table-responsive.horizontal-scroll {
  height: calc(100% - 240px);
}

@font-face {
  font-family: "greycliff-bold";
  src: url("../fonts/GreycliffCF-Bold.ttf");
}

@font-face {
  font-family: "greycliff-boldoblique";
  src: url("../fonts/GreycliffCF-BoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-demibold";
  src: url("../fonts/GreycliffCF-DemiBold.ttf");
}


@font-face {
  font-family: "greycliff-demiboldoblique";
  src: url("../fonts/GreycliffCF-DemiBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-extrabold";
  src: url("../fonts/GreycliffCF-ExtraBold.ttf");
}

@font-face {
  font-family: "greycliff-extraboldoblique";
  src: url("../fonts/GreycliffCF-ExtraBoldOblique.ttf");
}

@font-face {
  font-family: "greycliff-heavy";
  src: url("../fonts/GreycliffCF-Heavy.ttf");
}

@font-face {
  font-family: "greycliff-heavyoblique";
  src: url("../fonts/GreycliffCF-HeavyOblique.ttf");
}


@font-face {
  font-family: "greycliff-light";
  src: url("../fonts/GreycliffCF-Light.ttf");
}


@font-face {
  font-family: "greycliff-lightoblique";
  src: url("../fonts/GreycliffCF-LightOblique.ttf");
}


@font-face {
  font-family: "greycliff-medium";
  src: url("../fonts/GreycliffCF-Medium.ttf");
}

@font-face {
  font-family: "greycliff-mediumoblique";
  src: url("../fonts/GreycliffCF-MediumOblique.ttf");
}


@font-face {
  font-family: "greycliff-regular";
  src: url("../fonts/GreycliffCF-Regular.ttf");
}


@font-face {
  font-family: "greycliff-regularoblique";
  src: url("../fonts/GreycliffCF-RegularOblique.ttf");
}


.home-body {
  background-color: #EEF3F2;
}

.navbar-home .nav-item {
  margin-right: 40px;
  font-size: 20px;
  color: #2D3B36;
}

.theme-card-header {
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 24px;
  font-family: "greycliff-light";
}

.profile-pic-btn.dropdown-toggle::after {
  display: none;
}

.profile-pic-btn.dropdown-toggle+.dropdown-menu.show {
  left: -110px;
}

.navbar-home .nav-item .nav-link {
  color: #2D3B36;
  font-family: "greycliff-medium";
}

.navbar-home .btn-disabled {
  background: #6c757d;
  padding: 14px;
  display: block;
  min-width: 100px;
  font-size: 20px;
}


.home-body .home-header-text {
  font-family: "greycliff-bold";
  font-size: 60px;
}

.home-body .home-subtext {
  font-family: "greycliff-light";
  font-size: 24px;
}


.home-body .login-home-btn {
  font-size: 18px;
  font-family: "greycliff-light";
}

.theme-primary-btn {
  min-height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-primary-btn:hover {
  background: #00cE92;
  color: white;
}

.home-body footer {
  width: 100%;
  display: flex;
  justify-content: center;
  background: #e0e0e0;
  font-size: 16px;
  padding: 4px;
}



:root {
  --theme-bg-color: #2D3B36;
}

.body-dashboard {
  background: #fbfbfb;
}

/* navbar css */
.navbar.navbar-expand-lg.navbar-theme {
  color: white;
  height: 70px;
  background-color: var(--theme-bg-color) !important;
  padding: 0;
}

.navbar.navbar-expand-lg .container-fluid {
  padding: 0;
  margin: 0;
  height: 70px;
  /* overflow-x: auto; */
  /* overflow-y: visible; */
  /* overflow-x: auto;
  white-space: nowrap; */
}

.logo-nav-container {
  display: flex;
  padding-left: 20px;
  align-items: center;
  background: white;
  position: relative;
  padding-right: 8px;
  height: 70px;
}


.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link {
  color: white;
  font-size: 16px;
  font-family: "greycliff-demibold";
  font-weight: 600;
  display: inline-flex;
  align-items: center;
}

.navbar-theme.navbar.navbar-expand-lg .nav-item .nav-link span {
  padding-left: 11px;
}

.navbar.navbar-expand-lg .nav-item .nav-link.active {
  color: #00DEA3;
  background: #3E4B46;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
}

.navbar.navbar-expand-lg .nav-item {
  margin-left: 20px;
}

.arrow-right {
  width: 0;
  height: 0;
  border-top: 70px solid transparent;
  border-left: 40px solid white;
  border-bottom: 1px solid white;
}

.notify-btn {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 24px;
  width: 50px;
}

.profile-pic-btn {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  color: white;
  font-size: 36px;
  width: 50px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.profile-pic-btn img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
}


/* card theme */

.theme-card-home.card {
  border-radius: 16px;
}

.theme-card-home .card-body {
  padding: 0;
}

.theme-card-home .card-text {
  min-height: 100px;
  border-radius: 9px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 48px;
  font-family: "greycliff-bold";
}

.theme-card-home .card-title {
  padding: 8px;
  font-size: 19px;
  font-family: "greycliff-light";
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.theme-card-home.green {
  background-color: #4cb28d;
}

.theme-card-home.green .card-text {
  background-color: #5DC39E;
  border-radius: 16px;
}


.theme-card-home.purple {
  background-color: #6b3ac1;
}

.theme-card-home.purple .card-text {
  background-color: #7C4BE4;
  border-radius: 16px;
}

.theme-card-home.pink {
  background-color: #B320BF;
}

.theme-card-home.pink .card-text {
  background-color: #C431CF;
  border-radius: 16px;
}

.theme-card-home.blue {
  background-color: #4744DE;
}

.theme-card-home.blue .card-text {
  background-color: #5855ef;
  border-radius: 16px;
}


/* theme table cards */

.theme-table-card-container {
  width: 100%;
}

.theme-table-card-container .theme-table-card-header {
  color: white;
  font-size: 24px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "greycliff-bold";
  border-radius: 8px;
}


.theme-table-card-container .theme-card-body {
  width: 100%;
}

.theme-table-card-container .theme-table-card-header.green {
  background-color: #5DC39E;
}



.theme-table-card-container .theme-table-card-header.yellow {
  background-color: #E2D66B;
}


.theme-table-card-container .theme-table-card-header.blue {
  background-color: #208CDA;
}

.theme-table-card-container .theme-table-card-header.red {
  background-color: #DA2020;
}


.theme-table-card-container .theme-table-card-header.purple {
  background-color: #7C4BE4;
}

.theme-table-card-container .theme-table-card-header.pink {
  background-color: #B320BF;
}


.theme-table-card-container .theme-table-card-header .btn {
  background-color: transparent;
  color: white;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

/* theme tables */

.theme-table {
  background-color: white;
  overflow: auto;
}

.theme-table thead {
  height: 56px;
}

.theme-table thead th {
  font-size: 15px;
  font-weight: 600;
  font-family: "greycliff-demibold";
  color: #2d3b36b3;
  padding: 0px;
  white-space: nowrap;
}

.theme-table thead th span {
  display: flex;
  height: 62px;
  padding: 8px 12px;
  align-items: center;
}

.theme-table tbody tr {
  height: 62px;
  border-bottom: 1px solid #eeeeee;
}

.theme-table tbody td {
  font-size: 16px;
  font-family: "greycliff-light";
  color: #2D3B36;
  padding: 0px;
  white-space: nowrap;
  font-weight: 400;
  padding: 0 2px;
}

.theme-table tbody td span {
  display: flex;
  height: 62px;
  padding: 8px;
  align-items: center;
  /* max-width: 280px; */
  text-transform: capitalize;
  overflow: auto;
  text-overflow: ellipsis;
  overflow-y: hidden;
  max-width: 250px;
  overflow-x: auto;
}

.theme-table tbody td span.justify-content-center,
.theme-table tbody td span.w-100 {
  max-width: none;
}

.theme-table thead tr th:nth-child(2),
.theme-table tbody tr td:nth-child(2) {
  /* background-color: #FEFCF3; */
}

.theme-table thead {
  /* border-bottom: 1px solid #fbdd63; */
}

.theme-table tbody tr:hover {
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


.theme-table tbody#reference-gio-table-body tr:hover {
  border-top: 1px solid #fbdd63;
  background-color: #FEFCF3;
  border-color: #FBDD63;
  border-left: 4px solid #fbdd63;
}


/* page header css */
.page-header-div {
  height: 64px;
  display: flex;
  align-items: center;
  background: white;
  justify-content: space-between;
  border-bottom: 1px solid #DDE1EC;
}

.page-header-div h2 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-bold";
  font-weight: 700;
  overflow: auto;
  white-space: nowrap;
}

.page-header-div .header-end-div {
  margin-right: 20px;
  overflow-x: auto;
  white-space: nowrap;
}

.page-header-div .header-start-div {
  display: flex;
  align-items: center;
}

.page-header-back-btn {
  background: transparent;
  border: none;
  outline: none;
  font-size: 24px;
  margin-left: 16px;
}


/* Buttons */
.theme-outline-btn {
  height: 32px;
  background: white;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #DDE1EC;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn {
  min-height: 32px;
  background: #2D3B36;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-secondary-btn:hover {
  background: #3E4C47;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
}



.theme-modal-secondary-btn {
  height: 40px;
  background: #eeeeee;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}

.theme-modal-primary-btn {
  height: 40px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #2D3B36;
  border: 1px solid #fff;
  font-size: 17px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.theme-modal-reject-btn {
  height: 40px;
  background: #DA2020;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 17px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}


.theme-filter-active-btn {
  background-color: rgb(0 222 163 / 12%);
  color: #2D3B36;
  font-size: 14px;
  border-radius: 9px;
  border: 1px solid #00dea3;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  height: 32px;
}

.theme-filter-active-btn .num-span {
  background-color: #00DEA3;
  padding: 4px;
  font-size: 10px;
  font-weight: 800;
  border-radius: 50%;
  width: 18px;
  display: block;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


.btn-instock {
  background: #5DC39E;
  color: white;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}


.btn-shortfall {
  background: #fff166;
  color: black;
  font-size: 16px;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 400;
  text-transform: capitalize;
  border: none;
}

/* search css */
.search-container-div,
.search-container-div input {
  height: 32px !important;
  max-width: 200px;
}

.search-container-div input {
  padding: 8px;
  font-size: 14px !important;
}

.search-container-div label {
  height: 32px;
  padding: 4px 8px;
  font-size: 15px !important;
  font-family: 'greycliff-medium';
  font-weight: 500;
}


.search-container-div.form-floating>.form-control:focus~label,
.search-container-div.form-floating>.form-control:not(:placeholder-shown)~label {
  transform: translateY(-1.5rem);
}

.search-container-div input {
  padding-top: 8px !important;
  border-right: none !important;
}

.search-container-div.theme-input-div.input-group .input-group-text {
  background: transparent;
  border-left: none;
  color: #00DEA3;
}

/* subheader  */

.page-subheader-div {
  width: 100%;
  display: flex;
  align-items: center;
  height: 58px;
  justify-content: space-between;
  background: white;
  border: 1px solid #dde1ec;
  padding: 8px 20px;
}


.subheader-start-div,
.switch-container {
  display: flex;
  align-items: center;
}


.subheader-end-div {
  overflow: auto;
  white-space: nowrap;
  padding: 0 20px;
}



/* theme checkbox */
.theme-checkbox {
  border-radius: 20px;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 26px !important;
  height: 26px !important;
  border: 1px solid #eee;
  border-radius: 9px;
  cursor: pointer;
  padding: 0;
  position: relative;
}


input.theme-checkbox {
  transition: box-shadow .3s;
  background: #fff;
}

input:checked.theme-checkbox {
  box-shadow: inset 0 0 0 20px #FBDD63;
}

input:checked.theme-checkbox:after {
  content: url(../img/checkbox-checked.svg);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* detail page header */

.detail-page-header {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 25px;
  margin-left: 16px;
  margin-right: 16px;
  font-family: "greycliff-demibold";
  color: #2D3B36;
  font-weight: 700;
}


/* theme-input */

.input-theme-div {
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.table.theme-table .input-theme-div {
  background-color: white;
  /* border: 1px solid #2D3B36; */
  border: 1px solid #eeeeee;
  /* margin: 0 2px; */
}

.table.theme-table .ss-main {
  height: 40px;
  border: 1px solid #2e3b36;
  border-color: #2e3b36 !important;
  border-radius: 9px;
  background: white;
  /* margin: 0 2px; */
}

.input-theme-div.text-area {
  height: 80px;
}

.input-theme-div.text-area textarea {
  height: 80px;
  padding: 8px !important;
}

.input-theme-div input,
.input-theme-div select {
  height: 32px !important;
  border: none !important;
  padding: 0 8px !important;
  outline: none;
  box-shadow: none !important;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.input-theme-div.form-floating>label {
  position: absolute;
  top: -10px;
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
}

.input-theme-div.form-floating>.form-control:focus~label,
.input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label,
.input-theme-div.form-floating>.form-select~label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  opacity: 1;
}


.theme-table .input-theme-div.form-floating>.form-control:focus~label,
.theme-table .input-theme-div.form-floating>.form-control:not(:placeholder-shown)~label,
.theme-table .input-theme-div.form-floating>.form-select~label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 3px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
  display: block;
  opacity: 1;
}


.file-name-span {

  display: block;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 8px;
  text-overflow: ellipsis;
  font-size: 16px;
  font-family: 'greycliff-light';
  font-weight: 400;

}


/* detail page sub nav */
.detail-page-nav {
  display: flex;
  align-items: center;
  height: 52px;
  background: #3E4B46;
  margin: 40px 0;
  border-radius: 24px;
  padding: 0;
  color: white;
  overflow: hidden;
  white-space: nowrap;
  overflow-x: auto;
}

.detail-page-nav .detail-page-nav-item {
  font-size: 16px;
  display: block;
  padding: 0 16px;
  height: 52px;
  display: flex;
  align-items: center;
  font-family: "greycliff-demibold";
  cursor: pointer;
  font-weight: 600;

}

.detail-page-nav .detail-page-nav-item.active {
  background: #5B6662;
  color: #00dea3;
}

.detail-page-section {
  background: white;
  border: 1px solid #eee;
  box-shadow: 0 0 3px 0 rgb(0 0 0 / 10%);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 40px;
}

.detail-page-section .detail-page-header {
  font-size: 24px;
}

.detail-page-section .detail-page-subheader {
  font-size: 20px;
  font-family: "greycliff-demibold";
  font-weight: 600;
}


.detail-page-main-with-tags {
  width: 100%;
  padding: 20px;
}


.detail-page-tags-div {
  width: 100%;
  height: 100%;
  border: 1px solid #eeeeee;
  background: white;
  padding: 0px;
  min-height: 100%;
}

.detail-page-tags-div .tag-item {
  display: flex;
  padding: 8px;
  align-items: center;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  font-family: "greycliff-demibold";
  font-size: 16px;
  font-weight: 600;
}

.tag-item .theme-icon {
  margin-right: 11px;
  width: 18px;
  height: 18px;
}


.floating-label {
  position: relative;
  height: 40px;
  width: 100%;
  border: 1px solid #eee;
  border-radius: 9px;
  display: flex;
  align-items: center;
  background-color: white;
}

.floating-select {
  font-size: 16px;
  padding: 4px 4px;
  display: block;
  width: 98%;
  height: 32px;
  background-color: transparent;
  border: none;
}

.table.theme-table .floating-select {
  height: 40px;
  border: 1px solid #2e3b36;
  border-radius: 9px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
  font-size: 16px;
  color: #2e3b36;
  background: white;
}

.floating-select:focus {
  outline: none;
}

.floating-label label {
  position: absolute;
  font-size: 16px;
  font-weight: 200;
  left: 12px;
  z-index: 0;
  top: 6px;
  background: white;
  padding: 2px 4px;
  left: 0px;
  border-radius: 9px;
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.form-floating>label {
  font-family: 'greycliff-light';
  color: #8D96A5;
}

.floating-select:focus~label,
.floating-select:not([value=""])~label {
  transform: translateX(0.5rem) translateY(-1.25rem);
  font-size: 13px;
}

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

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* active state */
.floating-select:focus~ {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}


.theme-body-text {
  font-size: 15px;
  font-family: "greycliff-demibold";
  color: #212529;
  font-weight: 600;
}


.input-group-text {
  height: 100%;
  background: #fff;
  box-shadow: none;
  border: none;
}

.auth-input-group .input-group-text {
  height: auto;
}


.search-container-div .input-group-text {
  border: 1px solid #dee2e6;
}


.form-control[type=file]:not(:disabled):not([readonly]) {
  line-height: 32px;
}

.cursor-pointer {
  cursor: pointer;
}

.subpage-all.detail-page-section,
.subpage-1.detail-page-section,
.subpage-2.detail-page-section,
.subpage-3.detail-page-section {
  display: none;
}

.subpage-all.detail-page-section.active,
.subpage-1.detail-page-section.active,
.subpage-2.detail-page-section.active,
.subpage-3.detail-page-section.active {
  display: block;
}


.toggle-subpage-detail-form {
  display: none;
}

.toggle-subpage-detail-table {
  display: block;
}

.show-form .toggle-subpage-detail-form {
  display: block;
}

.show-form .toggle-subpage-detail-table {
  display: none;
}


.preview-img-small {
  width: 40px;
  height: 40px;
  object-fit: contain;
  box-shadow: 0 0 3px 0px rgb(0 0 0 / 20%);
}


.disable-section {
  opacity: 0.5;
  pointer-events: none;
}

.theme-reject-btn {
  height: 32px;
  background: #f04b6a;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
}


.theme-approve-btn {
  height: 32px;
  background: #00DEA3;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn {
  height: 32px;
  background: #00DEDA;
  border-radius: 9px;
  padding-left: 16px;
  padding-right: 16px;
  color: #ffffff;
  border: 1px solid #fff;
  font-size: 14px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
}

.theme-secondary-header-btn:hover {
  background: #11DFEB;
}


.modal-title {
  font-family: "greycliff-demibold";
  font-size: 24px;
  font-weight: 600;
}

.model-body p {
  font-size: 15px;
  font-weight: 500;
  font-family: 'greycliff-medium';
  color: #2D3B36;
}

.modal-header,
.model-body,
.modal-footer {
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px !important;
}

.detail-page-section .row {
  position: relative;
  z-index: 10;
}


.ss-main {
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}


.order-status-label {
  color: #FFAE6B;
  text-transform: uppercase !important;
}



/* subnav */
.navbar.subnav {
  background: white;
  height: 46px;
}

.navbar.subnav.navbar-expand-lg .container-fluid {
  height: 46px;
}

.navbar.subnav .nav-item .nav-link {
  color: #2D3B36;
  font-size: 16px;
}

.navbar.subnav.navbar-expand-lg .nav-item .nav-link.active {
  color: #00DEA3;
  background: transparent;
  border-radius: 0;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 3px solid #00DEA3;
}

/* endof subnav */


/* .theme-table.modal-table thead tr th:nth-child(2), 
.theme-table.modal-table tbody tr td:nth-child(2) {
  background-color: #fff;
} */

/* .theme-table.modal-table tbody tr:nth-child(1) {
border-top: none;
background-color: #fff;
border-color: #fff;
border-left: none;
} */

.theme-table.modal-table thead {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
}

.theme-table.modal-table tbody tr {
  border-bottom: 1px solid transparent !important;
}


.success-text {
  color: #00dea3;
}

.multiple-warehouses-text {
  color: #FFAE6B;
}

.not-fulfillable-text {
  color: #f04b6a;
}

.reference-gio-table-row .row-item-div,
.reference-gio-input-row .row-item-div,
.iwt-gio-table-row .row-item-div,
.iwt-gio-input-row .row-item-div {
  height: 62px;
  display: inline-flex;
  align-items: center;
}

.gio-min-width-col {
  min-width: 124px;
}

.sent-for-approval #gio-send-for-approval,
.sent-for-approval #update-gio-btn,
.sent-for-approval #add-gio-reference,
.sent-for-approval #add-gio-iwt,
.sent-for-approval .gio-min-width-col .btn,
.sent-for-approval .gio-min-width-col.btn-col,
.stop-update td button {
  display: none;
}



.stop-update td button.download-btn,
.stop-update td .btn.force-show {
  display: block;
}

.disabled-btn {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.back-btn-icon {
  background: #eeeeee;
  /* border: 1px solid black; */
  border-radius: 9px;
  width: 32px;
  height: 32px;
  padding: 8px;
}


.so-export-options-btn {
  min-width: 110px;
  text-transform: uppercase;
}


.disabled-input-container {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

.ss-main.ss-disabled {
  background-color: #e9ecef !important;
  cursor: not-allowed;
}

#print-preview-div {
  max-height: 80%;
  height: 400px;
}


body.awaiting-approval .detail-page-button-footer,
body.awaiting-approval .page-subheader-div .theme-primary-btn,
body.awaiting-approval .edit-sales-item-btn,
body.awaiting-approval .remove-sales-item-btn,
body.awaiting-approval .file-delete-btn,
body.awaiting-approval .po-item-row .btn,
body.awaiting-approval #create-vendor-po-btn {
  display: none !important;
}

.stop-update .detail-page-button-footer,
.stop-update .page-subheader-div .theme-primary-btn,
.stop-update .edit-sales-item-btn,
.stop-update .remove-sales-item-btn,
.stop-update .file-delete-btn {
  display: none !important;
}


.stop-update .page-subheader-div .theme-primary-btn.force-show {
  display: block !important;
}

.stop-update #customer-spa-table td button {
  display: block !important;
}

#customer-spa-table td input {
  pointer-events: all !important;
}

.stop-update .detail-page-button-footer.always-show {
  display: flex !important;
}

.stop-update .always-show input,
.stop-update .always-show .floating-select {
  pointer-events: all !important;
}


#sales-item-add-edit-row.edit-item .disabled-when-edit,
#sales-item-add-edit-row.edit-item .disabled-when-edit input {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}


.modal-content {
  border-radius: 16px;
  padding: 8px 4px;
}


.order-accepted input,
.order-accepted .floating-label,
.stop-update input,
.stop-update textarea,
.stop-update .floating-label,
.awaiting-approval input,
.awaiting-approval .floating-label,
.awaiting-approval .floating-select {
  pointer-events: none !important;
}

.awaiting-approval .hide-when-non-editable,
.awaiting-approval .sent-for-approval-btn {
  display: none !important;
}


.stop-update #add-tag-form input,
.stop-update input.force-input {
  pointer-events: initial !important;
}

/* theme body modal */
.theme-body-modal-div {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: none;
}

.theme-body-modal-div.show {
  display: block;
  position: fixed;
  z-index: 9999 !important;
}

.theme-body-modal-div .theme-body-container {
  background: white;
  position: absolute;
  left: 0;
  top: 134px;
  width: 100%;
  height: calc(100% - 134px);
  overflow-y: auto;
  border-top-right-radius: 23px;
  border-top-left-radius: 23px;
}

.theme-body-close-btn {
  width: 32px;
  height: 32px;
  background: #eeeeee;
  color: #2D3B36;
  border-radius: 9px;
  border: none !important;
}

.theme-body-modal-div .theme-body-container .theme-body-main-content {
  height: calc(100% - 120px);
  overflow-y: auto;
}

.theme-body-modal-div .theme-body-container .theme-body-footer {
  height: 56px;
  border-bottom: 0 !important;
  border-top: 0 !important;
  padding: 8px 16px !important;
  display: flex;
  justify-content: end;
}

/* end of theme modal */

/* theme tax input table */
.tax_input_div {
  display: flex;
  align-items: center;
  height: 62px;
}

.tax_input_div label {
  display: inline-block;
  margin: 0 8px;
}

.file-download-div label,
.file-top-label {
  transform: translateX(0.5rem);
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #8e96a6;
}

.file-download-div .theme-link {
  max-width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.file-download-div label {
  background-color: transparent !important;
}


.sales-order-table-item-div,
.po-order-table-item-div,
#inventory-gio-item-input-row .inventory-gio-item-input-container,
.supplier-file-table-item-div,
.supplier-agreement-table-item-div,
.customer-file-table-item-div,
.customer-agreement-table-item-div {
  height: 62px;
  display: flex;
  align-items: center;
}

.sales-order-item-row.editing-item-row,
.po-item-row.editing-item-row {
  display: none;
}


/* status notify */

#status-notify-div {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 18px;
  z-index: 9999;
}

#status-notify-div .status-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

#status-notify-div .status-container .status-card {
  padding: 20px;
  border: 1px solid #DDE1EC;
  background: white;
  border-radius: 16px;
  box-shadow: 3px 0px 2px 0px #00000014;
  display: inline-flex;
  align-items: center;
  gap: 10px
}

#status-notify-div .status-container .status-card .status-success {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #00DEA3;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.success .status-container .status-card .status-success {
  display: inline-flex;
  align-items: center;
}


#status-notify-div .status-container .status-card .status-error {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: none;
  background: #f04b6a;
  color: white;
  /* margin-right: 14px; */
  display: none;
}

#status-notify-div.error .status-container .status-card .status-error {
  display: inline-flex;
  align-items: center;
}

#status-notify-div .status-container .status-card span {
  font-size: 20px;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  color: #2D3B36;
}

/* end of status notify */



.errored-input {
  border-color: #f04b6a !important;
}


tr.edit-hide-item {
  display: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association {
  background-color: #e9ecef !important;
  pointer-events: none !important;
}

#inventory-gio-item-input-row.edit-row .gio-item-code-input-association input {
  background: #e9ecef;
}


#model-rejection-form input#model-rejection-reason {
  pointer-events: all !important;
}


.dark-icon {
  fill: #212529;
}

.dark-outline-icon path {
  stroke: #212529 !important;
}

.theme-icon-input-group {
  padding: 0.375rem 0.6rem;
}

.nav-link .theme-icon path {
  stroke: #fff !important;
}

.nav-link.active .theme-icon path {
  stroke: #00DEA3 !important;
}

.theme-margin-left-btn {
  margin-left: 3px;
}

.theme-margin-right-btn {
  margin-right: 3px;
}

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

.btn-flex-content-center span {
  display: block;
  margin: 0 2px;
}


.btn-status {
  text-transform: capitalize;
  background: #fff166;
  font-weight: 500;
  font-family: 'greycliff-regular';
  min-width: 152px;
}


.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: #00dea3 !important;
}

.ss-main .ss-values .ss-value .ss-value-delete {
  border-left: none !important;
}


#emergency-contact-add-edit-row td .table-column-container-flex {
  display: flex;
  align-items: center;
  height: 63px;
}


#navbar-display-name {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 14px;
  display: block;
}

#navbar-display-id {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'greycliff-demibold';
  font-size: 12px;
}

.ss-main .ss-values,
.ss-content .ss-list .ss-option {
  text-transform: capitalize;
}

.dual-listbox__search {
  display: none !important;
}

.dual-listbox .dual-listbox__title {
  padding: 8px 10px !important;
  font-size: 20px !important;
  font-family: 'greycliff-demibold';
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #2D3B36;
}


.dual-listbox .dual-listbox__item {
  display: block;
  padding: 10px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-bottom: 1px solid #eeee;
  transition: background .2s ease;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  color: #2D3B36;
}

.dual-listbox .dual-listbox__button {
  min-height: 32px;
  background-color: #2D3B36 !important;
  border-radius: 9px;
  padding-left: 16px !important;
  padding-right: 16px !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  font-size: 14px;
  font-family: 'greycliff-demibold';
  font-weight: 600;
}


.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
  background-color: #00dea3 !important;
  color: white;
}


.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  border: 1px solid #eee;
}


.right-remove-duallist-btn {
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  left: 4px;
}


.left-add-duallist-btn {
  display: block;
  margin: auto;
  text-align: center;
  position: relative;
  right: 4px;
  transform: rotate(180deg);
}


.raised-floating-label {
  transform: translateY(-1.25rem) translateX(0.15rem);
  height: 24px;
  top: 0;
  padding: 0;
  width: auto;
  left: 12px;
  top: 7px;
  background: #fff;
  padding: 0px 4px;
  border-radius: 4px;
  font-size: 13px;
  font-family: 'greycliff-light';
}


#billing-select-row.disable-section,
#billing-address-div.disable-section {
  display: none;
}


.overflow-90-text {
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* .table-display-row,
.table-edit-row.no-edit{
  display: none;
} */


.table-display-row.no-edit {
  display: revert;
}


.table-edit-row div.table-column-container-flex {
  height: 62px;
  display: flex;
  align-items: center;
}


.mobile-logout-btn {
  display: none;
}

.collapse.navbar-collapse {
  width: auto;
  background: #2d3b36;
  height: 70px;
}

@media screen and (max-width:990px) {
  .arrow-right {
    display: none;
  }


  .navbar.navbar-expand-lg .container-fluid {
    overflow-x: initial;
    white-space: inherit;
  }

  .navbar-collapse {
    background: #2d3b36;
    z-index: 9;
  }

  .navbar-collapse.collapse.show form {
    display: none !important;
  }

  .mobile-logout-btn {
    display: block;
  }
}


#navbarText {
  background-color: transparent;
}

#navbarNav {
  background-color: transparent;
}


.vendor-po-file-table-item-div {
  width: 100%;
}




#secondary-roles-div {
  border: 1px solid #eee;
  padding: 12px;
  border-radius: 8px;
  width: 100%;
  height: 150px;
  font-size: 14px;
  color: #2D3B36;
  font-weight: 600;
  font-family: 'greycliff-demibold';
  overflow-y: auto;
  cursor: pointer;
}

#secondary-roles-div #label-span {
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
}

#secondary-roles-div span {
  display: block;
}

.dual-listbox .dual-listbox__container {
  justify-content: center;
}


.logo-img {
  max-width: 100%;
  max-height: 50px;
  object-fit: contain;
}


#mis-table .table-column-container-flex,
#mip-table .table-column-container-flex,
#sof-item-table .table-column-container-flex {
  height: 62px;
  display: flex;
  align-items: center;
}




.mis-row.yellow,
.mip-row.yellow {
  background-color: #fff166;
}


.mis-row.red,
.mip-row.red {
  background-color: #f04b6a;
}

.mis-row.green,
.mip-row.green {
  background-color: #00DEA3;
}

.mis-row.blue,
.mip-row.blue {
  background-color: deepskyblue;
}


label.select-label {
  transform: translateY(-1.25rem) translateX(0.15rem) !important;
  height: 24px;
  top: 0 !important;
  padding: 0 !important;
  width: auto;
  left: 3px;
  top: 7px !important;
  background: #fff !important;
  padding: 0px 4px !important;
  border-radius: 4px;
  font-size: 13px !important;
  font-family: 'greycliff-light' !important;
  display: block;
  opacity: 1;
}


.navbar.subnav .nav-item svg {
  display: inline-block;
  margin-right: 4px;
}

.navbar.subnav .nav-link svg path {
  stroke: #2D3B36;
}

.navbar.subnav .nav-link.active svg path {
  stroke: #00DEA3;
}

.form-control:read-only {
  background-color: var(--bs-form-control-disabled-bg);
  opacity: 1;
}

.form-floating.input-theme-div:has(.file-download-div) {
  background-color: transparent !important;
  border: none !important;
}


.form-control[type='file'] {
  min-width: 140px;
}


.table-column-container-flex .input-theme-div input[type="text"],
.table-column-container-flex .input-theme-div input[type="email"] {
  min-width: 120px;
}


.edited-field .input-theme-div {
  border: 1px solid #00DEDA;
}

.edited-field .floating-label {
  border: 1px solid #00deda;
}

td span.edited-span {
  border: 1px solid #00deda;
  border-radius: 8px;
}

.table-display-row.edited-row {
  border: 1px solid #00deda;
  box-shadow: 0px -1px 0px 0px #00deda;
}

.ss-main.floating-select.readonly {
  pointer-events: none;
}

.input-theme-div input[type='number'] {
  min-width: 70px;
}

/* Hide the spinner buttons for number input */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Hide the spinner buttons for number input in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.stop-update td button.always-show {
  display: block;
}



.btn-table-options {
  border: none;
}

.btn-table-options+.dropdown-menu {
  color: #2e3b36;
}

.btn-table-options+.dropdown-menu .dropdown-item {
  font-family: 'greycliff-medium';
}

.btn-table-options+.dropdown-menu .dropdown-item:hover {
  background-color: #00dea3;
  color: white;
}



.allocate-stats-div {
  display: flex;
  width: 100%;
  align-items: center;
}

.reallocate-info-div {
  display: inline-block;
  flex-grow: 1;
  padding: 4px 8px;
}

.reallocate-info-div label {
  display: block;
  font-family: 'greycliff-light';
}

.reallocate-info-div input {
  width: 100%;
  font-family: 'greycliff-medium';
}


.pagination-container {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.pagination-container button.disabled {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor: initial;
  color: #000000;
}

.pagination-container button.disabled svg path {
  stroke: #2D3B3680;
}

.pagination-container button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.pagination-container button svg path {
  stroke: #ffffff;
}

.pagination-container button:active,
.pagination-container button:hover {
  background: #1C2A25;
}










.sub-pagination-container {
  position: fixed;
  right: 128px;
  bottom: 8px;
  width: 120px;
  height: 54px;
  border-radius: 16px;
  background: white;
  border: 1px solid #DDE1EC;
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 3px 0px 2px 0px #00000014;
  border: 1px solid #DDE1EC;
}

.sub-pagination-container button.disabled {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #F5F4F7;
  border: 2px solid #F5F4F7;
  cursor: initial;
}

.sub-pagination-container button.disabled svg path {
  stroke: #2D3B3680;
}

.sub-pagination-container button {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2D3B36;
  border: 2px solid #F5F4F7;
}

.sub-pagination-container button svg path {
  stroke: #ffffff;
}

.sub-pagination-container button:active,
.sub-pagination-container button:hover {
  background: #1C2A25;
}


.sub-pagination-container button.disabled:active,
.sub-pagination-container button.disabled:hover {
  background: #F5F4F7;
}


ul.hidenav-options li {
  display: none;
}



/* ==================== Sortable */
.sortable th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th span {
  cursor: pointer;
}

.sortable th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable th span.dir-d::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable th span.dir-u::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable th.no-sort span {
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}



.sortable-main th span:hover::after {
  color: inherit;
  font-size: 1.2em;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 11' width='7' height='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(0 -1 1 0 -0 11)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th {
  cursor: pointer;
}

.sortable-main th span::after {
  font-size: 1.2em;
  color: transparent;
  content: '\00a0\025B8';
}

.sortable-main th.sort_asc span::after,
.sortable th.sort_asc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7' fill='none'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/svg%3E");
}

.sortable-main th.sort_dsc span::after,
.sortable th.sort_dsc span::after {
  color: inherit;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7' height='7' width='11'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix(-1 0 0 -1 11 7)'%3E%3Cpath d='M4.81795 6.36389C5.20208 6.72215 5.79792 6.72215 6.18205 6.36389L10.1388 2.67361C10.8027 2.05445 10.3646 0.942307 9.4568 0.942307H1.5432C0.635401 0.942307 0.197273 2.05445 0.861155 2.67361L4.81795 6.36389Z' fill='%23ADABA8'/%3E%3C/g%3E%3C/svg%3E");
}

.sortable-main th.no-sort {
  cursor: initial;
}

th.no-sort span::after {
  content: none;
  display: none;
}

/* ==================== End Sortable */


#add-tag-btn {
  min-width: 90px;
}


#tags-list .list-item {
  padding: 8px;
  font-size: 16px;
  border: 1px solid #dde1ec;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#tags-list .list-item button {
  padding: 0;
}

.search-container-div input.form-control,
#id_tags {
  outline: none !important;
  box-shadow: none !important;
  border-color: #dee2e6 !important;
}

.search-container-div span.input-group-text {
  cursor: pointer;
}

.theme-primary-btn[disabled] {
  cursor: not-allowed;
  opacity: .65;
}

.ss-main .ss-values .ss-single {
  max-width: 200px;
  overflow: auto;
}


ul.hidenav-options li.force-admin-show {
  display: block;
}

td.header-col span {
  max-width: none !important;
  font-weight: bold;
}

.container.range-plugin .calendar>.days-grid>.day.in-range {
  background-color: #00DEA3 !important;
}





.main-nosupplier-row td {
  max-width: 300px;
  width: 150px;
}

.main-nosupplier-row td .ss-main .ss-values {
  max-width: 90%;
}

.main-nosupplier-row td .ss-main .ss-values .ss-single {
  max-width: 100%;
}

.table.sortable-main {
  margin-bottom: 60px;
}


.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar {
  width: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  height: 1px !important;
}

.table-responsive.horizontal-scroll::-webkit-scrollbar-thumb {
  background-color: #c1c1c1 !important;
  outline: 0px solid slategrey !important;
  border-radius: 8px;
  width: 3px !important;
}


.table-responsive.horizontal-scroll {
  height: calc(100% - 240px);
}

#city_fetched span.select2 {
  width: 100% !important;
  border-radius: 10px !important;
  border: 1px solid #eee;
  border-radius: 9px !important;
  height: 40px !important;
  background-color: #fff !important;
}

.select2-container .selection {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
}

.select2-container .select2-selection--single {
  border: 0 !important;
  height: 38px !important;
  width: 100% !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__clear {
  margin: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__clear>span {
  all: unset !important;
}

.select2-container .select2-selection--single .select2-selection__clear>span.select2-selection__rendered {
  line-height: normal !important;
  max-width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  width: 100% !important;
  height: 40px !important;
  margin-top: 2px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 7px !important;
  right: 5px !important;
}

.select2-container--default .select2-selection--single {
  padding-top: 5px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  color: #2e3b36 !important;
  font-weight: 600;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  height: 40px !important;
  padding-top: 0 !important;
  font-weight: 600;
  font-size: 16px;
  color: #2e3b36 !important;
}

.select2-container .select2-selection--single.select2-selection--clearable {
  padding-top: 7px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  margin-top: 2px !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background-color: #00dea3 !important;
  color: white;
}

.select2-container {
  overflow: visible !important;
  height: unset !important;
}

.customslim-select+.select2 {
  padding: 8px !important;
}

.select2-search--dropdown {
  padding: 5px !important;
  height: auto !important;
}

#city_fetched {
  position: relative;
}

.select2-container--open .select2-dropdown {
  display: block;
  height: 100%;
  overflow: hidden;
  border-color: #ddd;
  padding: 0px;
}

.select2-dropdown {
  position: unset !important;
}

/* #city_fetched span {
  height: unset !important;
} */

.select2-results {
  height: 100% !important;
  padding: 0 5px 5px !important;
}

.table-responsive1 {
  overflow-x: auto;
}

.select2-results__options {
  width: 100%;
}

.select2-container--open {
  padding: 0 !important;
}

.select2-search--dropdown .select2-search__field {
  outline: 0 !important;
}