@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.height-100 {
  height: 100%;
}

.fs-12 {
  font-size: 12px;
  font-weight: 400;
}

.page-heading h2 {
  font-size: 24px;
  font-weight: 700;
  color: #13262F;
  margin-bottom: 0px;
}

.card-column {
  padding: 24px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}

.input-gap-group {
  gap: 15px;
}

.from-to-col {
  flex: 1;
}

.page-layout .text-primary {
  color: #E58585 !important;
}
.page-layout .text-success {
  color: #20C9AC !important;
}
.page-layout .text-danger {
  color: #FC3400 !important;
}
.page-layout .text-dark {
  color: #13262F !important;
}
.page-layout .borer-left-radius {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.page-layout .input-group-text {
  background-color: #EEEEEE;
  font-size: 14px;
  color: #13262F;
  font-weight: 500;
  width: 69px;
}
.page-layout .btn.bg-primary-subtle {
  background: rgba(229, 133, 133, 0.16) !important;
  color: #E58585 !important;
}
.page-layout .btn.bg-primary-subtle:hover {
  background: #E58585 !important;
  color: #fff !important;
}
.page-layout .bg-primary-subtle {
  background: rgba(229, 133, 133, 0.16) !important;
}
.page-layout .bg-success-subtle {
  background: rgba(32, 201, 172, 0.16) !important;
}
.page-layout .text-success-emphasis {
  color: #20C9AC !important;
}
.page-layout .bg-warning-subtle {
  background: rgba(255, 193, 7, 0.16) !important;
}
.page-layout .text-warning-emphasis {
  color: #B78103 !important;
}
.page-layout .text-primary-emphasis {
  color: #E58585 !important;
}
.page-layout .badge-circle {
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 8px;
}

.btn-primary {
  background-color: #E58585 !important;
  border-color: #E58585 !important;
}
.btn-primary:hover {
  background: #fff !important;
  color: #E58585 !important;
}
.btn-primary:hover .add-svg {
  fill: #E58585;
}
.btn-primary .add-svg {
  fill: #fff;
  display: inline-block;
  margin-right: 8px;
  margin-right: 8px;
  vertical-align: -3px;
}

.btn-dark {
  background-color: #13262F !important;
  border-color: #13262F !important;
}
.btn-dark:hover {
  background: #fff !important;
  color: #13262F !important;
}

.add-btn {
  padding: 10px 20px !important;
  min-width: 120px;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.define-btn {
  max-width: 140px;
}

.btn-warning {
  background-color: #FFC15E !important;
  border-color: #FFC15E !important;
  color: #13262F !important;
}
.btn-warning:hover {
  background: #fff !important;
  color: #FFC15E !important;
}

.btn-info {
  background-color: #75DDDD !important;
  border-color: #75DDDD !important;
  color: #13262F !important;
}
.btn-info:hover {
  background: #fff !important;
  color: #75DDDD !important;
}

.btn-danger {
  background-color: #FC3400 !important;
  border-color: #FC3400 !important;
  color: #fff;
}
.btn-danger:hover {
  background: #fff !important;
  color: #FC3400 !important;
  border-color: #FC3400 !important;
}

.btn-success {
  background-color: #20C9AC !important;
  border-color: #20C9AC !important;
  color: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.btn-success:hover {
  background: #fff !important;
  color: #20C9AC !important;
}

.btn-warn {
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
  min-width: 120px;
}

.btn-light {
  background-color: #fff !important;
  color: #999999 !important;
  border-color: #fff;
}
.btn-light:hover {
  background: #fff !important;
  color: #13262F !important;
  border-color: #13262F !important;
}

.light-btn {
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 10px 20px !important;
}

.column-btn {
  width: 100%;
  max-width: 150px;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.column-dropmenu {
  padding: 20px 16px !important;
  border-radius: 8px !important;
  border: 0.5px solid #EEEEEE !important;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.12) !important;
  background-color: #fff !important;
}
.column-dropmenu .form-check-label {
  font-size: 14px;
  color: #13262F;
  font-weight: 600;
  margin-left: 8px;
}
.column-dropmenu .form-check {
  margin-bottom: 10px;
}
.column-dropmenu .form-check:last-child {
  margin-bottom: 0px;
}

.custom-drop-arrow:after {
  border: 0px !important;
  background-image: url(../images/arrow_down.svg);
  width: 16px;
  height: 16px;
}
.custom-drop-arrow.show:after {
  transform: rotate(180deg);
}

.column-dropmenu-width {
  width: 100% !important;
  max-width: 150px !important;
  min-width: 150px !important;
}

.common-check-box {
  width: 18px !important;
  height: 18px !important;
  border-radius: 3px !important;
  border-color: #999999 !important;
}

.form-check-input:checked {
  background-color: #E58585 !important;
  border-color: #E58585 !important;
}

.ps-24 {
  padding-left: 24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pe-24 {
  padding-right: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.ps-12 {
  padding-left: 12px !important;
}

.pe-12 {
  padding-right: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.ms-24 {
  margin-left: 24px !important;
}

.me-24 {
  margin-right: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ms-12 {
  margin-left: 12px !important;
}

.me-12 {
  margin-right: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

html body {
  background: #F3F4FF !important;
  font-family: "Barlow", sans-serif !important;
  overflow-y: auto !important;
  padding-left: 250px !important;
}

header {
  position: sticky;
  top: 0;
  z-index: 10;
}
header .navbar {
  padding: 22px 35px;
  background-color: #F3F4FF;
}
header .nav-link {
  padding: 0 !important;
  font-size: 14px;
  color: #13262F;
}
header .profile-image {
  margin-right: 12px;
  width: 32px;
  height: 32x;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.page-content {
  padding: 22px 32px 22px;
}

.dashboard-info .dash-info-row .card-info {
    padding: 14px;
    height: 100px;
    margin-bottom: 16px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}

.dashboard-info .dash-info-row .card-content {
  padding-left: 16px;
}
.dashboard-info .dash-info-row h6 {
    font-size: 11px;
    font-weight: 700;
    color: #13262F;
    margin-bottom: 8px;
}
.dashboard-info .dash-info-row h2 {
    font-size: 24px;
    font-weight: 600;
    color: #13262F;
    margin: 0;
}
.dashboard-info .dash-info-row h2 {
  font-size: 32px;
  font-weight: 600;
  color: #13262F;
  margin: 0;
}
.dashboard-info .dash-info-row-two .manufacture-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  padding: 24px;
}
.dashboard-info .dash-info-row-two .manufacture-card h4 {
  font-size: 14px;
  font-weight: 500;
  color: #13262F;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-img {
  margin: 65px 0px;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list {
  margin-bottom: 0px;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list li {
  font-size: 14px;
  font-weight: 600;
  color: #13262F;
  padding-left: 12px;
  border-left: 4px solid #20C9AC;
  margin-bottom: 20px;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list li:nth-child(2) {
  border-left: 4px solid #E58585;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list li:nth-child(3) {
  border-left: 4px solid #FFC15E;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list li:nth-child(4) {
  border-left: 4px solid #00B77D;
}
.dashboard-info .dash-info-row-two .manufacture-card .manufacture-list li div {
  padding: 0px 10px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #13262F;
  border: 1px solid #999999;
  text-align: center;
  width: 36px;
  height: 23px;
}
.dashboard-info .dash-info-row-two .inquries-order {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  padding: 24px;
}
.dashboard-info .dash-info-row-two .inquries-order h4 {
  font-size: 14px;
  font-weight: 500;
  color: #13262F;
  margin-bottom: 12px;
}
.dashboard-info .dash-info-row-two .inquries-order h2 {
  color: #E58585;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 8px;
}
.dashboard-info .dash-info-row-two .inquries-order h6 {
  font-size: 12px;
  color: #999999;
  margin-bottom: 15px;
}
.dashboard-info .dash-info-row-two .inquries-order .inquries-list {
  margin-bottom: 0px;
}
.dashboard-info .dash-info-row-two .inquries-order .inquries-list li {
  margin-bottom: 6px;
}
.dashboard-info .dash-info-row-two .inquries-order .inquries-list li:last-child {
  margin: 0;
}
.dashboard-info .dash-info-row-two .inquries-order .inquries-list li div {
  border-radius: 4px;
  background: rgba(233, 230, 255, 0.3);
  padding: 11px 24px;
  height: 42px;
  color: #13262F;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.dashboard-info .dash-info-row-two .inquries-order .inquries-list li div.number {
  width: 42px;
  height: 42px;
  padding: 7px 18px;
  margin-right: 6px;
}

.left-offcanvas {
  width: 250px !important;
  background-color: #13262F !important;
}
.left-offcanvas .offcanvas-title {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
}
.left-offcanvas .offcanvas-header {
  padding: 35px 35px 79px;
}
.left-offcanvas .verticle-navbar {
  background: transparent;
  border: 0px;
  border-radius: 0px;
}
.left-offcanvas .accordion-button {
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  border: none;
  padding: 12px 12px 12px 24px;
  border-radius: 5px;
  background: #E58585;
  color: #fff !important;
  box-shadow: none !important;
}
.left-offcanvas .accordion-button.collapsed {
  background: transparent;
  color: #fff !important;
}
.left-offcanvas .accordion-button:hover {
  color: #fff;
}
.left-offcanvas .accordion-button:focus {
  background: #E58585;
  color: #fff !important;
}
.left-offcanvas .accordion-button::after {
  background-image: url("../images/keyboard_arrow_down.svg");
  width: 16px;
  height: 16px;
  border: 0px;
}
.left-offcanvas .accordion-button:not(.collapsed) {
  background: #E58585;
  color: #fff !important;
}
.left-offcanvas .accordion-button:not(.collapsed)::after {
  background-image: url("../images/keyboard_arrow_down.svg");
}
.left-offcanvas .accordion-button img {
  margin-right: 16px;
}
.left-offcanvas .accordion-buttons {
  background: transparent;
  color: #fff !important;
  font-size: 12px;
  font-weight: 600;
  border: none;
  padding: 12px 12px 12px 24px;
  border-radius: 5px;
  box-shadow: none !important;
  display: block;
}
.left-offcanvas .accordion-buttons img {
  margin-right: 16px;
}
.left-offcanvas .single-menu .accordion-button::after {
  display: none;
}
.left-offcanvas .accordion-item {
  border: 0px;
  background: none;
}
.left-offcanvas .accordion-header {
  font-size: 12px;
  font-weight: 600;
}
.left-offcanvas .accordion-body {
  padding: 0;
}
.left-offcanvas .nav-link {
  font-size: 12px;
  font-weight: 600;
  color: #fff !important;
  padding: 6px 24px 6px 60px;
}
.left-offcanvas .nav-link.sub-menu::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #E58585;
  margin-right: 12px;
  vertical-align: 2px;
  opacity: 0;
  visibility: hidden;
}
.left-offcanvas .nav-link.sub-menu.active::before {
  opacity: 1;
  visibility: visible;
}
.left-offcanvas .sub-menu-ul {
  padding: 6px 0px;
}
.left-offcanvas .btn-close {
  background-image: url("../images/close-icon.svg");
  opacity: 1;
  margin-top: -52px !important;
  margin-right: -15px !important;
}
.left-offcanvas .offcanvas-body {
  padding: 0px 10px;
}

.offcanvas-backdrop {
  display: none;
}

.page-header .tab-btn {
  width: 50px;
  text-align: center;
  border-color: #fff !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.page-header .tab-btn path {
  stroke: #999999;
}
.page-header .tab-btn.active {
  background-color: #E58585 !important;
  border-color: #E58585 !important;
}
.page-header .tab-btn.active path {
  stroke: #fff !important;
}

.form-label {
  font-size: 12px;
  font-weight: 400;
  color: #13262F;
  margin-bottom: 8px !important;
}

.rti--container {
  border-radius: 8px !important;
  border: 1px solid #EEEEEE !important;
  font-size: 12px !important;
  color: #13262F !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-shadow: 0px !important;
  outline: 0px !important;
  height: 42px;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.rti--container .rti--tag {
  border-radius: 54px;
  background: rgba(153, 153, 153, 0.16);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  font-weight: 600;
}
.rti--container .rti--tag button {
  background-color: #999999;
  color: #fff !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 100%;
  font-weight: 700;
  margin-left: 12px;
  font-size: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.tag-disable .rti--container {
  background-color: #EEEEEE !important;
}
.tag-disable .rti--container .rti--tag {
  background-color: #EEEEEE !important;
}

.form-control {
  border-radius: 8px !important;
  border: 1px solid #EEEEEE !important;
  font-size: 12px !important;
  color: #13262F !important;
  padding: 9px 12px !important;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control::placeholder {
  color: #999999;
}
.form-control:disabled {
  background-color: #EEEEEE !important;
}

.custom-card .form-control {
  height: 42px;
}
.custom-card .text-area {
  height: 100px;
}

.filter-section .btn-success {
  width: 100%;
  max-width: 133px;
  min-height: 36px;
}

.action-btn-column {
  gap: 12px;
}
.action-btn-column .btn {
  min-height: 30px;
  font-size: 12px !important;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 100%;
  max-width: 60px;
  font-weight: 600;
}
.action-btn-column .btn-success {
  background: rgba(32, 201, 172, 0.16) !important;
  border-color: rgba(32, 201, 172, 0.16) !important;
  color: #20C9AC !important;
}
.action-btn-column .btn-success:hover {
  background-color: #20C9AC !important;
  border-color: #20C9AC !important;
  color: #fff !important;
}
.action-btn-column .btn-primary {
  background: rgba(229, 133, 133, 0.16) !important;
  border-color: rgba(229, 133, 133, 0.16) !important;
  color: #E58585 !important;
}
.action-btn-column .btn-primary:hover {
  background: #E58585 !important;
  border-color: #E58585 !important;
  color: #fff !important;
}
.action-btn-column .btn-danger {
  background: rgba(252, 52, 0, 0.16) !important;
  border-color: rgba(252, 52, 0, 0.16) !important;
  color: #FC3400 !important;
}
.action-btn-column .btn-danger:hover {
  background-color: #FC3400 !important;
  border-color: #FC3400 !important;
  color: #fff !important;
}

.table-list-data .table-responsive {
  border-radius: 8px 8px 0px 0px !important;
}
.table-list-data th {
  background: transparent !important;
  padding: 15px 15px !important;
  font-size: 14px;
  font-weight: 600;
  color: #13262F !important;
  white-space: nowrap;
}
.table-list-data th:first-child {
  padding-left: 36px !important;
}
.table-list-data th:last-child {
  padding-right: 36px !important;
}
.table-list-data th.actions-common-th {
  width: 260px;
}
.table-list-data td {
  white-space: nowrap;
  padding: 9px 15px !important;
  font-size: 14px;
  font-weight: 600;
  vertical-align: middle !important;
}
.table-list-data td:first-child {
  padding-left: 36px !important;
}
.table-list-data td:last-child {
  padding-right: 36px !important;
}
.table-list-data tr {
  border-color: #eee !important;
}
.table-list-data thead {
  background-color: #FFC15E !important;
  position: sticky;
  top: 0;
  border-radius: 8px 8px 0px 0px;
}

.pagination-column {
  position: sticky;
  bottom: 0;
  background-color: #F3F4FF;
  padding-bottom: 22px;
  z-index: 4;
}
.pagination-column .pagination {
  margin: 0px;
}
.pagination-column .page-link {
  background: transparent !important;
  border-radius: 4px !important;
  border: 0px !important;
  color: #13262F !important;
  font-size: 12px;
  padding: 3px 10px;
}
.pagination-column .page-item.active .page-link {
  background: rgba(19, 38, 47, 0.16) !important;
}
.pagination-column p {
  font-size: 12px;
  font-weight: 400;
  color: #13262F;
  margin-bottom: 0px;
}

.header-btn-group {
  gap: 12px;
}

.stock-grid-view .card {
  border-radius: 16px !important;
  border: 0px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  padding: 5px 5px 0px 5px;
  margin-bottom: 30px;
}
.stock-grid-view .card img {
  height: 186px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 16px;
}
.stock-grid-view .card .btn-primary {
  background: rgba(229, 133, 133, 0.16) !important;
  border-color: rgba(229, 133, 133, 0.16) !important;
  color: #E58585 !important;
  height: 30px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stock-grid-view .card .btn-primary:hover {
  background: #E58585 !important;
  border-color: #E58585 !important;
  color: #fff !important;
}
.stock-grid-view .card .card-title {
  font-size: 16px;
  font-weight: 600;
  color: #13262F;
  margin: 0px;
}
.stock-grid-view .card .card-body {
  padding: 12px 0px;
}
.stock-grid-view .card ul {
  margin-top: 12px;
  margin-bottom: 0px;
}
.stock-grid-view .card ul li {
  margin-bottom: 8px;
}
.stock-grid-view .card ul li:last-child {
  margin-bottom: 0px;
}
.stock-grid-view .card h6 {
  font-size: 14px;
  font-weight: 500;
  color: #13262F;
  margin: 0px;
}
.stock-grid-view .card .dost {
  color: #13262F;
  font-size: 14px;
  font-weight: 500;
}
.stock-grid-view .card .flex-column {
  flex: 0 0 auto;
  width: 49%;
}

.bredcrumb .text-primary {
  font-size: 14px;
  font-weight: 600;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.merge-row .merge-icon {
  position: absolute;
  width: 50px;
  padding: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.modal-custom .modal-content {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
  overflow: hidden;
  border: 0px;
}
.modal-custom .page-heading h2 {
  font-weight: 600 !important;
}
.modal-custom .page-heading h2.inventory-success-text {
  font-size: 22px !important;
}
.modal-custom .bg-primary-subtle {
  background: rgba(229, 133, 133, 0.16) !important;
  color: #E58585 !important;
  border-color: transparent !important;
}
.modal-custom .bg-primary-subtle:hover {
  background: #E58585 !important;
  color: #fff !important;
}
.modal-custom .modal-header {
  background-color: #FFC15E;
  padding: 20px 24px;
}
.modal-custom .modal-title {
  font-size: 18px;
  font-weight: 700;
}
.modal-custom .btn-close {
  color: #13262F;
  opacity: 1;
  width: 24px;
  height: 24px;
  font-size: 16px;
  padding: 0 !important;
}
.modal-custom .modal-footer {
  padding: 20px 24px;
  border-color: #EEEEEE;
}
.modal-custom .modal-body {
  padding-left: 24px;
  padding-right: 24px;
}

.serach-category {
  width: 100%;
  max-width: 200px;
}
.serach-category .form-control {
  width: 100%;
  border-radius: 25px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M10.3333 9.33333H9.80667L9.62 9.15333C10.2733 8.39333 10.6667 7.40667 10.6667 6.33333C10.6667 3.94 8.72667 2 6.33333 2C3.94 2 2 3.94 2 6.33333C2 8.72667 3.94 10.6667 6.33333 10.6667C7.40667 10.6667 8.39333 10.2733 9.15333 9.62L9.33333 9.80667V10.3333L12.6667 13.66L13.66 12.6667L10.3333 9.33333ZM6.33333 9.33333C4.67333 9.33333 3.33333 7.99333 3.33333 6.33333C3.33333 4.67333 4.67333 3.33333 6.33333 3.33333C7.99333 3.33333 9.33333 4.67333 9.33333 6.33333C9.33333 7.99333 7.99333 9.33333 6.33333 9.33333Z' fill='%23999999'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px;
  padding-left: 32px !important;
}
.serach-category .form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  padding-left: 12px !important;
}

.height-42 {
  height: 42px !important;
}

.activity-time-column .accordion-item {
  border-radius: 16px !important;
  border-color: #EEEEEE !important;
  margin-bottom: 10px;
  border-top: 1px solid #EEEEEE !important;
}
.activity-time-column .accordion-item .accordion-button {
  border-radius: 16px !important;
  padding: 20px 24px;
  padding-right: 40px;
  box-shadow: none !important;
}
.activity-time-column .accordion-item .accordion-button .title {
  font-weight: 700;
  color: #13262F;
  font-size: 18px;
}
.activity-time-column .accordion-item .accordion-button .date {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-right: 12px;
}
.activity-time-column .accordion-item .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58984L12 13.1698L16.59 8.58984L18 9.99984L12 15.9998L6 9.99984L7.41 8.58984Z' fill='%2313262F'/%3E%3C/svg%3E");
  margin-left: inherit;
  position: absolute;
  right: 24px;
  top: 50%;
  margin-top: -12px;
}
.activity-time-column .accordion-item .accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: #fff !important;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.activity-time-column .activity-body hr {
  border-color: #EEEEEE;
  margin: 21px 0px;
  opacity: 1;
}
.activity-time-column .activity-body .title-text {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 18px;
}
.activity-time-column .activity-body .flex-1 {
  flex: 0 0 auto;
  width: 65%;
}
.activity-time-column .activity-body h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  color: #13262F;
}
.activity-time-column .activity-body .flex-container {
  margin-bottom: 18px;
}
.activity-time-column .activity-body .flex-container:last-child {
  margin: 0px;
}
.activity-time-column .activity-body .gap-flex {
  gap: 0px 12px;
}
.activity-time-column .activity-body .gap-flex span {
  margin-bottom: 18px;
}
.activity-time-column .activity-body .list-ul-column {
  width: 100%;
  max-width: 765px;
}

.gap-24 {
  gap: 24px;
}

.searchbtn {
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.searchbtn .search-iconpath {
  fill: #fff;
  margin-right: 10px;
}
.searchbtn:hover .search-iconpath {
  fill: #FFC15E !important;
}

.add-row-text {
  font-size: 14px;
  font-weight: 600;
}

.add-btn-row {
  gap: 12px;
}

.add-btn-custom {
  width: auto;
  max-width: 100%;
  min-width: 90px;
}

.btn-close-row {
  margin-bottom: 8px;
}

.display-table {
  display: table;
  width: 100%;
}
.display-table .table-row {
  display: table-row;
  white-space: nowrap;
}
.display-table .sr-no-text {
  margin-top: 10px;
  display: block;
}
.display-table .table-cell {
  display: table-cell;
  padding: 0px 7px;
  max-width: 100%;
  vertical-align: top;
}
.display-table .table-cell .rti--container {
  flex-wrap: nowrap;
}


.secondary-title {
  font-size: 18px;
  font-weight: 600;
  color: #13262F;
  margin: 0px;
}

.mb-16 {
  margin-bottom: 16px;
}

.customer-id-text {
  font-size: 12px;
  font-weight: 400;
  display: block;
  margin-bottom: 8px;
  color: #999999;
}

.custmer-id {
  font-size: 16px;
  font-weight: 600;
  color: #13262F;
  margin: 0;
}

.view-customer-body {
  padding: 20px 24px !important;
}

.view-customer-table th {
  font-size: 14px;
  font-weight: 600;
  color: #999999 !important;
  padding: 13px 36px !important;
  white-space: nowrap;
}
.view-customer-table td {
  font-size: 14px;
  font-weight: 600;
  color: #13262F !important;
  padding: 16px 36px !important;
  white-space: nowrap;
  vertical-align: middle;
}
.view-customer-table tbody tr:last-child {
  border: 0px !important;
}
.view-customer-table tbody tr:last-child td {
  border: 0px !important;
}
.view-customer-table .badge {
  height: 32px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
}
.view-customer-table .view-order-btn {
  height: 32px;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  font-size: 14px;
  font-weight: 600;
  max-width: 120px;
  display: flex;
}

.btn-light-text {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #999999 !important;
  text-decoration: none !important;
  padding: 0 !important;
}

.notes-ul li {
  margin-bottom: 16px;
}
.notes-ul li:last-child {
  margin: 0px;
}

.add-note-text {
  height: 100px !important;
}

.activity-ul li {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.activity-ul li:last-child {
  margin: 0px;
}
.activity-ul li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #E58585;
  display: inline-block;
  margin-right: 20px;
}

.manufacture-badge {
  height: 32px;
  padding: 8px 24px !important;
  justify-content: center;
  align-items: center;
  min-width: 120px;
  max-width: 120px;
  display: flex !important;
}

.manufacture-status {
  max-width: 360px;
  position: relative;
}
.manufacture-status::after {
  content: "";
  width: 100%;
  max-width: 244px;
  border-top: 2px dotted #13262F;
  position: absolute;
  top: 21px;
  left: 50%;
  transform: translate(-50%, 0%);
}
.manufacture-status.nav-pills {
  border-radius: 0px;
  padding: 0px;
}
.manufacture-status.nav-pills .nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 0;
  min-width: 120px;
  max-width: 120px;
}
.manufacture-status.nav-pills .nav-link span.title {
  font-size: 14px;
  font-weight: 600;
  color: #13262F;
}
.manufacture-status.nav-pills .nav-link.active {
  background-color: transparent;
  color: inherit;
}
.manufacture-status.nav-pills .nav-link.active .number {
  background: #E58585;
  color: #fff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
.manufacture-status.nav-pills .nav-link .number {
  font-size: 14px;
  font-weight: 600;
  color: #E58585;
  width: 42px;
  height: 42px;
  padding: 11px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  display: flex;
  margin-bottom: 12px;
  background: linear-gradient(0deg, rgba(229, 133, 133, 0.16) 0%, rgba(229, 133, 133, 0.16) 100%), #FFF;
}
.manufacture-status.nav-pills.show > .nav-link {
  color: inherit;
  background-color: transparent;
}

.manufacture-card::before {
  display: inline-block;
  content: "";
  border-top: 0.6em solid #fff;
  border-right: 0.6em solid transparent;
  border-bottom: 0;
  border-left: 0.6em solid transparent;
  transform: rotate(180deg);
  vertical-align: -6px;
  margin-left: 169px;
}

.max-width-100 {
  width: 100% !important;
}

.image-uplode-btn {
  width: 140px;
  height: 140px;
  background-color: #EEEEEE;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='44' viewBox='0 0 50 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1492_13062)'%3E%3Cpath d='M33.072 26.9803C33.1895 27.1086 33.3318 27.2118 33.4902 27.2836C33.6486 27.3555 33.8198 27.3945 33.9937 27.3985C34.1676 27.4024 34.3406 27.3711 34.5021 27.3064C34.6636 27.2418 34.8103 27.145 34.9335 27.0222C35.0566 26.8993 35.1535 26.7529 35.2186 26.5915C35.2836 26.4302 35.3152 26.2573 35.3117 26.0834C35.3081 25.9094 35.2694 25.738 35.1979 25.5795C35.1263 25.4209 35.0235 25.2785 34.8954 25.1607L25.9059 16.1519L25.8846 16.1344C25.8311 16.0827 25.7735 16.0354 25.7124 15.9931C25.693 15.9795 25.6697 15.9718 25.6504 15.9602C25.5996 15.928 25.5466 15.8995 25.4917 15.875C25.4588 15.8615 25.4239 15.8538 25.391 15.8441C25.2673 15.7978 25.136 15.7748 25.0038 15.7763C24.8717 15.7725 24.7401 15.7948 24.6167 15.8421C24.5799 15.8537 24.5413 15.8614 24.5064 15.8769C24.4716 15.8924 24.4173 15.9234 24.3747 15.9466C24.3321 15.9699 24.3148 15.9757 24.2857 15.9951C24.2165 16.0412 24.1516 16.0937 24.0921 16.1519L15.0832 25.1433C14.8414 25.3845 14.7054 25.7121 14.705 26.0537C14.7047 26.3953 14.84 26.7231 15.0813 26.9649C15.3226 27.2067 15.65 27.3427 15.9917 27.3431C16.3333 27.3434 16.661 27.208 16.9028 26.9667L23.7108 20.1723L23.6876 41.8138C23.6873 41.983 23.7205 42.1507 23.785 42.3071C23.8496 42.4635 23.9443 42.6056 24.0639 42.7253C24.1834 42.845 24.3254 42.94 24.4818 43.0048C24.6381 43.0697 24.8056 43.103 24.9748 43.103C25.316 43.1025 25.6432 42.9667 25.8845 42.7254C26.1258 42.4841 26.2616 42.157 26.2621 41.8158L26.2853 20.1743L33.072 26.9803Z' fill='%23E58585'/%3E%3Cpath d='M46.5969 13.9218C45.4218 12.6786 44.0054 11.688 42.4344 11.0107C40.8635 10.3334 39.171 9.98355 37.4603 9.98256C37.2182 9.97851 36.9826 9.90286 36.7834 9.76505C36.5843 9.62724 36.4306 9.43352 36.3414 9.20834C35.2028 6.47844 33.2812 4.14683 30.8191 2.5077C28.357 0.868581 25.4645 -0.00461406 22.5067 -0.00187422C20.3499 0.010393 18.2172 0.452124 16.233 1.29763C14.2489 2.14314 12.4531 3.37538 10.9504 4.92253C9.71512 6.17359 8.75336 7.66779 8.12622 9.3103C7.49907 10.9528 7.22019 12.7078 7.30734 14.4638C7.3077 14.7237 7.22591 14.9771 7.07364 15.1878C6.92137 15.3985 6.70644 15.5557 6.45951 15.6369C4.43697 16.3977 2.71642 17.7951 1.55696 19.6186C0.397509 21.4421 -0.138029 23.593 0.0309663 25.7473C0.278152 28.3121 1.48139 30.69 3.40161 32.4083C5.32182 34.1266 7.81828 35.0594 10.3948 35.0213H16.9318C17.2734 35.0213 17.6011 34.8856 17.8427 34.644C18.0843 34.4024 18.2201 34.0748 18.2201 33.7331C18.2201 33.3914 18.0843 33.0638 17.8427 32.8222C17.6011 32.5806 17.2734 32.4448 16.9318 32.4448H10.3948C8.46793 32.4855 6.59638 31.7997 5.15208 30.5236C3.70779 29.2475 2.79658 27.4747 2.59962 25.5575C2.47416 23.9567 2.87219 22.3585 3.73384 21.0035C4.59548 19.6485 5.87412 18.6103 7.37704 18.045C8.13251 17.7713 8.78182 17.2653 9.23185 16.5997C9.68187 15.934 9.90947 15.143 9.88189 14.34C9.81763 12.9329 10.0451 11.5277 10.5501 10.2128C11.0552 8.89796 11.8268 7.70184 12.8164 6.69959C14.0767 5.40284 15.5827 4.37014 17.2465 3.66189C18.9103 2.95363 20.6985 2.58405 22.5067 2.57458C24.9567 2.57231 27.3525 3.29561 29.3919 4.65327C31.4313 6.01093 33.023 7.94211 33.9662 10.2033C34.2528 10.8991 34.7395 11.4942 35.3646 11.9132C35.9897 12.3322 36.7251 12.5564 37.4777 12.5571C38.8356 12.5572 40.1791 12.8353 41.4255 13.3743C42.6718 13.9134 43.7946 14.7019 44.7246 15.6913C45.6546 16.6808 46.3721 17.8503 46.833 19.1277C47.2938 20.405 47.4881 21.7631 47.4041 23.1185C47.1857 25.6992 45.9927 28.0998 44.0675 29.8322C42.1423 31.5647 39.6295 32.4988 37.0402 32.4448H33.0816C32.74 32.4448 32.4123 32.5806 32.1707 32.8222C31.9291 33.0638 31.7933 33.3914 31.7933 33.7331C31.7933 34.0748 31.9291 34.4024 32.1707 34.644C32.4123 34.8856 32.74 35.0213 33.0816 35.0213H37.0422C40.2878 35.0749 43.4319 33.8899 45.8347 31.7075C48.2376 29.525 49.7188 26.5091 49.9768 23.2734C50.0879 21.5659 49.845 19.8538 49.2634 18.2446C48.6818 16.6354 47.774 15.1638 46.5969 13.9218Z' fill='%23E58585'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1492_13062'%3E%3Crect width='50' height='43.101' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  border-radius: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}
.image-uplode-btn img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-uplode-btn .file-input {
  position: absolute;
  bottom: 0;
  left: 0;
}
.image-uplode-btn .form-control {
  opacity: 0;
  height: 140px;
  width: 100%;
}

.custom-label-bold {
  font-size: 14px;
  color: #13262F;
}

.form-switch input[type=checkbox] {
  height: 24px;
  width: 44px;
  background-color: #999999;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.radio-input {
  width: 20px;
  height: 20px;
  border-color: #999999;
}
.radio-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16C13.3137 16 16 13.3137 16 10C16 6.68629 13.3137 4 10 4C6.68629 4 4 6.68629 4 10C4 13.3137 6.68629 16 10 16Z' fill='%23E58585'/%3E%3C/svg%3E%0A");
  background-color: transparent !important;
}

.btn-outline-one {
  background-color: transparent !important;
  color: #FC3400 !important;
  padding: 3px 9px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
.btn-outline-one:hover {
  background-color: #FC3400 !important;
  color: #fff !important;
}

.secondary-account-text {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 0px !important;
}

.sign-out-session {
  margin-bottom: 6px !important;
}

.text-light-text {
  font-size: 14px;
  font-weight: 500;
  color: #999999;
}

.text-lights {
  color: #999999 !important;
}

.accoubt-tab-list .nav-link {
  font-size: 14px;
  font-weight: 600;
  color: #999999 !important;
  border-bottom: 2px solid transparent;
  border-radius: 0px !important;
  padding: 14px 12px !important;
}
.accoubt-tab-list .nav-link.active {
  background-color: transparent !important;
  color: #13262F !important;
  border-color: #E58585 !important;
}

.btn-success .add-svg {
  fill: #fff;
  margin-right: 8px;
  vertical-align: -3px;
}

.account-setting-btn .btn {
  width: 32px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.account-setting-btn .btn-primary svg {
  fill: #E58585;
}
.account-setting-btn .btn-primary:hover svg {
  fill: #fff;
}
.account-setting-btn .btn-danger svg {
  fill: #FC3400;
}
.account-setting-btn .btn-danger:hover svg {
  fill: #20C9AC;
}

.btn-success:hover .add-svg {
  fill: #20C9AC;
}

.account-setting-tab td:nth-child(3) {
  padding-left: 36px !important;
}
.account-setting-tab td:nth-child(2) {
  border-right: 1px solid #EEEEEE;
  padding-right: 36px !important;
}
.account-setting-tab th:nth-child(2) {
  width: 111px !important;
  padding-right: 36px !important;
  border-right: 1px solid #EEEEEE;
}
.account-setting-tab th:nth-child(3) {
  padding-left: 36px !important;
}
.account-setting-tab th:nth-child(4) {
  width: 111px !important;
}

.table-responsive.account-responsive {
  max-width: 787px;
}

.btn-with-icon {
  display: flex;
  align-items: center;
}
.btn-with-icon:hover svg {
  fill: #fff;
}
.btn-with-icon svg {
  margin-right: 8px;
  fill: #E58585;
}

.uplode-btn-file {
  position: relative;
}
.uplode-btn-file .form-control {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 1200px) {
  .left-offcanvas .btn-close {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-toggler {
    display: block !important;
  }
  html body {
    padding-left: 0px !important;
  }
}
@media (max-width: 991.98px) {
  .dashboard-info .dash-info-row-two .manufacture-card {
    margin-bottom: 16px;
    height: auto;
  }
  .dashboard-info .dash-info-row-two .inquries-order {
    margin-bottom: 16px;
    height: auto;
  }
  .activity-time-column .activity-body .flex-1 {
    flex: 0 0 auto;
    width: 50%;
  }
  .page-heading h2 {
    margin-bottom: 12px;
  }
  .pagination-column {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .mb-lg-24 {
    margin-bottom: 24px;
  }
  .merge-row .merge-icon {
    margin-top: -33px;
    width: 40px;
    transform: rotate(90deg);
    margin-left: -20px;
  }
  .categories-heading {
    margin-bottom: 24px;
  }
}
@media (max-width: 767.98px) {
  header .navbar {
    padding: 15px 10px;
  }
  header .container-fluid {
    padding: 0px;
  }
  .page-content {
    padding: 10px 0px 0px;
  }
  .left-offcanvas .offcanvas-header {
    padding: 15px 35px 30px;
  }
  .card-column .mb-24 {
    margin-bottom: 15px;
  }
  .table-list-data th {
    padding: 15px 15px !important;
  }
  .table-list-data td {
    padding: 9px 15px !important;
  }
  .card-column {
    padding: 15px 15px;
  }
  .modal-custom .page-heading h2 {
    font-size: 18px;
  }
  .modal-custom .check-img {
    max-width: 80px;
  }
  .activity-time-column .activity-body h4 {
    font-size: 14px;
  }
  .activity-time-column .accordion-item .accordion-button {
    padding: 14px 12px;
    flex-direction: column;
    align-items: start;
  }
  .activity-time-column .accordion-item .accordion-button .date {
    margin-left: 0;
  }
  .activity-time-column .accordion-item .accordion-button .title {
    font-size: 15px;
  }
  .activity-time-column .accordion-item .accordion-button::after {
    right: 12px;
  }
  .view-customer-table th {
    padding: 13px 24px !important;
  }
  .view-customer-table td {
    padding: 16px 24px !important;
  }
}
@media (min-width: 576px) {
  .modal-custom .modal-dialog {
    max-width: 400px;
  }
}
@media (max-width: 576px) {
  .activity-time-column .activity-body .gap-flex {
    flex-direction: column;
  }
  .activity-time-column .activity-body .flex-container:last-child {
    margin: 0px;
  }
  .activity-time-column .activity-body .flex-container:last-child .gap-flex span:last-child {
    margin-bottom: 0px;
  }
  .manufacture-status.nav-pills .nav-link {
    min-width: 98px;
    max-width: 120px;
  }
  .manufacture-status.nav-pills::after {
    max-width: 230px;
  }
}/*# sourceMappingURL=style.css.map */