body {
  margin: 0px;
  padding: 0px;
  outline: none;
  overflow-x: hidden;
  font-family: "Inter", sans-serif;
  background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
}

footer {
  background: #f9fcfc;
  color: #929292;
  font-size: 13px;
  text-align: center;
  padding: 20px 0;
  margin-top: 50px;
}

.login-left .carousel-caption {
  position: relative;
  right: 0;
  left: 0;
}

.login-left .carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #284f9d;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;

  transition: opacity 0.6s ease;
}

.top_remove {
  margin-top: 0px;
}

.space {
  width: 100%;
  height: 40px;
}

.save_next_btn {
  background-color: #4f9433;
  color: #fff;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 500;
  padding: 8px 26px;
}

.clear_btn {
  background-color: #fff;
  border: #cdd4d9 solid 1px;
  color: #000;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 500;
  padding: 8px 26px;
}

.clear_btn:hover {
  background-color: #cdd4d9;
  border: #cdd4d9 solid 1px;
  color: #000;
  font-size: 14px;
  border-radius: 50px;
  font-weight: 500;
  padding: 8px 26px;
}

.save_next_btn:hover {
  background: rgb(2, 0, 36);
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(33, 148, 206, 1) 0%,
    rgba(41, 75, 154, 1) 100%
  );
}

h1 {
  color: #272626;
  font-size: 23px;
  margin: 20px 0 11px 0;
}
h2 {
  color: #272626;
  font-size: 26px;
  margin: 20px 0 11px 0;
}

hr {
  margin: 9px 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

.mb-3 {
  margin-bottom: 0rem !important;
}

.green a {
  background: #4f9433;
}

a.green_clr {
  color: #4f9433 !important;
}

a.green {
  background: #4f9433 !important;
  color: #fff !important;
}

a.blue {
  background: #525c75 !important;
  color: #fff !important;
}

.login-outer:after {
  content: "";
  background: url(../images/bg-bottom.png) no-repeat bottom center;
  background-size: cover;
  bottom: -10px;
  height: 111px;
  position: fixed;
  width: 100%;
}

.user {
  position: absolute;
  color: #929292;
  left: 9px;
  bottom: 7px;
}

.lock {
  position: absolute;
  color: #929292;
  left: 9px;
  bottom: 7px;
}

.login-left {
  background: #f9fcfc;
  height: 100vh;
  text-align: center;
  padding: 50px 0 0 0;
  z-index: 1;
}

.sustainable_Solutions {
  width: 50%;
  margin: 0 auto;
  padding-top: 32px;
}

.sustain_heading {
  font-size: 25px;
  color: #000;
  font-weight: 500;
  text-align: center;
  line-height: 26px;
  margin: 20px 0;
}

.sub_sustain_heading {
  font-size: 15px;
  color: #797979;
  text-align: center;
}

/*login section code start*/

.login-form-ot {
  background: #fff;
  height: 100vh;
}

.login-form {
  padding: 77px 180px;

  margin: 0 auto;
}

.login-form,
label {
  font-weight: 500;
}

.text-center {
  text-align: center !important;
}

.text-center,
.title {
  font-size: 25px;
  color: #000;
}

.text-center p {
  font-size: 16px;
  color: #525252;
}

.eye {
  position: absolute;
  right: 10px;
  bottom: 14px;
  color: #929292;
}

.show-pass {
  cursor: pointer;
}

.show-pass {
  border-radius: 0 0.5rem 0.5rem 0 !important;
}

.bi-eye-slash::before {
  content: "\f340";
}

.show-pass .fa-eye {
  display: none;
}

.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}
.main_heading_name_fq {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
/* 
.form-h {
  height: 49px;
  border: #c9c9c9 solid 1px;
  padding: 10px 40px;
} */
.lets_td_table_vendor {
  font-family: "inter" !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #000 !important;
}
.modal_panel_text_block_body {
  border: none !important;
  padding: 2px;
  background: none !important;
}
.mt-4 {
  margin-top: 0.5rem !important;
}

.lets_pakage_code_creation {
  font-family: "Inter";
  font-size: 14px;
  color: #2a4898;
  font-weight: 700;
}
.btn-log {
  width: 100%;
  background: rgb(2, 0, 36);
  margin-top: 10px;
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 0%,
    rgba(33, 148, 206, 1) 0%,
    rgba(41, 75, 154, 1) 100%
  );
  height: 49px;
  line-height: 37px;
  font-size: 18px;
  font-weight: 700;
}

.btn-log:hover {
  background: #4f9433;
  border: none;
}

.mb-2 {
  margin-bottom: -0.5rem !important;
}

.remember_me {
  font-size: 13px;
  color: #a1a1a1;
}

.for_pass {
  font-size: 13px;
  color: #276db1;
  text-decoration: none;
}

.login-form .login-title {
  text-align: center;
  position: relative;
  margin-bottom: 11px;
  z-index: 1;
  display: flex;
  align-items: center;
}

.login-form .login-title:before,
.login-form .login-title:after {
  content: "";
  height: 1px;
  flex: 1 1;
  left: 0;
  background-color: #e1e1f0;
  margin: 0;
  padding: 0;
}

.otp {
  border: #228cc8 solid 1px;
  font-size: 15px;
  width: 17%;
  color: #000000;
  margin-right: 18px;
  padding: 10px 0px;
  font-weight: 500;
}

.mr-top {
  margin-top: 7px;
}

.otp:last-child {
  margin-right: 0px;
}

.otp:hover {
  background: #f9f9f9;
  font-size: 15px;
  color: #000000;
  padding: 10px 0px;
  font-weight: 500;
}

.mb-4 {
  margin-bottom: 0.5rem !important;
}

/*login section code start*/

/*Vendor Registration popup code start*/

.vendor_popup_outer {
  justify-content: center;
  display: flex;
}

.vendor_heading {
  display: flex;
  font-size: 20px;
  border-bottom: #ececec solid 1px;
  padding-bottom: 8px;
  margin-block: 9px;
}

/*notifications code start*/

.notifications {
  width: 301px;
  position: absolute;
  background: white;
  top: 45px;
  right: 194px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 4px 8px 0px;
  border: none !important;
  margin-top: 20px;
  padding-top: 0;
}

.notifications .dropdown-menu {
  border: none !important;
}
.remark_btn_factory {
  text-decoration: none;
  color: white;
}

.notifications_heading {
  background: #274594;
  color: #fff;
  display: flex;
  padding: 18px 12px;
  font-weight: 600;
  font-size: 20px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.notifications_heading span {
  background: #fff;
  color: #ff0000;
  border-radius: 6px;
  padding: 1px 7px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

.notifications_inside {
  padding: 10px 20px;
}

.notifications_inside ul {
  margin: 0px;
  padding: 0px;
}

.notifications_inside ul li {
  list-style: none;
  border-bottom: #c4c0c0 solid 1px;
  margin-top: 10px;
  padding-bottom: 14px;
}

.notifications_inside ul li:last-child {
  border-bottom: none;
}

.notifications_inside ul li a {
  color: #5c5a5a;
  font-size: 15px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
}

.notifications_inside ul li a:hover {
  color: #274594;
}

.time_outer {
  color: #969090;
  font-size: 13px;
  margin-top: 8px;
  font-weight: 600;
}

/*notifications code end*/

.chat_bx {
  position: fixed;
  right: 10px;
  bottom: 65px;
}

/*onboarding status code start*/

a.view_submit {
  background: #274594;
  width: 20%;
  border-radius: 4px;
  margin: 44px auto;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  align-items: center;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  display: flex;
  height: 50px;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

a.view_submit:hover {
  background: #d9d9d9;
  color: #000000;
}

.onboard_status-outer {
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  margin: 0 auto;

  max-width: 1343px;
  margin-top: 40px;
  margin-bottom: 90px;

  box-sizing: border-box;
  padding: 6px 31px;
}

.bs-wizard {
  margin-top: 40px;
}

/*Form Wizard*/
.bs-wizard {
  padding: 0 0 10px 0;
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
  width: 20%;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #595959;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #5c5a5a;
  font-size: 12px;
  font-weight: 500;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  color: #5c5a5a;
  display: block;
  background: #0162dd;
  top: 45px;
  text-decoration: none;
  left: 50%;
  font-weight: 700;
  font-size: 19px;
  text-align: center;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}

.received_box {
  background: #efeeee;
  color: #5c5a5a;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  padding: 11px;
  width: 95%;
  margin-top: 26px;
}

.received_box:hover {
  background: #0162dd;
  color: #fff;
}

.received_box:hover h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.received_box h5 {
  color: #5c5a5a;
  font-size: 14px;
  font-weight: 400;
  margin-top: 6px;
}

.completed_txt {
  color: #4f9433;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.pending_txt {
  color: #fc8b07;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 14px;
  height: 14px;
  display: none;
  background: #fbbd19;
  border-radius: 50px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 3px;
  box-shadow: none;
  margin: 20px 0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #0162dd;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0%;
}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #f5f5f5;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}

/*onboarding status code end*/

/*invite section  code start*/

/*invite section  code end*/

.listing_main table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.listing_main th,
td {
  /*border: 1px solid #ddd;*/
  padding: 8px;
  text-align: left;
}

.listing_main th {
  background-color: white;
  cursor: pointer;
  color: #3767f0;
  font-weight: 600;
  border-bottom: #d8d4d4 solid 2px;
}

.listing_main td {
  font-size: 13px;
  font-weight: 600;
  color: #555555;
}

.status-buttons a {
  display: inline-block;
  padding: 3px 8px;
  cursor: pointer;
  border: none;
  color: #fff;
  border-radius: 3px;
  text-decoration: none;
}

.view-button {
  background-color: rgb(162, 159, 159);
}

.bidding-button {
  background-color: #4f9433;
}

.listing_main tr.gray-row,
tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.listing_main tr.gray-row,
tbody tr:nth-child(odd) {
  background-color: #fff;
}

.listing_main th.sortable {
  position: relative;
}

.listing_main th.sortable::after {
  content: "";
  position: absolute;
  width: 13px;
  top: 14px;
  height: 16px;
  background: url(../images/ascending_descending.jpg) no-repeat bottom center;
  right: 18px;
  opacity: 0.8;
}

.listing_main th.sorted-asc::after {
  content: "\2191"; /* Unicode character for up arrow */
  opacity: 1;
  color: blue;
}

.listing_main th.sorted-desc::after {
  content: "\2193"; /* Unicode character for down arrow */
  opacity: 1;
  color: blue;
}

#custom-search-input {
  padding: 3px;
  border: solid 1px #e4e4e4;
  border-radius: 6px;
  background-color: #fff;
}

#custom-search-input input {
  border: 0;
  box-shadow: none;
}

#custom-search-input button {
  margin: 0 0 0 0;
  background: none;
  box-shadow: none;
  border: 0;
  color: #ccc;
  padding: 0 8px 0 10px;
  border-left: solid 1px #ccc;
}

#custom-search-input button:hover {
  border: 0;
  box-shadow: none;
  border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search {
  font-size: 23px;
}

/*profile section  code start*/

.main-body {
  padding: 15px;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  border: none;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;

  border-radius: 10px;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
}

.gutters-sm {
  margin-right: -8px;
  margin-left: -8px;
}

.gutters-sm > .col,
.gutters-sm > [class*="col-"] {
  padding-right: 8px;
  padding-left: 8px;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.h-100 {
  height: 100% !important;
}
.shadow-none {
  box-shadow: none !important;
}

.latest_date {
  font-size: 14px;
  margin-top: 18px;
  color: #929292;
}

.latest_date span {
  font-weight: 600;
}

/*profile section  code end*/

/* vendors details view profile start */

.date_download {
  display: flex;
}

.download_btn {
  margin-top: 15px;
}

.download_btn a {
  background: #f0eef0 !important;
  text-decoration: none;
  margin-left: 15px;
  padding: 8px 10px;
  border-radius: 8px;
  font-weight: 600;
  color: #000;
}

.bar_wt {
  width: 44% !important;
}

.download_btn .dropdown-menu a {
  background: none !important;
  font-weight: 400;
  margin-left: 0px;
  font-size: 13px;
}

.vendor_name {
  font-size: 14px;
}

.vendor_name span {
  font-size: 22px;
  font-weight: 500;
  color: #161c44;
}

.vendor_name_status {
  display: flex;
}

.vendor_status_main {
  width: 70%;
}

.vendor_status_main .bs-wizard-dot {
  top: 21px !important ;
}

.vendor_status_main .bs-wizard {
  margin-top: 0px;
}

.business_financial_technical_tabs {
  margin-top: 20px;
}

.business_financial_technical_tabs .nav-item {
  width: 31% !important;
  line-height: 18px;
  background: #f0eef0;
}

.business_financial_technical_tabs .nav-link {
  text-align: left;
  color: #000;
}

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

.one_two_main {
  display: flex;
}

.one_div {
  order: 1;
  background: #f0eef0;
  border-radius: 6px;
  height: 69px;
}

.one_div ul {
  margin: 0px;
  padding: 0px;
}

.one_div ul li {
  list-style: none;
  float: left;
  width: 33%;
  padding: 10px 8px;
}

.one_div ul li a {
  color: #000;
  text-decoration: none;

  display: block;
  padding: 2px 12px;
  line-height: 22px;
}

.one_div ul li a.active {
  color: #fff;
  background: #0d6efd;
}

.approve_hold_reject {
  order: 2;
  width: 30%;
}

.approve_button {
  display: flex;
}

.approve_button a {
  border: #dee2e6 solid 1px;
  padding: 6px 10px;
  margin-right: 6px;
  font-size: 14px;
}

.approve_button a:last-child {
  margin-right: 0px;
}

.assigned_to {
  display: flex;

  margin: 10px 0px 0 0;
}

.assigned_to label {
  font-size: 13px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin-right: 9px;
}

.assigned_to .form-select {
  --bs-form-select-bg-img: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"%3e%3cpathfill="none"stroke="%23343a40"stroke-linecap="round"stroke-linejoin="round"stroke-width="2"d="m2 5 6 6 6-6"/%3e%3c/svg%3e
  );
  display: block;
  width: 36%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.white_box_2 {
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
  width: 48%;
  font-size: 13px;
  margin-right: 45px;
  box-sizing: border-box;
  padding: 6px 25px;
}

.white_box_2 h6 {
  font-size: 13px;
}

.white_box_2:last-child {
  margin-right: 0px;
}

.business_view_details {
  display: flex;
  margin-top: 30px;
}

/* vendors details view profile end */

/*factory Visit checklist code start*/

.factory_checklist {
  overflow-x: scroll;
}

.factory_checklist select {
  font-size: 13px;
}

.factory_checklist input {
  height: 37px;
  border: #c9c9c9 solid 1px;
  padding: 3px 10px;
  font-size: 13px;
}

.table_width {
  width: 40%;
}

/*factory Visit checklist code end*/

/* Existing Vendors */

.vendor {
  font-size: 15px;
  color: #444444;
  cursor: pointer;
}
.vendor a {
  color: black;
  text-decoration: none;
}
.table-container {
  width: 100%;
  overflow-x: auto;
  margin: 20px auto;
}
.vendor_tabel {
  white-space: nowrap;
  color: #3767f0 !important;
}
.maine_tr_vendor {
  white-space: nowrap;
  width: max-content !important;
}
select {
  padding: 1px;
  margin: 0 !important;
  font-size: 16px;
  outline: none !important;
}

.invites_log1 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.vendor_maine_content {
  background-color: #cccbcc;
  color: #000;
}
.modal-body_lets {
  text-align: center;
}
.done_btn {
  background-color: #4f9433;
  color: #fff;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  padding: 8px 26px;
  cursor: pointer;
  margin-bottom: 10px;
  margin-top: 10px;
}
a.view_submit_done {
  background: #274594;
  width: 20%;
  border-radius: 4px;
  margin: 44px auto;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  align-items: center;
  text-decoration: none;
  text-align: center;
  justify-content: center;
  display: flex;
  height: 50px;
}
.lets_select_sme {
  width: 100% !important;
}

.d {
  display: flex;
  /* margin-top: 30px; */
}

/* Existing Vendors */

/* Factory Popup */

.lets_select_date {
  width: 48%;
}
.toggle-container {
  display: flex;
  align-items: center;
}

.toggle-checkbox {
  display: none;
}

.lets_toggle_nobtn {
  display: flex;
  align-items: center;
}
.toggle-switch {
  position: relative;
  width: 60px;
  height: 30px;
  background-color: green;
  border-radius: 15px;
  cursor: pointer;
  margin: 7px;
}

.toggle-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 40%;
  height: 26px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
}

.toggle-checkbox:checked + .toggle-switch {
  background-color: red;
}

.toggle-checkbox:checked + .toggle-switch .toggle-handle {
  transform: translateX(30px);
}
.let_icon_calendar {
  position: absolute;
  left: 42%;
  top: 26%;
}

/* Status Onboarding */
.maine_received_box {
  color: #5c5a5a;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  padding: 11px;
  width: 95%;
  margin-top: 26px;
  margin-left: 14%;
}
.approve-btn {
  border-radius: 4px;
  background: #d9d9d9;
  padding: 3px;
  margin: 3px 4px;
  width: 28%;
}
.reject-btn {
  border-radius: 4px;
  background: #fff;
  padding: 3px 4px;
  width: 28%;
}

.party_in {
  display: flex;
}

.party_in {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
}

.des_bx {
  width: 200px;
  font-size: 12px;
}

.status_bx a {
  color: orange;
  font-size: 12px;
  text-decoration: none;
}

/* Status Onboarding */

/* Status_progress_onboarding */
.inpending_txt {
  color: #078dfc;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}
.approve-btn1 {
  border-radius: 4px;
  background: #d9d9d9;

  margin: 7px;
  padding: 4px 12px;
}
.reject-btn1 {
  border-radius: 4px;
  background: #fff;
  padding: 4px 12px;
  margin: 7px;
}

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

/* Status_progress_onboarding */

/* Status_validation_complete */
.validation_sap {
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.maine_remarks_input {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.remarks_input {
  border: 1px solid #c9c9c9;
}

.form-controlee {
  width: 20%;
  margin: 10px;
}

.form-controlee {
  display: block;
  /* width: 100%; */
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.onboarding_status_validation {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.maine_gst {
  font-family: sans-serif;
  font-size: 15px;
  font-weight: 300;
}
.maine .bs-wizard-dot {
  top: 21px !important;
}

.approve-btn_reject_vendor {
  border: #dee2e6;
  padding: 6px 7px;
  margin-right: 10px;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.form-item {
  text-align: center;
  margin-top: 10px;
}
.form-item__label {
  margin-bottom: 5px;
  font-family: sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.modal-content1 {
  width: max-content;
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.form_selectedonboarding {
  width: 247%;
}
.imprt_icon {
  width: 17px;
}

/* Status_validation_complete */

/* Status_Mapping_Management */
/*header section code start*/

header {
  background: #fff;
  padding: 10px 0px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
}

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

.invites {
  margin-right: 19px;
  display: flex;
  gap: 1rem;
}

.invites a span {
  color: #274594;
  margin-right: 5px;
}

.invites a {
  font-size: 14px;
  color: #000;
  font-weight: 600;
  text-decoration: none;
}

.notification {
  color: #aea9a9;
  position: relative;
  margin-left: 33px;
}

.notification .dropdown-toggle::after {
  display: none;
}

.notification a {
  color: #aea9a9;
  position: relative;
}

.circle {
  background: red;
  color: white;
  display: flex;
  align-items: center;
  position: absolute;
  justify-content: center;
  border-radius: 50%;
  font-size: 13px;
  width: 21px;
  font-weight: 600;
  top: -6px;
  right: -9px;
  height: 21px;
}

.user_box {
  margin-left: 40px;
}

.user_box .dropdown-menu {
  margin-top: 16px !important;
}

.user_box a {
  font-size: 14px;
  text-decoration: none;
  color: #000;
}

/*header section code end*/
.vendor3 {
  font-size: 15px;
  color: #0162dd;
  font-weight: 600;
}
.vendor_btn a {
  text-decoration: none;
  align-items: center;
  gap: -20px;
}
.vendor_btn {
  display: flex;
  justify-content: end;
  padding: 5px;
  outline: none !important;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  /* margin-top: 10px; */
  gap: 20px;
}
.lets_modal_vendor {
  display: flex;
  padding-bottom: 10px;
  gap: 20px;
  width: 100%;
}
.form_h_modal {
  border: 1px solid #c9c9c9;
}
.Newvendor_category {
  padding-bottom: 10px;
}
.clear_btn_status {
  padding-top: 10px;
  padding-bottom: 20px;
  margin: 10px;
}
.error-message {
  font-style: italic;
  font-size: 10px;
  color: red;
}
.error {
  font-style: italic;
  font-size: 10px;
  color: red;
}

.search_main {
  width: 250px;
  margin-right: 17px;
}

.search_filter_outer {
  width: 350px;
  display: flex;
  margin-top: 20px;
}

.search-query::placeholder {
  font-size: 12px;
  color: #929292;
}

.filter_main {
  background: #f0f0f0;
  border: #d6d6d6 solid 1px;
  margin-top: 2px;
  display: block;
  padding: 5px 5px;
  border-radius: 4px;
  height: 39px;
}

.filter_main:hover {
  background: #dbd7d7;
}

.filter_main button {
  background: none;
  border: none;
}
.pagination_outer {
  margin-top: 20px;
  float: right;
}

.pagination_outer .pagination > li > a {
  border-radius: 50% !important;
  margin: 0 5px;
  width: 35px;
  height: 35px;
  line-height: 20px;
}
.maine_dropdown {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-top: 8px;
}
/*left menu  code start*/

.left_menu {
  background: #161c44;
  height: 100vh;
  padding-top: 19px;
  position: sticky;
  top: 0;
}

.left_menu ul {
  margin: 0px;
  padding: 0px;
}

.left_menu ul li {
  list-style: none;
  padding: 14px 0;
}

.left_menu ul li a {
  color: #fff;
  padding: 20px;
  font-size: 16px;
  text-decoration: none;
  line-height: 20px;
  font-weight: 600;
}

.left_menu ul li a:hover {
  color: #4f9433;
}

.main_heading_lets {
  background-color: #f2f0f0 !important;
  align-items: center !important;
  display: flex !important;
  gap: 29px !important;
  padding: 12px !important;
  font-size: 20px !important;
  border-radius: 3px !important;
  margin-top: 15px;
}
.form-h {
  height: 49px;
  border: #c9c9c9 solid 1px;
  padding: 10px 40px;
}
.upload_excelfile_btn {
  width: 60% !important;

  margin-left: 10px;
  border-radius: 30px;
  font-size: 14px;
  font-family: sans-serif;
  font-style: inherit;
  color: white;
  background-color: #161c44;
  cursor: pointer;
  outline: none !important;
}
.required {
  color: red;
}
.maine_table_active {
  display: flex;
  align-items: center;
  gap: 10px;
}
.toggle-switch {
  position: relative;
  width: 58px !important;
  height: 24px !important;
  background-color: green;
  border-radius: 15px;
  cursor: pointer;
  margin: 7px;
}
.toggle-handle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 21px !important;
  height: 20px !important;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.3s ease-in-out;
}

.pencil_btn {
  cursor: pointer;
}
.import_modal_btn {
  display: flex;
  align-items: center;
  gap: 5px;
}
.lets_select_sme1 {
  width: 32% !important;
}
/*left menu  code end*/
/* Status_Mapping_Management */

/* Category Management code start */

.category_outer p {
  font-size: 17px;
  color: #5c5a5a;
  margin-top: 10px;
}

.category_box {
  width: 390px;
  border-radius: 10px;

  margin: 0 20px 20px 0;
  float: left;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07);
}

.heading_plus {
  display: flex;
  background: #3767f0;
  border-radius: 12px 12px 0 0;
  padding: 10px;
}

.heading_plus .plus-btn {
  color: white;
  margin-left: auto !important;
  background: none;
  font-size: 34px;
  line-height: 0px;
  padding: 0px;
  border: none;
  margin: 0px;
}

.category_box h3 {
  color: white;
  font-size: 17px;
}

.category_listing {
  display: flex;
  border-bottom: #cdd4d9 solid 1px;
  padding: 3px 8px;
  font-size: 14px;
}

.category_listing:last-child {
  border-bottom: 0px;
}

.category_listing input {
  margin-right: 15px;
}

.category_listing .delete {
  margin-left: auto;
  color: #959292;
}

.hold {
  margin: 0 0 0 8px;
}
.form-group {
  display: flex;
  align-items: center;
  gap: 20px;
}
.vendor3 a {
  text-decoration: none;
}
.modal-content_setup_modal {
  position: relative;
  display: flex;
  flex-direction: column;
  width: max-content;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.category_listing_manager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: #cdd4d9 solid 1px;
  padding: 3px 8px;
  font-size: 14px;
  margin-left: 10px;
}

/* Category Management code end */

/* Project Listing code Css */
.listing_project {
  margin: 10px;
  font-size: 26px;
  font-family: sans-serif;
  font-weight: 500;
  color: #000;
}
.search_filter_outers {
  justify-content: space-between;
  display: flex;
  margin-top: 20px;
}
.create_listing_project {
  display: flex;
  align-items: center;
  gap: 20px;
}
.create_listing_project a {
  text-decoration: none;
  background: #f4f6f9;
}
.vendor_tabels {
  white-space: nowrap;
  color: #000000 !important;
}
.maine_inprogess_listing {
  background: #8b8484;
  color: white;
  text-align: center;
  padding: 5px 10px;
  margin: 2px;
  border-radius: 5px;
}
.form-controls {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.modal-headers {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  /* border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); */
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-bodys {
  text-align: center;
}
.sucesfully_project {
  font-weight: 400;
  font-size: 18px;
  font-family: sans-serif;
  color: #000;
}
.sucesfully_projects {
  font-weight: 400;
  font-size: 18px;
  font-family: sans-serif;
  color: #000;
  margin-top: -15px;
}

/* Project Listing code Css */

/* Project Detail Page CSS */
.listing_project_block_1 {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.listing_project_block_2 {
  padding: 1rem;
  padding-left: 0% !important;
  width: max-content;
  border-radius: 10px;
  background-color: #f4f6f9;
  width: 16%;
}

.listing_project_block_3 {
  display: flex;
  flex-direction: column;
  border-left: 3px solid green;
}

.listing_project_block_3 p {
  margin-left: 1rem;
  margin-bottom: 0;
}
.block_solar a {
  text-decoration: none;
}
.block_detail_listing {
  color: #2a4898;
  font-weight: 500;
}
/* Project Detail Page CSS */

/* Package Detail Code CSS */

.listing_project_block_first {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-bottom: 1rem;
}
.seclected_form_detail {
  width: 60%;
}
.seclected_form_detail_first {
  display: flex;
  align-items: center;
  width: 30%;
  gap: 1rem;
}
.seclected_form_detail_first1 {
  display: flex;
  align-items: center;
  width: 50%;
  gap: 1rem;
}
.seclected_form_detail1 {
  width: 32%;
}
.create_listing_project a {
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 13px;
  border-radius: 6px;
  padding: 6px;
}
.maine_inprogess_listing_manager {
  width: 13rem;
  background: rgb(226 218 218);
  color: #000;
  font-weight: 500;
  padding: 5px 10px;
  margin: 2px;
  border-radius: 5px;
  border: 5px rgb(24, 38, 185);
}
.detail_block_1 {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.vendor_maine_content1 {
  background-color: #f4f6f9;
  color: #000;
  border: 1px solid #9c9696;
  margin-top: 1rem;
}
.btn_uloadfile {
  background-color: #f6f5f5;
}
.listing_btn_uploadfile_download {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-top: -10px;
}
.btn_download_war {
  display: flex;
  align-items: center;
  gap: 4px;
}
.block_btn_detail_upload {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.listing_block_maine_allbtn {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.maine_btn_bom_block {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #5c5a5a;
}
.closebtn_submit_block_btn {
  margin-top: 1rem;
  display: flex;
  justify-content: end;
  gap: 1rem;
}

/* Package Detail Code CSS */

/* Listing Project code Css */

.modal-footer {
  border-top: none;
}
.project_manager_bidding {
  font-family: sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  color: #000;
}

/* Listing Project code Css */

/* Detail Package Code css */
.maine_inprogess_listing_manager_drop {
  width: 13rem;
  height: 28px;
  background: rgb(226 218 218);
  color: #000;
  font-weight: 500;
  padding: 5px 10px;
  margin: 2px;
  border-radius: 5px;
  border: 5px rgb(24, 38, 185);
}

/* Detail Package Code Css */

/* RFQ Listing code CSS */
.btn-light {
  background-color: #caced2;
  width: 7rem;
}
.listing_rfq {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  color: #000;
}
.pending_started {
  color: #4196f9;
}
.pending_starteds {
  color: #3ab54a;
}
.pending_startedse {
  color: #f47500;
}
/* RFQ Listing code CSS */

/* RFQ Creation Form */
.creation_rfq_blocklisting {
  display: flex;
  align-items: center;
  gap: 6px;
}
.create_listing_project1 a {
  text-decoration: none !important;
}
.create_listing_project1 {
  display: flex;
  align-items: baseline;
  gap: 20px;
  margin-top: 1rem;
}
.down_teh_comer .btn-light {
  background-color: #caced2;
  width: auto;
}

.timer_rfq_validity {
  display: flex;
  margin-top: 13px;
}

.timer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.timer-box {
  text-align: center;
  margin-right: 10px;
}

.timer-label {
  color: #565151;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 22px;

  margin-right: 10px;
}

.timer-number {
  color: #454545;
  font-size: 12px;
  background-color: #dedede;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #cdd4d9;
  border-radius: 8px;
}

.timer-text {
  color: #454545;
  font-size: 10px;
}

.date-picker-container {
  background-color: #fff;
  margin-right: 15px;
}

.date-picker-container label {
  display: block;
  font-size: 14px;
  color: #a09d9d;
  margin-bottom: 5px;
  font-weight: 600;
}

.date-picker-container .rfq-label {
  font-size: 14px;
  color: #565151;
  padding-top: 27px;
  margin-right: 11px;
}

.date-picker-container .date-range {
  display: flex;
}

.date-picker-container .date-range > div {
  flex: 1;
}

.date-picker-container .date-range input[type="date"] {
  width: 88%;
  padding: 4px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #a09d9d;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
}

.date-picker-container input[type="submit"] {
  background-color: #4caf50;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 3px;
}

.date-picker-container input[type="submit"]:hover {
  background-color: #45a049;
}
.form-h {
  background: rgb(226 218 218);
  height: 2rem;
  color: white;
}

.error1 {
  color: red;
  font-size: 17px;
  font-family: initial;
}
.vendor_tabels {
  white-space: nowrap;
  color: #3767f0 !important;
  font-weight: 400;
  font-size: 15px;
}
/* RFQ Creation Form */
/* RFQ Detail code start */

.down_teh_comer .btn-light {
  background-color: #caced2;

  width: auto;
}

.timer_rfq_validity {
  display: flex;
  margin-top: 13px;
}

.timer-container {
  display: flex;

  justify-content: space-between;

  align-items: flex-end;
}

.timer-box {
  text-align: center;

  margin-right: 10px;
}

.timer-label {
  color: #565151;

  font-size: 14px;

  font-weight: 600;

  padding-bottom: 22px;

  margin-right: 10px;
}

.timer-number {
  color: #454545;

  font-size: 12px;

  background-color: #dedede;

  width: 35px;

  height: 35px;

  display: flex;

  justify-content: center;

  align-items: center;

  border: 1px solid #cdd4d9;

  border-radius: 8px;
}

.timer-text {
  color: #454545;

  font-size: 10px;
}

.date-picker-container {
  background-color: #fff;
  margin-right: 15px;
}

.date-picker-container label {
  display: block;

  font-size: 14px;

  color: #a09d9d;

  margin-bottom: 5px;

  font-weight: 600;
}

.date-picker-container .rfq-label {
  font-size: 14px;

  color: #565151;

  padding-top: 27px;

  margin-right: 11px;
}

.date-picker-container .date-range {
  display: flex;
}

.date-picker-container .date-range > div {
  flex: 1;
}

.date-picker-container .date-range input[type="date"] {
  width: 88%;

  padding: 4px;

  margin-bottom: 10px;

  font-size: 14px;

  color: #a09d9d;

  border: 1px solid #ccc;

  border-radius: 3px;

  box-sizing: border-box;
}

.date-picker-container input[type="submit"] {
  background-color: #4caf50;

  color: #fff;

  border: none;

  padding: 10px 20px;

  cursor: pointer;

  border-radius: 3px;
}

.date-picker-container input[type="submit"]:hover {
  background-color: #45a049;
}

.tbl_w {
  width: 42%;
}

.rfq-detail-tble .form-control {
  width: auto;
}

.time_sheet {
  width: 14%;
}

.list_con {
  width: 21%;
}

.vnr_information {
  width: 17%;
}

.avaada_quality {
  width: 22%;
}

.mandatory {
  color: red;
}

.listing_main table {
  width: 100%;

  border-collapse: collapse;

  margin-top: 20px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

  border-radius: 10px;

  overflow: hidden;
}

.listing_main th,
td {
  /*border: 1px solid #ddd;*/

  padding: 8px;

  text-align: left;
}

.listing_main th {
  background-color: white;

  cursor: pointer;
  color: #3767f0;
  font-weight: 600;

  border-bottom: #d8d4d4 solid 2px;
}

.listing_main tr.gray-row,
tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.listing_main tr.gray-row,
tbody tr:nth-child(odd) {
  background-color: #fff;
}

.bar-bx {
  max-width: 329px;

  position: relative;

  left: 204px;
}

.twenty-br {
  position: absolute;

  left: -42px;

  top: 48px;
}

.hundred-br {
  position: absolute;

  right: -47px;

  top: 48px;
}

.bar-bx h2 {
  font-size: 13px;
}

.progress-bar {
  position: relative;

  height: 21px;

  border-radius: 25px;

  margin-bottom: 20px;

  background: #d9d9d9;
}

.progress-bar-inner {
  height: 100%;

  background-color: #218eca !important;

  width: 20%; /* Change this value to set the progress */

  transition: width 0.3s ease;
}

.third-div {
  text-align: center;

  padding: 10px;

  border: 1px solid #ccc;

  margin-bottom: 20px;
}

/* RFQ Detail code end */
.form-controlss {
  display: block;
  /* width: 100%; */
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.trigger_listing {
  text-align: center;
}
.listing_projectss {
  margin: 10px;
  font-size: 26px;
  font-family: sans-serif;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between !important;
}
.create_vendor_listing_block {
  background-color: #dfdede;
  color: black;
  font-size: 16px;
  font-weight: 400;
  padding: 5px;
  font-family: sans-serif;
}

a {
  text-decoration: none !important;
}
.footer-modal {
  justify-content: flex-start;
}
.vendor_btns {
  padding: 5px;
  border-radius: 6px;
  font-size: 13px;
}
.detail a {
  text-decoration: none !important;
}

.create_listing_projects {
  display: flex;
  align-items: baseline;
  gap: 1rem;
}
.block_listing_detail {
  font-size: 17px;
  font-weight: 400;
  font-family: sans-serif;
  color: #000;
}
.trophy_listing {
  display: flex;
  align-items: center;
  gap: 0.5rem rem;
}
.vendor1 {
  font-size: 15px;
  color: #3767f0;
  cursor: pointer;
}
.d {
  display: flex;
  align-items: center;
}
.custom-search-input {
  padding: 3px;
  border: solid 1px #e4e4e4;
  border-radius: 6px;
  background-color: #fff;
}
.vendor_maine_package {
  width: 35% !important;
  margin-bottom: 2rem;
}
.package_listing_block_body {
  margin-top: 2rem;
}

.header_lineitem {
  display: flex;
  margin-left: -15px;
}

.header-tb {
  color: #000;
  font-size: 16px;
  padding: 7px 18px;
  border-radius: 25px;
  background: #d9d9d9;
}
.line-tb {
  color: #fff;
  font-size: 16px;
  background: #44aafb;
  padding: 7px 18px;
  border-radius: 25px;
  left: 16px !important;
  position: relative;
}
.lets_approve_block {
  color: green;
}
.rupees_block {
  font-family: sans-serif !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  text-align: left !important;
}

.lets_package_number_listing {
  margin-top: 1rem;
}
.modal-footer {
  justify-content: start !important;
}

.lets_table_block_body {
  color: #000 !important;
  font-weight: 700 !important;
}
.active_lets_green {
  color: #00ff00 !important;
  font-weight: 600 !important;
}
.active_lets_orange {
  color: #f37705 !important;
  font-weight: 600 !important;
}
.create_vendor_listing_block {
  cursor: pointer;
}