@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Jost:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

body {
  overflow: hidden;
}

#left {
  background-image: url("/assets/1522_BACKGROUND.ca4a5c89.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

#divForm {
  margin: 25% 15% 10% 15% !important;
}

#rowBody {
  margin: 25% 20% 10% 20%;
}

#glassmorp {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#glasstitle {
  font-size: 58px;
  padding: 15%;
}

#imglogo {
  width: 9%;
  height: 9%;
  margin-right: 5%;
}

#gtfirst {
  margin: 0;
  padding: 0;
  color: #ffffff;
}

#gtsecond {
  margin: 0;
  padding: 0;
  color: #0d6efd;
}

#gtthird {
  font-size: 20px;
  padding-top: 10%;
  color: #ffffff;
}

#login_button {
  width: 100% !important;
  background: #7534e5;
  border-color: #7534e5 !important;
  height: 40px;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif;
}

#login_button:hover {
  background: #8e60ea;
  border-color: #8e60ea !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
}

.formControl {
  height: max-content;
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

.formControl:focus {
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
  outline: none !important;
}

#login_button:focus,
#login_button:active {
  box-shadow: 0 0 8px #7534e5 !important;
  border-color: #7534e5 !important;
  outline: none !important;
}

#txt_validation {
  color: red;
}

/* label */

#link_reset {
  margin-left: 1%;
  color: #7534e5;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

#imglogo2 {
  width: 8%;
  height: 10%;
  margin-bottom: 5%;
}

.formGroupStyles {
  width: 100% !important;
  margin-bottom: 34px !important;
}

.formGroupStyles2 {
  width: 100% !important;
  margin-bottom: 8px !important;
}

.floatingLabel {
  font-size: 11px;
  font-family: "Inter", sans-serif;
  color: black;
}

.loginTitle {
  font-size: 32px;
  font-weight: 400 !important;
  margin-bottom: 34px !important;
  font-family: "Inter", sans-serif;
}

.loginIcon {
  font-size: 24px;
  margin-right: 4px;
  font-weight: bold !important;
  stroke-width: 1px;
  color: white;
}

.loginFormControl {
  height: 50px !important;
  font-size: 1rem !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  transition: border-color 0.3s ease !important;
  background: none !important;
}

.loginFormControl:focus {
  border-color: #ccc !important;
  outline: none !important;
  box-shadow: 0 0 5px #ccc !important;
}

@media screen and (max-width: 690px) {
  /* Specific to this particular image */

  #login_card {
    background: #ffffff;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20vh;
    margin-left: 5vh;
  }
}
._navbar_14ngj_1 {
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
}

._navbarRow_14ngj_6 {
  width: 100%;
  padding: 0;
  margin: 0;
}

._closeButton_14ngj_12 {
  margin-left: 10px;
  color: black !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 24px;
  cursor: pointer;

  padding: 0px !important;
  width: 34px !important;
  height: 34px !important;
}

._navbarTitleColCollapsed_14ngj_26 {
  margin-left: 2rem;
}

._navbarTitle_14ngj_26 {
  color: black;
  font-size: 24px !important;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  display: flex;
  gap: 1rem;
}

._addIcon_14ngj_39 {
  font-size: 18px !important;
  margin-bottom: 5px;
  margin-right: 5px;
}

._addButton_14ngj_45 {
  color: white !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  border-radius: 10px !important;
  text-align: center !important;

  width: 132px;
  height: 37px;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}

._profileCol_14ngj_60 {
  display: flex;
  justify-content: flex-end;
}

._profileImage_14ngj_65 {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  margin-bottom: 5px;
}

._profileButton_14ngj_72 {
  padding: 5px 10px 5px 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  color: black !important;
  height: 34px;
}

._profileDropdown_14ngj_80 {
  width: 270px;
  top: 105% !important;
  left: -326% !important;
  z-index: 1200;
}

._profileImageDropdown_14ngj_87 {
  width: 36px;
  height: 36px;
  margin-top: 8px;
}

._profileName_14ngj_93 {
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: black;
}

._emailText_14ngj_100 {
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: gray;
}

._profileItem_14ngj_107 {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 10px !important;
}

._refreshIcon_14ngj_113 {
  font-size: 18px !important;
  margin-right: 5px;
  margin-top: -3px !important;
}

._refreshButton_14ngj_119 {
  color: black !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 10px !important;
  text-align: center !important;

  width: 120px;
  height: 33px;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}

._logoutButton_14ngj_134 {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 10px !important;
}

._logoutIcon_14ngj_140 {
  font-size: 20px !important;
  margin-bottom: 3px !important;
}

._logoutText_14ngj_145 {
  color: gray;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}

._backButton_14ngj_152 {
  border: 1px solid #e3e3e3 !important;
}


* {
  font-family: "Inter", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

#tblevents {
  width: 32.5cm;
  margin: 5rem 0rem 0rem 0rem;
}

#nameevents {
  margin: 3rem 0rem 0rem 0rem;
  font-family: "Inter", serif;
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  line-height: 29px;
}

#item {
  border: 2px;
  width: 35cm;
  margin: 0rem 0rem 0rem 0rem;
}

#dropdown-basic-button {
  position: relative;
  margin: 0rem 0rem 0rem 0rem;
  background-color: white;
  color: black;
  border-color: black;
}

#addnewevents {
  position: absolute;
  margin: -4.8rem 0rem 0rem 26.15rem;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  padding: 6px 35px;
}

.topbar {
  text-align: center;
}

#dropdown-basic-button {
  position: absolute;
  margin: 0rem 0rem 0rem 0rem;
}

#searchevents {
  position: relative;
  width: 90%;
  margin: 0.5rem 0rem 2rem -21rem;
}

#eventcard {
  font-family: "Montserrat";
  font-weight: bold;
  border-radius: 5px;
  background: #b8d5e6;
  width: 32.5cm;
  height: 3.5rem;
}

#eventcardbody {
  border-radius: 5px;
  width: 32.5cm;
  height: 3.5rem;
  margin: 0 !important;
  padding: 1rem !important;
}

#eventcarditems {
  margin: 1rem 0rem 0rem 0rem;
  font-family: "Montserrat";
  font-weight: bold;
  border-radius: 5px;
  background: #e2f0f9;
  width: 32.5cm;
  height: 9.5rem;
}

#eventcardstatus {
  color: #ff7a00;
  margin-left: 0rem !important;
  padding: 0rem !important;
}

#eventcardsactions {
  margin-left: 3rem !important;
  padding: 0rem !important;
}

#imagecolonevent {
  margin-right: -11rem;
}

#datadatecolonevent {
  position: absolute;
  margin-left: 10.5rem;
}

#datatimecolonevent {
  position: absolute;
  margin-left: 5rem;
}

#toastforlinkcol {
  position: absolute;
  margin-left: 64.5rem;
}

#toastforlink {
  width: 12.3rem;
}

.new-event-button {
  background-color: #7534e5 !important;
  border: none !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0 2rem !important;
  font-weight: 600 !important;
}

.button-group {
  display: flex;
  gap: 1rem;
  margin-right: 1rem;
}

.bold {
  font-weight: 500 !important;
}

.logout-button {
  border: none !important;
  text-align: start !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.5rem !important;
}

.logout-button:hover {
  background-color: #e3e3e3 !important;
}

.avatar-popover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.user-email {
  font-weight: 300 !important;
  font-size: 0.8rem;
}

.event-list-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.event-list-title {
  font-weight: 500 !important;
}

.event-search-button {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

.event-title {
  text-align: start !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

.event-time-status {
  display: flex;
  gap: 1rem;
}

.event-date {
  display: flex;
  align-items: center !important;
  gap: 0.5rem !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 0.85rem;
  border-radius: 6px;
  padding: 0.4rem 1rem;
}

.event-status {
  border: 1px solid #e3e3e3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 600 !important;
  cursor: default !important;
}

.event-image {
  object-fit: cover !important;
  width: 100%;
  height: 100%;
}

.event-card {
  border-bottom: 1px solid #e3e3e3 !important;
  padding: 1.5rem 0 !important;
}

.event-view {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.2rem 0.8rem !important;
  font-weight: 600 !important;
}

.event-copy {
  border: 1px solid #e3e3e3 !important;
}

.event-actions {
  display: flex !important;
  gap: 1rem !important;
  justify-content: end !important;
  padding-right: 1.8rem !important;
}

.pagination-button {
  border: 1px solid #e3e3e3 !important;
}

.pagination {
  display: flex !important;
  gap: 0.8rem !important;
  padding: 0.5 1.8rem !important;
  justify-content: end;
}

.toast-message {
  display: flex !important;
  gap: 0.8rem !important;
}

.event-page-content {
  min-height: 92svh;
  padding: 1rem;
}

.event-page-container {
  border: none !important;
}

.minimize-button {
  border: 1px solid #e3e3e3 !important;
  padding: 0.5rem !important;
  aspect-ratio: 1/1 !important;
  color: var(--sidebar-color) !important;
}

.minimize-button:hover {
  border: 1px solid #e3e3e3 !important;
}

.navigation-front {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0 1rem !important;
}

.event-list-container {
  padding: 1rem 1.8rem 1rem 1.4rem !important;
}


* {
  font-family: "Inter", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

.content-container {
  padding: 1rem 1rem 5rem 1rem !important;
  position: relative;
}

.content-list {
  display: grid;
  gap: 1rem;
}

.create-event-container {
  border: none !important;
  height: 100svh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.input-container {
  display: grid;
  gap: 0.5rem;
}

.input-card {
  max-width: 800px !important;
  width: 100% !important;
}

.custom-input {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  grid-template-rows: 1rem auto;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 0.375rem;
}

.custom-input-controller {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0 !important;
  border-radius: none !important;
}

.custom-input-label {
  font-size: 0.85rem !important;
  z-index: 0 !important;
}

.custom-input>span {
  grid-row: 1/3;
  display: grid;
  place-items: center;
  width: 3.5rem !important;
  height: 2.75rem !important;
}

.input-date::-webkit-calendar-picker-indicator,
.input-time::-webkit-calendar-picker-indicator {
  display: none;
}

.input-date {
  border: none !important;
  padding: 0.125rem 0 !important;
  box-shadow: none !important;
  width: 6.5rem !important;
}

.input-time {
  border: none !important;
  padding: 0.125rem 0 !important;
  box-shadow: none !important;
  width: 5rem !important;
}

.range-input-container {
  display: grid;
  grid-template-columns: 3.5rem auto;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

.range-input-container>span {
  display: grid;
  place-items: center;
  width: 3.5rem !important;
  height: 2.75rem !important;
}

.range-input-container>div {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
}

.login-mockup {
  background-color: #f9f9f9 !important;
  display: grid;
  place-items: center;
}

.skeleton-lg {
  height: 1.2rem !important;
  border-radius: 10px;
  background-color: #e3e3e3 !important;
}

.skeleton-sm {
  height: 0.3rem !important;
  width: 80%;
  border-radius: 10px;
  background-color: #e3e3e3 !important;
}

.mockup-container {
  padding: 1rem;
  display: grid;
  width: 100%;
  gap: 1rem;
  font-weight: 300;
  font-size: 0.85rem;
}

.mockup-container-2 {
  background-color: red;
}

.submit-event-button {
  background-color: #7534e5 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.4rem 1.3rem !important;
}

.fixed-footer {
  border: 1px solid #e3e3e3;
  padding: 0.5rem 1rem;
  position: fixed;
  z-index: 1;
  bottom: 0;
  right: 0;
  left: 0;
  height: fit-content;
  background: white;
}
._dropzone_9oucw_1 {
  width: 100%;
  aspect-ratio: 1/1;
  padding: 0.8rem;
  text-align: center;
  border-radius: 10px;
  position: relative;
  border: 1px dashed #bbb;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

._overlay_9oucw_15 {
  position: absolute;
  inset: 0;
  background-color: white;
  opacity: 0.25;
  z-index: 2;
}

._border_9oucw_23 {
  border-radius: 10px;
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: 300;
  z-index: 999;
  position: relative;
  color: #4a4a4a;
}
._dropzone_1ch3z_1 {
  width: 100%;
  aspect-ratio: 1/1;
  padding: 0.8rem;
  text-align: center;
  border-radius: 10px;
  position: relative;
  border: 1px dashed #bbb;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

._overlay_1ch3z_15 {
  position: absolute;
  inset: 0;
  background-color: white;
  opacity: 0.25;
  z-index: 2;
}

._border_1ch3z_23 {
  border-radius: 10px;
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  padding: 0.5rem;
  font-size: 1.3rem;
  font-weight: 300;
  z-index: 999;
  position: relative;
  color: #4a4a4a;
}
#_tbl2_u1vtk_1 {
  width: 32.5cm;
  margin: 3rem 0rem 0rem 0rem;
}
#_name_u1vtk_1 {
  margin: 8.5rem 0rem 0rem 0rem;
  font-size: 25px;
}
#_item_u1vtk_1 {
  border: 2px;
  width: 35cm;
  margin: 0rem 0rem 0rem 0rem;
}
#_dropdown-basic-button_u1vtk_1 {
  position: relative;
  margin: 0rem 0rem 0rem 0rem;
  background-color: white;
  color: black;
  border-color: black;
}
#_addnew22_u1vtk_1 {
  position: absolute;
  margin: 0rem 0rem 0rem 26.3rem;
  box-shadow: 5px 5px #888888;
  padding: 6px 35px;
}

._topbar_u1vtk_28 {
  text-align: center;
}
#_dropdown-basic-button_u1vtk_1 {
  position: absolute;
  margin: 0rem 0rem 0rem 0rem;
}
#containerBody {
  overflow: hidden;
  background-image: url("/assets/1522_BACKGROUND.ca4a5c89.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;

}

#rowPad {
  margin: 15% 35% 10% 35%;
}

#recover_card {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 690px) {
  /* Specific to this particular image */

  #recover_card {
    background: #ffffff;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20vh;
    margin-left: 5vh;
  }
}
body {
  overflow: hidden;
}

#left {
  background-image: url("/assets/1522_BACKGROUND.ca4a5c89.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

#divForm {
  margin: 25% 20% 10% 20%;
}

#rowBody {
  margin: 25% 20% 10% 20%;
}

#glassmorp {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

#glasstitle {
  font-size: 58px;
  padding: 15%;
}

#imglogo {
  width: 9%;
  height: 9%;
  margin-right: 5%;
}
#gtfirst {
  margin: 0;
  padding: 0;
  color: #ffffff;
}

#gtsecond {
  margin: 0;
  padding: 0;
  color: #0d6efd;
}

#gtthird {
  font-size: 20px;
  padding-top: 10%;
  color: #ffffff;
}

#login_button {
  width: 60vh;
  margin: 5% 0% 5% 0%;
}

#txt_validation {
  color: red;
}

/* label */
#link_reset {
  margin-left: 1%;
}

#imglogo2 {
  width: 8%;
  height: 10%;
  margin-bottom: 5%;
}

.loginTitle {
  font-size: 32px;
  font-weight: 500 !important;
  margin-bottom: 20px;
}

.formGroupStyles {
  width: 100% !important;
  margin-bottom: 0px;
}

.backButtonContainer {
  border: 1px solid #e3e3e3;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px;
  margin-bottom: 40px;
  cursor: pointer;
}

.backButton {
  font-size: 24px;
}

.floatingLabel {
  font-size: 14px;
}

.formControl {
  height: max-content;
}

.formControl:focus {
  border-color: black !important;
  box-shadow: none !important;
  outline: none !important;
}

@media screen and (max-width: 690px) {
  /* Specific to this particular image */

  #login_card {
    background: #ffffff;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20vh;
    margin-left: 5vh;
  }
}
#headingedit30 {
  font-size: 25px;
  margin: 8.5rem 0rem 0rem 0rem;

}
#buttonback30 {
  background-color: white;
  color: black;
  border-color: black;
  padding: 6px 55px;
  margin: 3.5rem 0rem 0rem -5.55rem;
}
#buttonsave30 {
  padding: 6px 55px;
  margin: 3.5rem 0rem 0rem 3rem;
}
#formedit30 {
  width: 28cm;
  padding: 6px 20px;
  margin: 2.5rem 0rem 0rem 10rem;
}
#addsave {
  width: 80cm;
  margin: 0rem 0rem 0rem 60rem;
}
#description30{
  margin-top: 2%;
}
#catergory30 {
  margin-top: 2%;
width: 50%;
}
#capacity30{
  margin-top: 2%;
  width: 50%;
}#editeventtype {
    font-size: 25px;
    margin: 9rem 0rem 0rem 0rem;
  }
  #buttons15{
    position: absolute;
    margin: 4.5rem 0rem 0rem 66.5em;
    
  }
  #buttonback15 {
    background-color: white;
    color: black;
    border-color: black;
    padding: 4px 45px;
    margin: 0rem 0rem 0rem -10rem;
  }
  #btnsave15 {
    padding: 4px 45px;
    margin: 0em 0rem 0rem -1.5rem;
  }
  #card15 {
    width: 100%;
    border-radius: 10px 10px;
    background: #FFFFFF;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    padding: 20px 20px;
    margin: 9em 0rem 0rem 13.5rem;
  }
  #margininside{
    margin-bottom: 15px;
  }
  #tbl2{
  width: 32.5cm;
margin: 3rem 0rem 0rem 0rem;
}
#name{
  margin: 8.5rem 0rem 0rem 0rem;
  font-size: 25px;

}
#item {
  border: 2px;
  width: 35cm;
  margin: 0rem 0rem 0rem 0rem;
}
#dropdown-basic-button{
  position: relative;
  margin: 0rem 0rem 0rem 0rem;
  background-color: white;
  color:black;
  border-color: black;
}
#addnew22 {
  position: absolute;
  margin: 0rem 0rem 0rem 26.3rem;
  box-shadow: 5px 5px #888888;
  padding: 6px 35px;;
}

.topbar{
text-align: center;
}
#dropdown-basic-button{
  position: absolute;
  margin: 0rem 0rem 0rem 0rem;  
}#description_upload{
  margin-bottom: 2%;
}
.div_upload {
  
  position: relative;
  /* change width */
  height: 105px;
  background: #f8fbfd;
  bottom: 54%;
  left: 0%;
  border: 0.5px dashed #e5e5e5;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 2%;
}
.lbl_upload_booths {
  position: relative;
  top: 49%;
  left: -12%;
}
._upload {
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
  left: 5%;
  top: 48%;
}

.file_upload{
  position: relative;
  left: 22%;
  top: 18%;
}

#editeventtype {
  font-size: 25px;
  margin: 9rem 0rem 0rem 0rem;
}
#buttons15{
  position: absolute;
  margin: 4.5rem 0rem 0rem 66.5em;
  
}
#buttonback15 {
  background-color: white;
  color: black;
  border-color: black;
  padding: 4px 45px;
  margin: 0rem 0rem 0rem -10rem;
}
#btnsave15 {
  padding: 4px 45px;
  margin: 0em 0rem 0rem -1.5rem;
}
#card15 {
  width: 100%;
  border-radius: 10px 10px;
  background: #FFFFFF;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
  padding: 20px 20px;
  margin: 9em 0rem 0rem 13.5rem;
}
#margininside{
  margin-bottom: 15px;
}


* {
    font-family: "Inter", serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

.users-page-content {
    min-height: 92svh;
    padding: 1rem;
}

.users-page-container {
    border: none !important;
}

.users-list-container {
    padding: 1rem 1.8rem 1rem 1.4rem !important;
}

.action-button-popover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.action-button {
    border-bottom: 1px solid #e3e3e3 !important;
    border-top: 1px solid #e3e3e3 !important;
    border-radius: 0 !important;
    text-align: start !important;
    display: flex !important;
    gap: 0.5rem !important;
    font-size: 0.825rem !important;
}

.dropdown-action {
    font-size: 0.85rem !important;
    height: 38px !important;
}

.action-button:hover {
    border-right: none !important;
    border-left: none !important;
    background-color: #e3e3e3 !important;
}

.action-button {
    border-right: none !important;
    border-left: none !important;
}

.default-avatars {
    display: block;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: white;
    background-color: red;
    align-self: flex-start;
    flex-grow: 0;
    height: auto;
    background-image: linear-gradient(#d9d9d9, #999999);
    margin: auto;
}

.table-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1rem;
    height: 5rem;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition:
        background-color 0.3s,
        border-color 0.3s;
}

.table-checkbox:checked {
    background-color: #7534e5;
    border-color: #7534e5;
}

.nameCol {
    display: flex;
    align-items: center !important;
    height: 50px;
    padding: 0px !important;
}

.table-checkbox:checked::after {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Centering the checkmark */
    font-size: 0.8rem;
    /* Size of the checkmark */
    color: white;
}

.user-table-header {
    color: #4a4a4a;
    font-size: 0.75rem;
    font-weight: 500 !important;
    padding-bottom: 0.725rem !important;
}

.formGroupSelect {
    border: 1px solid #ced4da;
    padding: 10px;
    border-radius: 6px;
    margin-bottom: 10px;
}


#headingeditadd_group {
  margin-left: 33%;
  font-size: 25px;
  margin-bottom: 5%;
}

#buttonback_group {
  position: relative;
  background-color: white;
  color: black;
  border-color: black;
  padding: 6px 40px;
  left: 320%;
  bottom: 50%;
}

#buttonsave_group {
  position: relative;
  margin-left: 240%;
  left: 15%;
  bottom: 50%;
  padding: 6px 40px;
}

#formedit_group {
  position: relative;
  width: 635px;
  height: 259px;
  margin-left: 60%;
  border-radius: 10px 10px;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  margin-bottom: 20%;
}

#form_group {
  position: relative;
  left: 4%;
  bottom: 10%;
  background: #e8e8e8;
  border-radius: 5px;
  width: 566px;
  height: 45px;
}

#formgroup_desc {
  position: relative;
  left: 4%;
  bottom: 90%;
  background: #e8e8e8;
  border-radius: 5px;
  width: 566px;
  height: 77px;
}

#formt_groupname {
  position: relative;
  margin-top: 2%;
  left: 4%;
}

#formt_desc {
  position: relative;
  margin-top: 2%;
  left: 4%;
}

.header {
  font-size: 30px !important;
  margin: 0rem 0rem 3rem 0rem !important;
}

#back_btn {
  background-color: #ffff;
  color: black;
  border-color: black;
  margin: .1rem 0rem 3rem 0rem !important;
  width: 20%;
}

#back_btn2 {
  background-color: #0D6EFD;
  color: white;
  border-color: #0D6EFD;
  margin: 0rem 0rem 0rem -3.5rem !important;
  width: 160%;
}

#editformgroup{
  width: 75%;
}
#formedit_group{
  margin: 17.5rem 0rem 0rem 10rem;
}
#bsave123{
  position: absolute;
  margin: 13rem 0rem 0rem 8.5rem;
  padding: 6px 55px;
}

* {
    font-family: "Inter", serif !important;
    font-optical-sizing: auto;
    font-style: normal;
}

.users-page-content {
    min-height: 92svh;
    padding: 1rem;
}

.users-page-container {
    border: none !important;
}

.users-list-container {
    padding: 1rem 1.8rem 1rem 1.4rem !important;
}

.action-button-popover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}

.action-button {
    border-bottom: 1px solid #e3e3e3 !important;
    border-top: 1px solid #e3e3e3 !important;
    border-radius: 0 !important;
    text-align: start !important;
    display: flex !important;
    gap: 0.5rem !important;
    font-size: 0.825rem !important;
}

.dropdown-action {
    font-size: 0.85rem !important;
    height: 38px !important;
}

.action-button:hover {
    border-right: none !important;
    border-left: none !important;
    background-color: #e3e3e3 !important;
}

.action-button {
    border-right: none !important;
    border-left: none !important;
}

.default-avatar {
    display: block;
    width: 30px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: white;
    background-color: red;
    align-self: flex-start;
    flex-grow: 0;
    height: auto;
    background-image: linear-gradient(#d9d9d9, #999999);
}

.table-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid #e3e3e3;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition:
        background-color 0.3s,
        border-color 0.3s;
}

.table-checkbox:checked {
    background-color: #7534e5;
    border-color: #7534e5;
}

.table-checkbox:checked::after {
    content: "✔";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* Centering the checkmark */
    font-size: 0.8rem;
    /* Size of the checkmark */
    color: white;
}

.user-table-header {
    color: #4a4a4a;
    font-size: 0.75rem;
    font-weight: 500 !important;
    padding-bottom: 0.725rem !important;
}
#headingedit1 {
    position: absolute;
  font-size: 25px;
  margin: 9rem 0rem 0rem 0rem;
}
#buttonback12 {
    position: absolute;
  background-color: white;
  color: black;
  border-color: black;
  margin: 13.05rem 0rem 0rem 9rem;
  padding: 6px 55px;
}
#buttonsave12 {
  position: absolute;
  margin: 13rem 0rem 0rem 36rem;
  padding: 6px 55px;
}
#formedit1 {
  width: 28cm;
  margin: 17.5rem 0rem 0rem 10rem;
}
#formgroup {
  background-color: rgb(223, 223, 223);
}
#buttonsbs{
    margin: 2.8rem 0rem 0rem 0rem;
}
#buttonreset12{
  position: absolute;
  margin: 13rem 0rem 0rem 30rem;
  padding: 6px 30px;
}


/* The message box is shown when the user clicks on the password field */
#message {
  display:none;
  background: #f1f1f1;
  color: #000;
  position: relative;
  padding: 20px;
  margin-top: 10px;
}

#message p {
  padding: 10px 35px;
  font-size: 18px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}

.valid:before {
  position: relative;
  left: -35px;
  content: "\2713";
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
  color: red;
}

.invalid:before {
  position: relative;
  left: -35px;
  content: "\0078";
}.titles {
    margin: 8rem 0rem 0rem 0rem !important;
}

.header {
    font-size: 30px !important;
    margin: 0rem 0rem 3rem 0rem !important;
}

.back_btn {
    margin: 0rem 1rem 3rem 0rem !important;
}

#toast {
    position: absolute;
    margin: -6rem 0rem 0rem 40rem;
}

#resetpass123 {
    position: absolute;
    margin: 0rem 0rem 0rem 46rem;
}

#savebtnuser123 {
    position: absolute;
    margin: 0rem 0rem 0rem 57.75rem;
}

.edit-user-card {
    max-width: 1000px !important;
}

.avatar-container {
    max-width: 150px;
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #999999;
    border-radius: 50%;
    background-image: linear-gradient(#d9d9d9, #999999);
    display: grid;
    place-items: center;
    font-size: 4rem;
    font-weight: 600;
    color: white;
}

.user-edit-footer {
    position: fixed !important;
    bottom: 0 !important;
    width: calc(100% - 238px) !important;
    padding: 0.5rem 1rem;
    display: flex !important;
    justify-content: end !important;
    border: 1px solid #e3e3e3 !important;
}

.modal-cancel-button {
    background-color: #7534e5 !important;
    border-radius: 6px !important;
    color: white !important;
    padding: 0.3rem 1rem !important;
    font-weight: 500 !important;
}

.modal-action-button {
    border-radius: 6px !important;
    border: 1px solid #e3e3e3 !important;
    padding: 0.3rem 1rem !important;
}

#editheading_exclusive {
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 22px;
  color: #000000;
  margin-left: 35%;
}
#container {
  position: relative;
  width: 924px;
  height: 237px;
}
#btn_date {
  position: relative;
  background-color: white;
  color: black;
  left: -6px;
  top: 34px;
}
#btn_csv {
  position: relative;
  top: -10px;
  left: 747px;
  box-shadow: 0 3px #999;
  width: 165px;
  height: 35px;
  text-align: center;
}
.button:hover {
  background-color: rgb(34, 117, 185);
}
#tablemargin {
  padding-left: 10%;
}
#tableborders {
  position: relative;
  border: 1px solid;
  top: 15px;
  width: 250%;
  /*border color for whole table*/
  border-color: white;
  /*border color for top*/
  border-top-color: black;
  /*border color for left and right*/
  border-inline-color: black;
}
#tableborders2 {
  position: relative;
  border: 1px solid;
  top: 15px;
  width: 250%;
  /*border color for whole table*/
  border-color: white;
  /*border color for top*/
  border-top-color: black;
  /*border color for left and right*/
  border-inline-color: black;
}
#search_bar {
  position: relative;
  width: 662px;
  left: 68px;
  top: 30px;
}
.cards {
  position: relative;
  border: 0.5px solid #000000;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  width: 181px;
  height: 75px;
  text-align: center;
  float: left;
  top: 30px;
}
#card_1 {
  margin-left: 1%;
}
#card_2 {
  margin-left: 6%;
}
#card_3 {
  margin-left: 6%;
}
#card_4 {
  margin-left: 6%;
}
#btn_casenote1 {
  position: relative;
  background-color: white;
  color: black;
  left: 480px;
  top: 15px;
}
#btn_casenote2 {
  position: relative;
  background-color: white;
  color: black;
  left: 480px;
  top: 15px;
}
#btn_casenote3 {
  position: relative;
  background-color: white;
  color: black;
  left: 480px;
  top: 15px;
}
#btn_casenote4 {
  position: relative;
  background-color: white;
  color: black;
  left: 480px;
  top: 15px;
}
.pagination {
  position: relative;
  border-radius: 5px;
  background-color: white;
  color: black;
}
#pagination1 {
  position: relative;
  left: 1175px;
  bottom: 180px;
}
#pagination2 {
  position: relative;
  bottom: 180px;
  left: 1175px;
}
#pagination3 {
  position: relative;
  left: 1175px;
  bottom: 180px;
}
#pagination4 {
  position: relative;
  bottom: 80px;
  left: 1175px;
}
td {
}
.company_name {
  text-align: left;
}
/*border color for inside*/
.tr_border {
  border-bottom: white;
}
/*border color for bottom*/
.tr_end {
  border-bottom: black;
}
/*border color for top box*/
.tr_border1 {
  border-color: black;
}
.total_visits {
  text-align: left;
}
#tbl_exclusive {
  position: relative;
  width: 924px;
  border: 0.5px solid #000000;
  bottom: 100%;
  left: 0%;
}
.sections{
  height: 580px;
  position: relative;
}#tbl2{
  width: 32.5cm;
margin: 3rem 0rem 0rem 0rem;
}
#name{
  margin: 8.5rem 0rem 0rem 0rem;
  font-size: 25px;

}
#item {
  border: 2px;
  width: 35cm;
  margin: 0rem 0rem 0rem 0rem;
}
#dropdown-basic-button{
  position: relative;
  margin: 0rem 0rem 0rem 0rem;
  background-color: white;
  color:black;
  border-color: black;
}
#addnew22 {
  position: absolute;
  margin: 0rem 0rem 0rem 26.3rem;
  box-shadow: 5px 5px #888888;
  padding: 6px 35px;;
}

.topbar{
text-align: center;
}
#dropdown-basic-button{
  position: absolute;
  margin: 0rem 0rem 0rem 0rem;  
}#description_upload{
  margin-bottom: 2%;
}
.div_upload {
  
  position: relative;
  /* change width */
  height: 105px;
  background: #f8fbfd;
  bottom: 54%;
  left: 0%;
  border: 0.5px dashed #e5e5e5;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 2%;
}
.lbl_upload_booths {
  position: relative;
  top: 49%;
  left: -12%;
}
._upload {
  position: relative;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
  left: 5%;
  top: 48%;
}

.file_upload{
  position: relative;
  left: 22%;
  top: 18%;
}#editeventtype {
    font-size: 25px;
    margin: 9rem 0rem 0rem 0rem;
  }
  #buttons15{
    position: absolute;
    margin: 4.5rem 0rem 0rem 66.5em;
    
  }
  #buttonback15 {
    background-color: white;
    color: black;
    border-color: black;
    padding: 4px 45px;
    margin: 0rem 0rem 0rem -10rem;
  }
  #btnsave15 {
    padding: 4px 45px;
    margin: 0em 0rem 0rem -1.5rem;
  }
  #card15 {
    width: 100%;
    border-radius: 10px 10px;
    background: #FFFFFF;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    padding: 20px 20px;
    margin: 9em 0rem 0rem 13.5rem;
  }
  #margininside{
    margin-bottom: 15px;
  }
  #editeventtype {
  font-size: 25px;
  margin: 5rem 0rem 0rem 0rem;
}

#buttons15 {
  position: absolute;
  margin: 2.5rem 0rem 0rem 66.5em;
}

#buttonback15 {
  background-color: white;
  color: black;
  border-color: black;
  padding: 4px 45px;
  margin: 0rem 0rem 0rem -10rem;
}

#btnsave15 {
  padding: 4px 45px;
  margin: 0em 0rem 0rem -1.5rem;
}

#card15 {
  width: 100%;
  border-radius: 10px 10px;
  background: #ffffff;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
  padding: 20px 20px;
  margin: 6em 0rem 0rem 13.5rem;
}

#margininside {
  margin-bottom: 15px;
}

.back-button-to-dashboard {
  border: 1px solid #e3e3e3 !important;
}

.edit-details-top {
  border: 1px solid #e3e3e3 !important;
  border-top: none !important;
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 0.5rem 2rem !important;
}

.content-p-added {
  padding: 1.5rem !important;
}
._sidebar_e2yij_1 {
  transition: max-width 0.3s ease-in-out, opacity 0.3s ease-in-out;
  height: 100vh;
  max-width: 250px; /* Full width when expanded */
  opacity: 1;
  overflow: hidden;
  background-color: white;
}
._closeButtonRow_e2yij_9{
  margin-bottom: 5rem;
}
._collapsed_e2yij_12 {
  max-width: 0; /* Hides the sidebar smoothly */
  opacity: 0;
}
._closeButtonCol_e2yij_16 {
  padding-top: 10px;
  margin-right: 12px;
  text-align: end;
}
._dynamicNavRow_e2yij_21 {
  margin: 0 !important;
  padding: 0 !important;
  height: 100vh;
}
._sidebarCol_e2yij_26 {
  padding: 0 !important;
  margin: 0 !important;
}
._dynamicNavCol_e2yij_30 {
  padding: 0 !important;
  margin: 0 !important;
  width: 100vw;
  height: 10%;
}

._navbar_e2yij_37 {
  border-bottom: 1px solid #e0e0e0;
}
._closeButton_e2yij_9 {
  color: black !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 20px;
  cursor: pointer;

  padding: 0px !important;
  width: 34px !important;
  height: 34px !important;
}
._backButtonCol_e2yij_52{
  padding-top: 10px;
  margin-left: 12px;
}
._backButton_e2yij_52{
  color: black !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 24px;
  cursor: pointer;

  padding: 0px !important;
  width: 34px !important;
  height: 34px !important;
}
._Icon_e2yij_68{
  font-size: 20px;
}
._sidebarTitleCol_e2yij_71{
  padding-top: 15px;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: start;
}
._sidebarTitle_e2yij_71{
  font-size: 16px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: black;
}
._menuContainer_e2yij_83 {
  display: flex;
  flex-direction: column;
  height: calc(90vh - 60px); /* Adjust based on your header height */
  justify-content: space-between;
}

._settingsMenu_e2yij_90 {
  margin-top: auto;
  padding-bottom: 20px; /* Add some space at the bottom */
}
@keyframes _fadeIn_e2yij_1 {
  from {
    opacity: 0;
    transform: translateX(-90px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

._menuFade_e2yij_105 {
  animation: _fadeIn_e2yij_1 1s ease-in-out;
}
._settingsMenuItemSettings_e2yij_108 {
  margin-top: 18.2rem;
}#reset_card {
  background: #ffffff;
  box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
  margin-top: 20vh;
  margin-left: 81vh;
}

#reset_button{
  width: 350px;
  margin-bottom: 10px;
}


@media screen and (max-width: 690px) {
  /* Specific to this particular image */

  #reset_card {
    background: #ffffff;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20vh;
    margin-left: 15vh;
  }
}
#success_card {
    background: #ffffff;
    box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
    margin-top: 20vh;
    margin-left: 80vh;    
  }
  
  #success_button{
    width: 387px;
    margin-top: 30px;
  }
  
  
  @media screen and (max-width: 690px) {
    /* Specific to this particular image */
  
    #success_card {
      background: #ffffff;
      box-shadow: 2px 2px 10px 5px rgba(0, 0, 0, 0.25);
      margin-top: 20vh;
      margin-left: 15vh;
    }
  }
  /* download list button */
.downloadlisttop{
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 80.5%;
}
.downloadlist {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 59.3%;
}
/* add participants button */
.addparticipants {
  width: 100%;
  float: right;
}
/* add participants button */
.DeleteALLUnpaid {
  width: 100%;
  float: right;
}

.DownloadSurvey {
  width: 100%;
  float: right;
}
/* delete unpaid */
.deleteunpaid {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 81.15%;
}
.deleteunpaidrest {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 59.9%;
}
/* off canvas style */
.offCanvas {
  background-color: #222222;
  height: 100%;
}
/* form styles */
.sponsor_class {
  color: white;
  background: #222222;
  border-color: red;
  margin-bottom: 5%;
}
/* form control styles */
#frmCtrl {
  background: #222222;
  color: white;
}
/* div styles */
#cardSponsor {
  position: relative;
  text-align: center;
  background: #222222;
  border: white dashed 1px;
  width: 350px;
  height: 200px;
}
/* text styles */
#sponsorTexts {

  position: relative;
  top: 25%;
}
#textfile{
  color: white;
  position: relative;
  top: 25%;
}
.filteredbyregistrants{
  margin-left: -0.9rem;
  margin-right: -76rem;
}
#searchbarforregistrants {
  margin: 0.65rem 0rem 1rem 76rem;
  width: 18%;
}
#downloadCSV {
  margin-bottom: 1rem;
  font-size: 17.7px;
  color: #0394e5;
}
.filterlabel{
  margin: 1rem 0rem 0rem 0rem !important;
}
#filterby{
  border-color: #888888;
  background: transparent;
  color: #000;
  margin-bottom: -1.9rem;
}#topbar {
  height: 8rem;
  width: 100%;
  margin: 0rem 0rem 0rem 0rem;
  background-color: #0394E5;
}
#arrowbtn {
  margin: -3rem 0rem 0rem 15.3rem;
  background-color: #0000;
  border: none;
  padding-bottom: 0.5rem;
}

#arrowbtn2 {
  margin: -3rem 0rem 0rem 3rem;
  background-color: #0000;
  border: none;
  padding-bottom: 0.5rem;
}
#topbartitle {
  position: absolute;
  margin: -3rem 0rem 0rem 18.3rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
}

#topbartitle2 {
  font-family: "Montserrat";
  margin: -3rem 0rem 0rem 0rem;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
}

#topbaritems {
  position: absolute;
  margin: 1.5rem 0rem 0rem -0.2rem;
}

#topbaritems2 {
  position: absolute;
  margin: 1.5rem 0rem 0rem 0rem;
}


#topbarselections {
  padding-right: 2.5rem;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-size: 17px;
  line-height: 17px;
  color: #ffffff;
}

/* body {
  overflow-y: auto;
  overflow-x: hidden;
} */
.summaryRow {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
/* off canvas style */
.offCanvas {
  background-color: #222222;
  height: 100%;
}
/* form styles */
.sponsor_class {
  color: white;
  background: #222222;
  border-color: red;
  margin-bottom: 5%;
}
/* form control styles */
#frmCtrl {
  background: #222222;
  color: white;
}
/* div styles */
#cardSponsor {
  position: relative;
  text-align: center;
  background: #222222;
  border: white dashed 1px;
  width: 350px;
  height: 200px;
}
/* text styles */
.sponsorTexts {
  color: white;
  position: relative;
  top: 45%;
}
/* card for event details styles */
.eventCard {
  float: left;
  margin: 2rem 1rem 2rem 1rem;
  padding: 1rem 0rem 0rem 1rem;
  border-radius: 5px;
}
/* buttons styles */
.Btn {
  margin: 0px 15px 5px 0px;
  width: 45%;
  height: 25%;
}
/* card for table styles */
.tableCard {
  padding: 1rem 1rem 1rem 1rem;
  margin: 0rem 0rem 2rem 0rem;
}
/* add subscription button */
.addSubsLevel {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 76%;
}
/* add sponsor button */
.addSponsor {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  left: 77%;
}
/* off canvas style */
.offCanvas {
  background-color: #222222;
  height: 100%;
}
/* form styles */
.sponsor_class {
  color: white;
  background: #222222;
  border-color: red;
  margin-bottom: 5%;
}
/* form control styles */
#frmCtrl {
  background: #222222;
  color: white;
}
/* div styles */
#cardSponsor {
  position: relative;
  text-align: center;
  background: #222222;
  border: white dashed 1px;
  width: 350px;
  height: 200px;
}
/* text styles */
.sponsorTexts{
  color:white;
  position: relative;
  top: 45%;
}._navbar_1e5oy_1 {
  border-top: none;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_1e5oy_5 {
  width: 100%;
}
._navbarCol_1e5oy_8 {
  text-align: end;
}
._icon_1e5oy_11 {
  font-size: 24px !important;
}
._addBtn_1e5oy_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_1e5oy_23 {
  margin-top: 10px;
}
._input2_1e5oy_26 {
}
._closeBtn_1e5oy_28{
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}
._modalBody_1e5oy_38 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_1e5oy_38::-webkit-scrollbar {
  display: none;
}
._modalFooter_1e5oy_49 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_1e5oy_53 {
  text-align: start !important;
}
._delete_1e5oy_53 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_1e5oy_69 {
  text-align: end !important;
}
._save_1e5oy_69 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1e5oy_85 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_1e5oy_91 {
  width: 40px !important;
}
._imageUpload_1e5oy_94 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_1e5oy_105 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_1e5oy_111 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_1e5oy_116 {
  margin-top: 2px !important;
}

/* Split Button CSS START */
._splitButton_1e5oy_121 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 290px; /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._leftButton_1e5oy_134 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._leftButtonActive_1e5oy_151 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButton_1e5oy_169 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._rightButtonActive_1e5oy_186 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_1e5oy_204 {
  width: 1px;
  height: 100%; /* Full height */
  background-color: #ccc;
}

._leftButton_1e5oy_134:hover {
  background-color: #f3e8ff; /* Light Purple */
}

._rightButton_1e5oy_169:hover {
  background-color: #f0f0f0; /* Light Gray */
}

._icon_1e5oy_11 {
  margin-right: 6px;
}

/* Split Button CSS END */

._label_1e5oy_224 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._imageNotes_1e5oy_236 {
  text-align: left;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_1e5oy_249 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_1e5oy_255 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_1e5oy_261 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_1e5oy_273 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_1e5oy_280 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
._colorText_1e5oy_287{
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* CSS For Color Picker START */._navbar_xmmai_1 {
  border-top: none;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_xmmai_5 {
  width: 100%;
}
._navbarCol_xmmai_8 {
  text-align: end;
}
._icon_xmmai_11 {
  font-size: 24px !important;
}
._addBtn_xmmai_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_xmmai_23 {
  margin-top: 10px;
}
._input2_xmmai_26 {
}
._slimScrollbar_xmmai_28::-webkit-scrollbar {
  height: 5px; /* Adjust the height for horizontal scrollbar */
}

._slimScrollbar_xmmai_28::-webkit-scrollbar-thumb {
  background-color: #888; /* Change the color of the scrollbar */
  border-radius: 10px; /* Make it rounded */
}

._slimScrollbar_xmmai_28::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* Darken on hover */
}

._closeBtn_xmmai_41 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}
._modalBody_xmmai_51 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_xmmai_51::-webkit-scrollbar {
  display: none;
}
._modalFooter_xmmai_62 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_xmmai_66 {
  text-align: start !important;
}
._delete_xmmai_66 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_xmmai_82 {
  text-align: end !important;
}
._save_xmmai_82 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_xmmai_98 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_xmmai_104 {
  width: 40px !important;
}
._imageUpload_xmmai_107 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_xmmai_118 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_xmmai_124 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_xmmai_129 {
  margin-top: 2px !important;
}

/* Split Button CSS START */
._splitButton_xmmai_134 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 290px; /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._leftButton_xmmai_147 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._leftButtonActive_xmmai_164 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButton_xmmai_182 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._rightButtonActive_xmmai_199 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_xmmai_217 {
  width: 1px;
  height: 100%; /* Full height */
  background-color: #ccc;
}

._leftButton_xmmai_147:hover {
  background-color: #f3e8ff; /* Light Purple */
}

._rightButton_xmmai_182:hover {
  background-color: #f0f0f0; /* Light Gray */
}

._icon_xmmai_11 {
  margin-right: 6px;
}

/* Split Button CSS END */

._label_xmmai_237 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._imageNotes_xmmai_249 {
  text-align: left;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_xmmai_262 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_xmmai_268 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_xmmai_274 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_xmmai_286 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_xmmai_293 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
._colorText_xmmai_300 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* CSS For Color Picker START */
._cardContainer_8s4l1_1 {
  width: 26vw !important;
  height: 100%;
  position: relative;

  padding: 0 !important;
  margin: 0 !important;
  margin-top: 2rem !important;
  margin-left: 2rem !important;
  margin-bottom: 2rem !important;
}
._card_8s4l1_1 {
  width: 21.5vw;
  height: 15vw !important;
  position: relative;
  overflow: hidden;
  border-radius: 10px !important;
  
  padding: 0 !important;
  margin: 0 !important;
}
._cardOverlay_8s4l1_22 {
  padding-bottom: 0px !important;
}
._cardText_8s4l1_25 {
  position: absolute;
  text-align: left;
  bottom: 0px;
  left: 0;
  right: 0;

  background: transparent;
  color: white;
  z-index: 2;

  padding-left: 2rem;
  padding-bottom: 2rem;
}
._cardTitle_8s4l1_39 {
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: white;
}
._cardDescription_8s4l1_45 {
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: white;
}
._badge_8s4l1_51 {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: White;
  color: black;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 8px;
  font-size: 14px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
._blur_8s4l1_63 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: transparent;
  height: 200px;
  z-index: 1;

  backdrop-filter: blur(5px); /* Strongest blur at the bottom */
  -webkit-backdrop-filter: blur(5px); /* Safari support */

  /* Gradient mask to reduce blur effect going upwards */
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
}
._closeBtn_8s4l1_87 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
}
._modalBody_8s4l1_96 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_8s4l1_96::-webkit-scrollbar {
  display: none;
}
._modalFooter_8s4l1_107 {
  display: block !important;
  width: 100% !important;
}
._input_8s4l1_111 {
  margin-top: 10px;
}
._input2_8s4l1_114 {
}
._deleteCol_8s4l1_116 {
  text-align: start !important;
}
._delete_8s4l1_116 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_8s4l1_132 {
  text-align: end !important;
}
._save_8s4l1_132 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_8s4l1_148 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_8s4l1_154 {
  width: 40px !important;
}
._imageUpload_8s4l1_157 {
  width: 408px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_8s4l1_168 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_8s4l1_174 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_8s4l1_179 {
  margin-top: 2px !important;
}

._deleteModal_8s4l1_183 {
  padding-top: 10rem !important;
}
._deleteModalBody_8s4l1_186 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_8s4l1_190 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_8s4l1_196 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_8s4l1_202 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_8s4l1_215 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._label_8s4l1_228 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._imageNotes_8s4l1_240 {
  text-align: left;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  border-radius: 10px !important;
}
._colorPreview_1q7gd_1 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
._headerRow_1q7gd_7 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_1q7gd_16 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._subsNameCol_1q7gd_25 {
  padding-top: 3px;
}
._eventCard1_1q7gd_28 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_1q7gd_28 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._eventCardSkeleton_1q7gd_37 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_1q7gd_42 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
}
._label_1q7gd_47 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_1q7gd_60 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_1q7gd_66 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_1q7gd_72 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_1q7gd_1 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_1q7gd_91 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
._colorText_1q7gd_98 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* CSS For Color Picker START */
._closeBtn_1q7gd_105 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 2px !important;
}
._saveCol_1q7gd_115 {
  text-align: end !important;
}
._save_1q7gd_115 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_1q7gd_130 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._modalFooter_1q7gd_135 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_1q7gd_139 {
  text-align: start !important;
  padding-left: 0px !important;
}
._delete_1q7gd_139 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}


._deleteModal_1q7gd_158 {
  padding-top: 10rem !important;
}
._deleteModalBody_1q7gd_161 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_1q7gd_165 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_1q7gd_171 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_1q7gd_177{
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #E3E3E3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_1q7gd_190{
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}  /* add sponsor button */
  .addBooth {
    margin-top: 10px;
    margin-bottom: 25px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  /* search field */
  .searchField {
    position: relative;
    margin-bottom: 25px;
    margin-top: 10px;
  }
  /* off canvas style */
  .offCanvas {
    background-color: #222222;
    height: 100%;
  }
  /* form styles */
  .sponsor_class {
    color: white;
    background: #222222;
    border-color: red;
    margin-bottom: 5%;
  }
  /* form control styles */
  #frmCtrl {
    background: #222222;
    color: white;
    margin-bottom: 10px;
  }

  #frmCtrl1 {
    background: #222222;
    color: white;
    margin-bottom: 10px;
    width: 80%;
  }
  /* text styles */
  .sponsorTexts{
    color:white;
    position: relative;
    top: 45%;
  }._navbar_1r8fw_1 {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_1r8fw_5 {
  width: 100%;
}
._navbarCol_1r8fw_8 {
  text-align: end;
}
._icon_1r8fw_11 {
  font-size: 24px !important;
}
._addBtn_1r8fw_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_1r8fw_23 {
  margin-top: 10px;
}
._input2_1r8fw_26 {

}
._closeBtn_1r8fw_29 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
}
._modalFooter_1r8fw_38 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_1r8fw_42 {
  text-align: start !important;
}
._delete_1r8fw_42 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_1r8fw_58 {
  text-align: end !important;
}
._save_1r8fw_58 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1r8fw_74 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_1r8fw_80 {
  width: 40px !important;
}
._imageUpload_1r8fw_83 {
  width: 408px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_1r8fw_94 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_1r8fw_100 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_1r8fw_105 {
  margin-top: 2px !important;
}
._label_1r8fw_108 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}


._formGroup_1r8fw_121{
    width: 100% !important;
}
._removeButton_1r8fw_124 {
  position: absolute;
  right: 10px;
  top: 45%;
  transform: translateY(-50%);
  color: #888;
  border: none;
  background: none;
  font-size: 1.2rem;
  padding: 5px;
}

._removeButton_1r8fw_124:hover {
  color: #dc3545;
}
._addExhibitorButton_1r8fw_139{
  width: 100% !important;
  height: 34px !important;
  background-color: white !important;
  color: black !important;

  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  margin-bottom: 10rem;
}
._span_1r8fw_155{
  font-size: 11px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4A4A4A !important;
}._headerRow_fqx4n_1 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_fqx4n_10 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._subsNameCol_fqx4n_19 {
  padding-top: 3px;
}
._eventCard1_fqx4n_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_fqx4n_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._eventCardSkeleton_fqx4n_31 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_fqx4n_36 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
}
._label_fqx4n_41 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._closeBtn_fqx4n_52 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 2px !important;
}
._saveCol_fqx4n_62 {
  text-align: end !important;
}
._save_fqx4n_62 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_fqx4n_77 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._modalFooter_fqx4n_82 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_fqx4n_86 {
  text-align: start !important;
  padding-left: 0px !important;
}
._delete_fqx4n_86 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._deleteModal_fqx4n_104 {
  padding-top: 10rem !important;
}
._deleteModalBody_fqx4n_107 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_fqx4n_111 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_fqx4n_117 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_fqx4n_123 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_fqx4n_136 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._RoomIcon_fqx4n_148 {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 50%;
  object-fit: cover;
}
._fallbackIcon_fqx4n_155 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

._dropdownMenu_fqx4n_165 {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 120px;
  z-index: 100;
  padding: 8px 0;
}

._menuItem_fqx4n_177 {
  display: flex;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
}

._menuItem_fqx4n_177:hover {
  background: #f5f5f5;
}

._menuIcon_fqx4n_191 {
  width: 16px;
  margin-right: 8px;
}
._actionBtn_fqx4n_36::after {
  display: none !important;
}
._iconMenu_fqx4n_198 {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
/* Room Icon CSS START */
._roomImageUpload_fqx4n_204 {
  width: 42px;
  height: 42px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_fqx4n_217 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_fqx4n_221 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */
._deleteModal_fqx4n_104 {
  padding-top: 10rem !important;
}
._deleteModalBody_fqx4n_107 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_fqx4n_111 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_fqx4n_117 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_fqx4n_123 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_fqx4n_136 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: var(
    --custom-highlight-background,
    linear-gradient(
      90deg,
      var(--base-color) 0%,
      var(--highlight-color) 50%,
      var(--base-color) 100%
    )
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}
._navbar_1h2ah_1 {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_1h2ah_5 {
  width: 100%;
}
._navbarCol_1h2ah_8 {
  text-align: end;
}
._icon_1h2ah_11 {
  font-size: 24px !important;
}
._addBtn_1h2ah_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_1h2ah_23 {
  margin-top: 10px;
}
._input2_1h2ah_26 {

}
._closeBtn_1h2ah_29 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
}
._modalFooter_1h2ah_38 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_1h2ah_42 {
  text-align: start !important;
}
._delete_1h2ah_42 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_1h2ah_58 {
  text-align: end !important;
}
._save_1h2ah_58 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1h2ah_74 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_1h2ah_80 {
  width: 40px !important;
}
._imageUpload_1h2ah_83 {
  width: 408px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_1h2ah_94 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_1h2ah_100 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_1h2ah_105 {
  margin-top: 2px !important;
}
._label_1h2ah_108 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._imageNotes_1h2ah_120 {
  text-align: left;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  margin-left: 3.5rem;
  border-radius: 10px !important;
}
._cardContainer_t7kg9_1 {
  width: 26vw !important;
  height: 100%;
  position: relative;

  margin-top: 2rem !important;
  margin-left: 2rem !important;
  margin-bottom: 2rem !important;
}
._card_t7kg9_1 {
  width: 21.5vw;
  height: 15vw !important;
  position: relative;
  overflow: hidden;
  border-radius: 10px !important;
}
._cardOverlay_t7kg9_17 {
  padding-bottom: 0px !important;
}
._cardText_t7kg9_20 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;

  background: transparent;
  color: white;
  z-index: 2;

  padding-left: 2rem;
  padding-bottom: 2rem;
}
._cardTitle_t7kg9_33 {
  font-size: 16px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: white;
}
._cardDescription_t7kg9_39 {
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: white;
}
._blur_t7kg9_45 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: transparent;
  height: 200px;
  z-index: 1;

  backdrop-filter: blur(5px); /* Strongest blur at the bottom */
  -webkit-backdrop-filter: blur(5px); /* Safari support */

  /* Gradient mask to reduce blur effect going upwards */
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
}
._closeBtn_t7kg9_69 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
}
._modalFooter_t7kg9_78 {
  display: block !important;
  width: 100% !important;
}
._input_t7kg9_82 {
  margin-top: 10px;
}
._input2_t7kg9_85 {
}
._deleteCol_t7kg9_87 {
  text-align: start !important;
}
._delete_t7kg9_87 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_t7kg9_103 {
  text-align: end !important;
}
._save_t7kg9_103 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_t7kg9_119 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_t7kg9_125 {
  width: 40px !important;
}
._imageUpload_t7kg9_128 {
  width: 408px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_t7kg9_139 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_t7kg9_145 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_t7kg9_150 {
  margin-top: 2px !important;
}

._deleteModal_t7kg9_154 {
  padding-top: 10rem !important;
}
._deleteModalBody_t7kg9_157 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_t7kg9_161 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_t7kg9_167 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_t7kg9_173{
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #E3E3E3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_t7kg9_186{
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._label_t7kg9_198 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._imageNotes_t7kg9_210 {
  text-align: left;
  font-size: 10px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  margin-left: 3.5rem;
  border-radius: 10px !important;
}



/* text styles */

* {
  font-family: "Inter", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}

._sponsorTexts_4hx84_11 {
  color: white;
  position: relative;
  top: 45%;
}

._brandingContainer_4hx84_17 {
  padding: 0.3rem !important;
}

._brandingContent_4hx84_21 {
  display: grid !important;
  gap: 1rem !important;
  font-size: 0.875rem;
}

._imageUploadLogo_4hx84_27 {
  width: 309px;
  height: 231px;
  /* margin-top: 1rem; */
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._imageUpload_4hx84_27 {
  width: 100%;
  aspect-ratio: 1/1;
  margin-top: 1rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._uploadLabel_4hx84_49 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._icon3_4hx84_56 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}

._saveDiv_4hx84_62 {
  margin-top: 2px !important;
}

._eventLogoCard_4hx84_66 {
  max-width: 344px;
  font-weight: 300 !important;
}

._icon2_4hx84_71 {
  width: 40px !important;
}

._deleteButton_4hx84_75 {
  border: 1px solid #e3e3e3 !important;
}

._landingCoverCard_4hx84_79 {
  max-width: 900px;
  font-weight: 300 !important;
}

._saveButton_4hx84_84 {
  background-color: #7534e5 !important;
  color: white !important;
  padding: 0 0.8rem !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._currentLogoImage_4hx84_93 {
  width: 100%;
  aspect-ratio: 1/1;
  margin-top: 1rem;
  border-radius: 6px;
}

._uploadImageLabel_4hx84_100 {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #444;
  font-weight: bold;
  cursor: pointer;
}

._validationError_4hx84_113 {
  color: red;
  font-weight: 500;
  padding: 0.5rem 0 !important;
}
/* add sponsor button */
.uploadassets {
  width: 25%;
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
  margin-left: 30.6rem;
}

/* off canvas style */
.offCanvas {
  background-color: #222222;
  height: 100%;
}

/* form styles */
.sponsor_class {
  color: white;
  background: #222222;
  border-color: red;
  margin-bottom: 5%;
}

/* form control styles */
#frmCtrl {
  background: #222222;
  color: white;
}

/* div styles */
#cardSponsor {
  position: relative;
  text-align: center;
  background: #222222;
  border: white dashed 1px;
  width: 350px;
  height: 200px;
}

/* text styles */
.sponsorTexts {
  color: white;
  position: relative;
  top: 45%;
}

#searchforadvertisements {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  width: 38%;
}

#cardforadvertisements {
  margin: 1rem 0rem 0rem 0.8rem;
  width: 250px;
  height: 225px;
  background: #e2f0f9;
  margin-bottom: 20px;
  font-family: Montserrat;
  font-style: Normal;
}

#searchforeventsettings {
  margin: 2rem 0rem 2rem 0rem;
  width: 15rem;
}

#settingsbuttoninevent {
  margin-left: 28.3rem;
}

#lineseperator {
  background-color: rgba(0, 0, 0, 0.45);
  width: 82.5rem;
  height: 0.05rem;
  margin: 1.5rem 0rem 1rem 0rem;
}

.MassCSV {
  position: relative;
  margin-bottom: 15px;
  margin-right: 20px;
  margin-left: 40rem;
  width: 12rem;
  border: 1px solid #0394e5;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 5px;
}

.tabs {
  border: 1px solid #e3e3e3 !important;
  border-top: none !important;
  padding: 0.5rem 2rem !important;
}

.tab-button {
  border: 1px solid #e3e3e3 !important;
  padding: 0.25rem 1rem !important;
  display: flex !important;
  gap: 0.575rem !important;
  align-items: center !important;
  font-weight: 400 !important;
}

.edit-event-button {
  background-color: #7534e5 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.add-faq-button {
  background-color: #7534e5 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.settings-container {
  border: none !important;
  height: 100svh !important;
}

.content-container {
  height: calc(100svh - 119px) !important;
  overflow: auto !important;
}

.formControlFaq {
  color: black;
}

.formGroup {
  margin-bottom: 20px;
}

.floatingLabel {
  text-align: left;
}

.formControlFaq:focus,
.formControlFaq:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}

.modalTitle {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}

.deleteButton {
  border: 1px solid #e3e3e3 !important;
  width: max-content !important;
  border-radius: 8px;
  padding: 10px;
  background: transparent !important;
  float: left !important;
}

.deleteButton:focus,
.deleteButton:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}
._addPaymentRow_1r2dz_1{
    padding: 0px 0px 0px 5px;
}
._addPaymentCol_1r2dz_4{
    text-align: end !important;
}
._addPaymentBTN_1r2dz_7{
    background-color: white;
    border: 1px solid #0394E5;
    color: #0394E5;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
._tableLabelH2_1r2dz_13{
    margin-bottom: 40px;
}
._table_1r2dz_13{
    outline: 1px #0394E5 solid;
    border: 1px #0394E5 solid;
}
._tableHeader_1r2dz_20{
    text-align: center;
    color: white;
    background-color: #0394E5;
}
._tableBody_1r2dz_25{
    text-align: center;
    background-color: #E2F0F9;
}._brandingContainer_f3f70_1 {
  padding: 1rem !important;
}

._brandingContent_f3f70_5 {
  display: grid !important;
  gap: 1rem !important;
}

._imageUpload_f3f70_10 {
  width: 100%;
  aspect-ratio: 1/1;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._uploadLabel_f3f70_22 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._icon3_f3f70_29 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}

._saveDiv_f3f70_35 {
  margin-top: 2px !important;
}

._eventLogoCard_f3f70_39 {
  max-width: 300px;
  font-weight: 300 !important;
}

._icon2_f3f70_44 {
  width: 40px !important;
}

._deleteButton_f3f70_48 {
  border: 1px solid #e3e3e3 !important;
}

._landingCoverCard_f3f70_52 {
  max-width: 900px;
  font-weight: 300 !important;
}


/* text styles */
._brandingContainer_1ndiq_5 {
  --bs-gutter-x: 0; /* Remove horizontal gap */
  --bs-gutter-y: 0; /* Remove vertical gap */
}
._brandingContent_1ndiq_10 {

}
._iconContainer_1ndiq_14{
  border: 1px solid #E3E3E3 !important;
  width: max-content;
  border-radius: 8px;
  padding: 10px; 
  background: transparent !important;
}
._deleteButton_1ndiq_22{
  border: 1px solid #E3E3E3 !important;
  width: max-content;
  border-radius: 8px;
  padding: 10px; 
  background: transparent !important;
  float: left !important;
}
._deleteButton_1ndiq_22:focus,
._deleteButton_1ndiq_22:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #E3E3E3 !important; /* Keep the border color consistent */
}
._iconContainer_1ndiq_14:focus,
._iconContainer_1ndiq_14:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #E3E3E3 !important; /* Keep the border color consistent */
}
._editIcon_1ndiq_45{
  margin-right: 10px;
}
._editBtn_1ndiq_49{
  background: transparent !important;
  border: 1px solid #E3E3E3 !important;
  font-weight: 700 !important;
  padding: 10px 24px 10px 24px !important;
  border-radius: 8px !important;
}
._question_1ndiq_57 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  margin-top: -4px; 
  padding: 10px 0; 
  height: 50px;
  display: flex;
  align-items: center; /* Vertically centers the question */
}
._answer_1ndiq_69 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0; /* Optional: space around the answer */
}
._faqContainer_1ndiq_76 {
  border: 1px solid #E3E3E3 !important;
  padding: 14px;
  width: 980px;
  margin-bottom: 0px !important;
  gap: 0 !important;
  margin: 0 !important;
}
._faqContainer_1ndiq_76:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
._faqContainer_1ndiq_76:last-child {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
._modalTitle_1ndiq_95{
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}
._modalBody_1ndiq_101{
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
  
}

/* text styles */
._brandingContainer_75qvc_4 {
  --bs-gutter-x: 0;
  /* Remove horizontal gap */
  --bs-gutter-y: 0;
  /* Remove vertical gap */
}
._brandingContent_75qvc_11 {
  display: grid !important;
  gap: 1rem !important;
}
._iconContainer_75qvc_16 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  border-radius: 8px;
  padding: 10px;
  background: transparent !important;
}
._deleteButton_75qvc_24 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  border-radius: 8px;
  padding: 10px;
  background: transparent !important;
  float: left !important;
}
._deleteButton_75qvc_24:focus,
._deleteButton_75qvc_24:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}
._iconContainer_75qvc_16:focus,
._iconContainer_75qvc_16:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}
._editIcon_75qvc_49 {
  margin-right: 10px;
}
._editBtn_75qvc_53 {
  background: transparent !important;
  border: 1px solid #e3e3e3 !important;
  font-weight: 700 !important;
  padding: 10px 24px 10px 24px !important;
  border-radius: 8px !important;
}
._question_75qvc_61 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  margin-top: -4px;
  padding: 10px 0;
  height: 50px;
  display: flex;
  align-items: center;
  /* Vertically centers the question */
}
._answer_75qvc_74 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 0;
  /* Optional: space around the answer */
}
._faqContainer_75qvc_82 {
  border: 1px solid #e3e3e3 !important;
  padding: 14px;
  width: 980px;
  margin-bottom: 0px !important;
  gap: 0 !important;
  margin: 0 !important;
}
._faqContainer_75qvc_82:first-child {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
._faqContainer_75qvc_82:last-child {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
._modalTitle_75qvc_101 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}
._modalBody_75qvc_107 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
._headerRow_75qvc_113 {
  text-align: left;
  padding-left: 2rem;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_75qvc_122 {
  text-align: left;
  padding-left: 2rem;
  font-weight: 300;
  font-size: 14px !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._subsNameCol_75qvc_131 {
  padding-top: 3px;
  font-weight: 600;
}
._eventCard1_75qvc_136 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_75qvc_136 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._eventCardSkeleton_75qvc_147 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_75qvc_153 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
}
._actionBtn_75qvc_153:focus,
._actionBtn_75qvc_153:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}
._label_75qvc_167 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._cardStyles_75qvc_178 {
  width: 70% !important;
}
._cardHeader_75qvc_182 {
  background: #f9f9f9;
  padding: 20px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}
._tableTitle_75qvc_190 {
  font-size: 16px;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}
._floatingLabel_75qvc_196 {
  text-align: left;
}
._formGroup_75qvc_200 {
  margin-bottom: 20px;
}
._formControlFaq_75qvc_204 {
  color: black;
}
._formControlFaq_75qvc_204:focus,
._formControlFaq_75qvc_204:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  /* Keep the border color consistent */
}
._noData_75qvc_216 {
  text-align: center;
  padding: 20px 10px 10px 10px;
  font-size: 14px;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
}
._error_75qvc_224 {
  text-align: left !important;
  color: red !important;
}
._dropdown_75qvc_229 {
  background: transparent !important;
  border: none !important;
  padding-top: 0px !important;
  height: max-content !important;
}
._dropdown_75qvc_229:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}
/* Custom style for the delete item */
._deleteItem_75qvc_243:active,
._deleteItem_75qvc_243:focus {
  background-color: #7534e5 !important;
  color: white !important;
  /* Optional: changes text color to white when active */
}
/* Custom Modal Styles */
._customModal_75qvc_251 ._modal-dialog_75qvc_251 {
  width: 500px !important;
  margin: 0 auto !important;
}
._customModal_75qvc_251 ._modal-content_75qvc_256 {
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
  width: 0% !important;
  height: 422px !important;
  max-height: none !important;
  overflow: hidden !important;
}
._modalContainer_75qvc_266 {
  width: 485px;
  height: 490px;
  display: flex;
  flex-direction: column;
  overflow: hidden !important;
  position: relative !important;
}
._customModalHeader_75qvc_275 {
  height: 56px !important;
  padding: 16px 24px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: white !important;
  border-radius: 12px 12px 0 0 !important;
}
._customModalTitle_75qvc_286 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  margin: 0 !important;
}
._customCloseButton_75qvc_294 {
  background: none !important;
  border: none !important;
  font-size: 24px !important;
  color: #666 !important;
  padding: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
._customCloseButton_75qvc_294:hover {
  color: #333 !important;
  background: none !important;
  border: none !important;
}
._customCloseButton_75qvc_294:focus {
  outline: none !important;
  box-shadow: none !important;
}
._customModalBody_75qvc_319 {
  flex: 1 !important;
  padding: 20px 24px !important;
  overflow: hidden !important; /* Remove scrolling */
  display: flex !important;
  flex-direction: column !important;
  width: 495px;
}
._inputGroup_75qvc_328 {
  margin-bottom: 16px !important; /* Reduced from 20px */
}
._inputLabel_75qvc_332 {
  display: block !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  margin-bottom: 6px !important; /* Reduced from 8px */
}
._customInput_75qvc_341 {
  width: 100% !important;
  padding: 10px 16px !important; /* Reduced from 12px */
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  background: #f9fafb !important;
  transition: all 0.2s ease !important;
}
._customInput_75qvc_341:focus {
  outline: none !important;
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
  background: white !important;
}
._customModalFooter_75qvc_360 {
  height: 56px !important;
  padding: 12px !important;
  border-top: 1px solid #f0f0f0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: white !important;
  border-radius: 0 0 12px 12px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
._customDeleteButton_75qvc_375 {
  background: none !important;
  border: none !important;
  padding: 8px !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  margin-bottom: 30px !important;
}
._customDeleteButton_75qvc_375:hover {
  background: #f3f4f6 !important;
  border: none !important;
}
._customDeleteButton_75qvc_375:focus {
  outline: none !important;
  box-shadow: none !important;
}
._customSaveButton_75qvc_395 {
  background: #7c3aed !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  margin-bottom: 30px !important;
}
._customSaveButton_75qvc_395:hover {
  background: #6d28d9 !important;
  border: none !important;
}
._customSaveButton_75qvc_395:focus {
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.3) !important;
  border: none !important;
}
._customSaveButton_75qvc_395:disabled {
  background: #9ca3af !important;
  cursor: not-allowed !important;
}
._saveIcon_75qvc_428 {
  width: 16px !important;
  height: 16px !important;
}


* {
  font-family: 'Inter', sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_1y413_9 {
  margin: 0 auto !important; /* Center the modal */
  max-width: 456px !important; /* Set the maximum width */
  width: 100% !important; /* Ensure it takes full width up to the max-width */
  height: 164px !important; /* Set the height */
}

/* Header */

._header_1y413_18 {
  border-bottom: none !important; /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_1y413_24 {
  width: 375px !important;
  height: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important; /* Remove default margin */
}

/* Body */

._body_1y413_36 {
  width: 408px !important;
  height: 80px !important; 
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4A4A4A !important; /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Footer */

._footer_1y413_51 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Delete Button */

._deleteButton_1y413_62 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._deleteButton_1y413_62:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._deleteButton_1y413_62:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

/* Cancel Button */

._cancelButton_1y413_89 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #FFFFFF66 !important; /* Stroke-40 */
  background: #7534E5 !important; /* Primary */
  color: #FFFFFF !important; /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._cancelButton_1y413_89:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._cancelButton_1y413_89:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

/* text styles */
._brandingContainer_90kzi_4 {
  --bs-gutter-x: 0; /* Remove horizontal gap */
  --bs-gutter-y: 0; /* Remove vertical gap */
}
._cardStyles_90kzi_9 {
  width: 70% !important;
}
._cardHeader_90kzi_13 {
  background: #f9f9f9;
  padding: 20px !important;
}
._tableTitle_90kzi_18 {
  font-size: 16px;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}
._headerRow_90kzi_24 {
  text-align: left;
  padding-left: 2rem;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_90kzi_33 {
  text-align: left;
  padding-left: 2rem;
  font-weight: 300;
  font-size: 14px !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
  padding-top: 4px;
  padding-bottom: 4px;
}
._subsNameCol_90kzi_44 {
  padding-top: 3px;
  font-weight: 600;
}
._eventCard1_90kzi_49 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_90kzi_49 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._noData_90kzi_60 {
  text-align: center;
  padding: 20px 10px 10px 10px;
  font-size: 14px;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
}
._dropdown_90kzi_68 {
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
}
._dropdown_90kzi_68:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}
/* Custom style for the delete item */
._deleteItem_90kzi_81:active, ._deleteItem_90kzi_81:focus {
  background-color: #7534E5 !important;
  color: white !important; /* Optional: changes text color to white when active */
}
._modalTitle_90kzi_87 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: 600;
}
._modalBody_90kzi_93 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}
._deleteIcon_90kzi_99 {
  margin-right: 8px !important;
}
._deleteButton_90kzi_103 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  border-radius: 8px;
  padding: 10px;
  background: transparent !important;
}
._deleteButton_90kzi_103:focus,
._deleteButton_90kzi_103:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important; /* Keep the border color consistent */
}
._iconContainer_90kzi_118:focus,
._iconContainer_90kzi_118:active {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important; /* Keep the border color consistent */
}
._loadingText_90kzi_125{
  text-align: center !important;
}
._switch_1xzxa_1 {
    position: relative;
    display: inline-block;
    width: 40px;  /* Smaller width */
    height: 22px; /* Smaller height */
  }
  
  ._switch_1xzxa_1 input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  ._slider_1xzxa_14 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 34px;
  }
  
  ._slider_1xzxa_14:before {
    position: absolute;
    content: "";
    height: 18px;   /* Smaller height */
    width: 18px;    /* Smaller width */
    border-radius: 50%;
    left: 2px;      /* Adjusted position */
    bottom: 2px;    /* Adjusted position */
    background-color: white;
    transition: 0.4s;
  }
  
  input:checked + ._slider_1xzxa_14 {
    background-color: #7534E5;
  }
  
  input:checked + ._slider_1xzxa_14:before {
    transform: translateX(18px); /* Smaller move */
  }
  ._eventMapContainer_b5dux_1 {
  width: 48%;
  height: 100% !important;
  min-height: 30% !important;

  margin-bottom: 1rem;
}
._eventMapCard_b5dux_8 {
  margin: 0.4rem 0rem 0rem 1rem;
}
._eventMapCardBody_b5dux_11 {
  padding: 1.5rem !important;
}
._eventMapTitle_b5dux_14 {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-bottom: 1rem;
}
._radioLabel_b5dux_22 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-left: 1.47rem;
}
._inputRow_b5dux_30 {
  margin-top: 0.5rem !important;
}
._buttonPreviewCol_b5dux_33 {
  display: flex;
  justify-content: flex-start; /* Aligns items to the right */
  gap: 2rem; /* Adds space between buttons */

  margin: 1rem 0rem 0.5rem 0rem !important;
}
._buttonCol_b5dux_40 {
  display: flex;
  justify-content: flex-end; /* Aligns items to the right */
  gap: 2rem; /* Adds space between buttons */

  margin: 1rem 0rem 0.5rem 0rem !important;
}
._delete_b5dux_47 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._save_b5dux_60 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_b5dux_72 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
/* 782x278 */
._eventMapContainer_b5dux_1 {
  width: 48%;
  height: 100% !important;
  min-height: 30% !important;

  margin-bottom: 1rem;
}
._eventMapCard_b5dux_8 {
  margin: 0.4rem 0rem 0rem 1rem;
}
._eventMapCardBody_b5dux_11 {
  padding: 1.5rem !important;
}
._eventMapTitle_b5dux_14 {
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-bottom: 1rem;
}
._radioLabel_b5dux_22 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-left: 1.47rem;
}
._inputRow_b5dux_30 {
  margin-top: 0.5rem !important;
}
._buttonPreviewCol_b5dux_33 {
  display: flex;
  justify-content: flex-start; /* Aligns items to the right */
  gap: 2rem; /* Adds space between buttons */

  margin: 1rem 0rem 0.5rem 0rem !important;
}
._buttonCol_b5dux_40 {
  display: flex;
  justify-content: flex-end; /* Aligns items to the right */
  gap: 2rem; /* Adds space between buttons */

  margin: 1rem 0rem 0.5rem 0rem !important;
}
._delete_b5dux_47 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._save_b5dux_60 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_b5dux_72 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
/* 782x278 */
._selectTemplate_u8gsd_1 {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
}

._templateText_u8gsd_7 {
  font-weight: 500 !important;
}

._saveButtonContainer_u8gsd_11 {
  display: flex !important;
  justify-content: end !important;
}

._saveButton_u8gsd_11 {
  background-color: #7534e5 !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0.2rem 1rem !important;
  border-radius: 6px !important;
  color: white !important;
}

._cardBody_u8gsd_26 {
  display: grid !important;
  gap: 2rem !important;
}

._formControl_u8gsd_31 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
}

._selectFormControl_u8gsd_36 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
  text-transform: capitalize;
  font-size: 0.875rem !important;
}

._uploadButton_u8gsd_43 {
  border: 1px solid #e3e3e3 !important;
  font-size: 0.9rem !important;
  padding: 0.2rem 1rem !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
  max-width: fit-content !important;
  cursor: pointer;
}

._form_u8gsd_31 {
  display: grid !important;
  gap: 1rem !important;
}

._uploadButtonContainer_u8gsd_60 {
  margin-top: 1rem !important;
}

._selectOption_u8gsd_64 {
  text-transform: capitalize;
}

._uploadFormControl_u8gsd_68 {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 0.5rem !important;
  justify-content: start;
}

._filename_u8gsd_75 {
  color: #7534e5 !important;
}

._uploadError_u8gsd_79 {
  color: red !important;
}

._dropDownToggle_u8gsd_83 {
  border: 1px solid #e3e3e3 !important;
  width: 150px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._dropDownToggle_u8gsd_83:disabled {
  background-color: #e9ecef !important;
}

._dropDownToggle_u8gsd_83::after {
  display: none !important;
}

._dropDownItem_u8gsd_99 {
  font-size: 0.875rem !important;
}

._variableContainer_u8gsd_103 {
  position: relative !important;
}

._helper_u8gsd_107 {
  position: absolute !important;
  font-size: 0.813rem !important;
  bottom: -1.7rem !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  color: #7534e5;
}

._clearButton_u8gsd_117 {
  border: 1px solid #e3e3e3 !important;
}

._dropdownContainer_u8gsd_121 {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0.5rem !important;
}

._info_u8gsd_127 {
  border: none !important;
  color: #b8b8b8 !important;
}
._card_1n63x_1 {
  min-height: 566.38px;
}

._logo_1n63x_5 {
  width: 70px;
  aspect-ratio: 1/1;
  background-color: #e3e3e3;
  border-radius: 50%;
}

._banner_1n63x_12 {
  width: 100%;
  border-radius: 6px;
  height: 60px;
  background-color: #e3e3e3;
}

._bannerImg_1n63x_19 {
  width: 100%;
  border-radius: 6px;
  object-fit: contain;
}

._logoImg_1n63x_25 {
  width: 150px;
  aspect-ratio: 2 / 1;
  object-fit: cover;
}

._header_1n63x_31 {
  border-bottom: none !important;
  font-size: 0.85rem !important;
}

._title_1n63x_36 {
  font-weight: 600;
}

._body_1n63x_40 {
  font-size: 0.8rem;
  text-align: justify;
}

._button_1n63x_45 {
  border: none !important;
  background-color: #4a4a4a !important;
  color: white !important;
  padding: 0.35rem 1rem !important;
}

._bodyContainer_1n63x_52 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  align-items: center !important;
  padding: 2rem !important;
}

._footerText_1n63x_60 {
  font-size: 0.75rem !important;
}

._footerContainer_1n63x_64 {
  padding: 2rem !important;
  border: none !important;
  background-color: #e3e3e3 !important;
}

._autoResize_1n63x_70 {
  font-size: 0.8rem;
  max-width: 100%;
  white-space: pre-wrap;
}

._badge_1n63x_76 {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  font-size: 0.75rem;
  border: 1px solid #e3e3e3;
  background-color: white;
  font-weight: 500;
  margin: 0.25rem;
  white-space: nowrap;
}

._fallbackText_1n63x_88 {
  font-size: 0.75rem !important;
  color: #666 !important;
  text-align: center !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0 !important;
  font-style: italic;
}
._inputField_dexk7_1 {
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 6px;
  width: 100%;
  background: #fff;
  min-height: 50px;
  font-size: 16px;
  line-height: 1.5;
  white-space: pre-wrap;
  outline: none;
}

._badge_dexk7_14 {
  background-color: white;
  padding: 5px 10px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  color: #333;
  font-size: 0.85rem;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0 2px;
}

._deleteButton_dexk7_27 {
  background: none;
  border: none;
  color: black;
  cursor: pointer;
  font-size: 0.7rem;
}
._infoButton_y1y2x_1 {
  border: none !important;
  color: #b8b8b8 !important;
}

._tooltipContainer_y1y2x_6 > div {
  background-color: white !important;
  color: black !important;
}

._tooltipContainer_y1y2x_6 > div::before {
  display: none !important;
}

._messageContainer_y1y2x_15 {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
._card_qgz5e_1 {
  max-width: 1200px !important;
  width: 100% !important;
}

._cardHeader_qgz5e_6 {
  padding: 0.9rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._cardTitle_qgz5e_13 {
  font-size: 1rem !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

._cardBody_qgz5e_19 {
  padding: 0 !important;
}

._cardFooter_qgz5e_23 {
  display: flex !important;
  justify-content: end !important;
}

._actions_qgz5e_28 {
  display: flex;
  gap: 1rem;
  justify-content: end;
}
._table_jzoxv_1 {
  margin: 0 !important;
}

._tableHeader_jzoxv_5 {
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._tableBody_jzoxv_10 {
  font-size: 0.875rem !important;
}

._actionColumn_jzoxv_14 {
  width: 1% !important;
  text-align: right !important;
}

._name_jzoxv_19 {
  font-weight: 600 !important;
}

._nameColumn_jzoxv_23 {
  width: 40% !important;
}

._emptyWrapper_jzoxv_27 {
  text-align: center;
  padding: 3rem 1rem;
  color: #666;
}

._emptyIcon_jzoxv_33 {
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
  opacity: 0.5;
}

._emptyTitle_jzoxv_40 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

._emptySubtitle_jzoxv_46 {
  font-size: 0.9rem;
  color: #999;
  margin-top: 0.25rem;
}
._actionButton_tryeq_1 {
  border: none !important;
}

._dropdownMenu_tryeq_5 {
  padding: 0 !important;
  font-size: 0.85rem !important;
  transform: translateX(-87%) translateY(10%);
  overflow: hidden !important;
}

._dropdownItem_tryeq_12:active {
  background-color: #7534e5 !important;
}

._dropdownItem_tryeq_12 {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._divider_tryeq_22 {
  margin: 0 !important;
}

/* Somewhere in your CSS or global styles */
._themeColor_tryeq_27 {
  background: purple !important;
}
._toastContainer_172pw_1 {
  padding: 1rem;
  z-index: 100 !important;
}

._toast_172pw_1 {
  z-index: 100 !important;
}
._toast_9knv8_1 {
  border-left: 1rem solid #7534e5 !important;
  font-size: 1rem !important;
}

._toastProgress_9knv8_6 {
  background-color: red !important;
}
._searchButton_tno8l_1 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  aspect-ratio: 1/1 !important;
}

._searchButtonWithInputContainer_tno8l_7 {
  display: flex !important;
  gap: 1rem !important;
}
._pagination_oh0qi_1 {
  display: flex !important;
  gap: 0.5rem !important;
}

._paginationButton_oh0qi_6 {
  aspect-ratio: 1/1 !important;
  padding: 0.2rem !important;
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._paginationCurrentPage_oh0qi_13 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  cursor: text !important;
  padding: 0.25rem 1rem !important;
}
._dropdown_qlhbg_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  background-color: white !important;
}

._dropdownToggle_qlhbg_7,
._dropdownToggle_qlhbg_7:active,
._dropdownToggle_qlhbg_7:hover,
._dropdownToggle_qlhbg_7:focus {
  display: flex !important;
  justify-content: space-between !important;
  width: 150px !important;
  align-items: center !important;
  border: none !important;
}

._dropdownToggle_qlhbg_7::after {
  display: none !important;
}

._dropdownItem_qlhbg_22 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.875rem !important;
}

._dropdownItem_qlhbg_22:active {
  background-color: #7534e5 !important;
}

._dropdownMenu_qlhbg_33 {
  padding: 0 !important;
  overflow: hidden !important;
}
._groupContainer_bxupb_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.375rem !important;
  padding: 0.15rem 1rem !important;
  min-height: 50px !important;

  position: relative !important;
}

._label_bxupb_10 {
  margin: 0 !important;
  transition: all 0.2s ease;
  position: absolute !important;
  transform: translateY(-50%) !important;
}

._input_bxupb_17,
._input_bxupb_17:focus {
  border: none !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;

  position: relative !important;
}

._input_bxupb_17[type="number"]::-webkit-inner-spin-button,
._input_bxupb_17[type="number"]::-webkit-outer-spin-button {
  /* -webkit-appearance: none; */
  /* margin: 0; */
}

._input_bxupb_17[type="number"] {
  -moz-appearance: textfield;
}

._textareaLabel_bxupb_37 {
  font-size: 0.75rem !important;
  margin: 0 !important;
}

._textareaInput_bxupb_42,
._textareaInput_bxupb_42:focus {
  border: none !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;
}
._groupContainer_1gclw_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.375rem !important;
  padding: 0.15rem 1rem !important;
  min-height: 50px !important;

  position: relative !important;
}

._label_1gclw_10 {
  margin: 0 !important;
  transition: all 0.2s ease;
  position: absolute !important;
  transform: translateY(-50%) !important;
}

._input_1gclw_17,
._input_1gclw_17:focus {
  border: none !important;
  height: 20px !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;

  position: relative !important;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}

._input_1gclw_17[type="number"]::-webkit-inner-spin-button,
._input_1gclw_17[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._input_1gclw_17[type="number"] {
  -moz-appearance: textfield;
}

._textareaLabel_1gclw_43 {
  font-size: 0.75rem !important;
  margin: 0 !important;
}

._textareaInput_1gclw_48,
._textareaInput_1gclw_48:focus {
  border: none !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;
}

._arrowDownIcon_1gclw_56 {
  position: absolute !important;
  right: 1rem !important;
  top: 50% !important;
  transform: translateY(-50%);
  color: #4a4a4a !important;
}
._header_7mto5_1 {}

._body_7mto5_3 {}

._footer_7mto5_5 {
  padding: 0.5rem 1rem !important;
}
._header_jcadn_1>h6 {
  margin: 0 !important;
}

._body_jcadn_5 {
  display: grid;
  gap: 1rem;
}

._cancelButton_jcadn_10 {
  border: 1px solid #e3e3e3 !important;
}

._exportButton_jcadn_14 {
  background-color: #7534e5 !important;
  color: white !important;
}

._footer_jcadn_19 {
  display: flex;
  gap: 1rem;
}
._dropdown_uq4wl_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  background-color: white !important;
}

._dropdownToggle_uq4wl_7,
._dropdownToggle_uq4wl_7:active,
._dropdownToggle_uq4wl_7:hover,
._dropdownToggle_uq4wl_7:focus {
  border: none !important;
  aspect-ratio: 1/1 !important;
}

._dropdownToggle_uq4wl_7::after {
  display: none !important;
}

._dropdownItem_uq4wl_19 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.875rem !important;
  justify-content: space-between !important;
  padding: 0.45rem 0.5rem !important;
  cursor: pointer;
}

._dropdownItemWrapper_uq4wl_29 {
  border-radius: 6px !important;
  position: relative;
}

._dropdownMenu_uq4wl_34 {
  padding: 0.5rem;
  min-width: 200px;
  position: relative;
  left: -120px !important;
}

._subMenu_uq4wl_41 {
  position: fixed;
  top: 0;
  right: 100%;
  background: #fff;
  min-width: 160px;
  border: 1px solid #ddd;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 100;
  border-radius: 6px !important;
  font-family: "Inter", sans-serif;
  font-size: 0.9rem;
}

._subMenuItem_uq4wl_55 {
  padding: 0.4rem 0.8rem;
  border-bottom: 1px solid #e0e0e0;
}

._subMenuItem_uq4wl_55:last-child {
  border-bottom: none;
}

._itemContent_uq4wl_64 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._checkIconWrapper_uq4wl_70 {
  width: 16px; /* Same as icon size */
  display: flex;
  align-items: center;
  justify-content: center;
}

._checkIcon_uq4wl_70 {
  color: #000000;
}

._clearFilters_uq4wl_81 {
  font-weight: 500;
}
._clearFilters_uq4wl_81:hover {
  background-color: #f8d7da; /* Light red background on hover */
}
.uploadDiv {
  border: 1px dashed #b8d5e5;
  border-radius: 5px;

  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 17px;
  width: 70%;
  color: white;
  padding: 50px;
  text-align: center;
}

.formStyle{
    background: transparent;
}
/* add subscription button */
.addRooms {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-right: 20px;
  width: 166px;
  border: 1px solid #0394e5;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
  border-radius: 5px;
}
/* add sponsor button */
.addTopic {
  position: relative;
  margin-bottom: 15px;
  margin-top: 10px;
  width: 120px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
}
/* off canvas style */
.offCanvasRooms {
  background-color: #222222;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: none; /* Hide scrollbar on IE and Edge */
  scrollbar-width: none; /* Hide scrollbar on Firefox */
}
.offCanvasRooms::-webkit-scrollbar {
  display: none; /* Hide scrollbar on Chrome and Safari */
}
/* form styles */
.sponsor_class {
  color: white;
  background: #222222;
  border-color: red;
  margin-bottom: 5%;
}
/* form control styles */
#frmCtrl {
  background: #222222;
  color: white;
}
/* div styles */
#cardRooms {
  position: relative;
  text-align: center;
  background: #222222;
  border: 1px dashed #b8d5e5;
  border-radius: 5px;
  width: 350px;
  height: 130px;
}
/* text styles */
.sponsorTexts {
  color: white;
  position: relative;
  top: 45%;
}

.errorMessage {
  color: red;
}

.svgFile {
  color: #888888;
  text-align: center;
  font-size: 14px;
}

.iconStyles {
  height: 24px;
  width: 24px;
}

.navbar {
  border-top: 1px solid #e5e5e5;
}
.navbarCol {
  text-align: end;
}
.icon {
  font-size: 24px !important;
  margin-right: 5px;
}
.addBtn {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}._navbar_sxz3i_1 {
  border-top: none;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_sxz3i_5 {
  width: 100%;
}
._navbarCol_sxz3i_8 {
  text-align: end;
}
._icon_sxz3i_11 {
  font-size: 24px !important;
}
._addBtn_sxz3i_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_sxz3i_23 {
  margin-top: 10px;
}
._input2_sxz3i_26 {
}
._closeBtn_sxz3i_28 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}
._modalBody_sxz3i_38 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_sxz3i_38::-webkit-scrollbar {
  display: none;
}
._modalFooter_sxz3i_49 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_sxz3i_53 {
  text-align: start !important;
}
._delete_sxz3i_53 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_sxz3i_69 {
  text-align: end !important;
}
._save_sxz3i_69 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_sxz3i_85 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_sxz3i_91 {
  width: 40px !important;
}
._imageUpload_sxz3i_94 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_sxz3i_105 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_sxz3i_111 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_sxz3i_116 {
  margin-top: 2px !important;
}

/* Split Button CSS START */
._splitButton_sxz3i_121 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 210px; /* Total width */
  height: 34px;

  margin-left: 2rem;
  margin-top: 2px !important;
}

._leftButton_sxz3i_135 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._leftButtonActive_sxz3i_152 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButton_sxz3i_170 {
  width: 103px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._rightButtonActive_sxz3i_187 {
  width: 103px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_sxz3i_205 {
  width: 1px;
  height: 100vh; /* Full height */
  background-color: #ccc;
}

._leftButton_sxz3i_135:hover {
  background-color: #f3e8ff; /* Light Purple */
}

._rightButton_sxz3i_170:hover {
  background-color: #f0f0f0; /* Light Gray */
}

._icon_sxz3i_11 {
  margin-right: 6px;
}

/* Split Button CSS END */

._label_sxz3i_225 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* Room Icon CSS START */
._roomImageUpload_sxz3i_238 {
  width: 42px;
  height: 42px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_sxz3i_251 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_sxz3i_255 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */

/* Add Topic Nav Design START */
._backButtonCol_sxz3i_265 {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 2rem;

}
._backButton_sxz3i_265 {
  color: black !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 24px;
  cursor: pointer;

  padding: 0px !important;
  width: 34px !important;
  height: 34px !important;
}
._sidebarTitleCol_sxz3i_283 {
  padding-top: 8px;
  padding-left: 5px !important;
  padding-right: 0px !important;
  text-align: start;
}
._sidebarTitle_sxz3i_283 {
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: black;
}
/* Add Topic Nav Design END */._headerRow_10ehx_1 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_10ehx_10 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._subsNameCol_10ehx_19 {
  padding-top: 3px;
}
._eventCard1_10ehx_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_10ehx_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._eventCardSkeleton_10ehx_31 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_10ehx_36 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
}
._label_10ehx_41 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._closeBtn_10ehx_52 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 2px !important;
}
._saveCol_10ehx_62 {
  text-align: end !important;
}
._save_10ehx_62 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_10ehx_77 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._modalFooter_10ehx_82 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_10ehx_86 {
  text-align: start !important;
  padding-left: 0px !important;
}
._delete_10ehx_86 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._deleteModal_10ehx_104 {
  padding-top: 10rem !important;
}
._deleteModalBody_10ehx_107 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_10ehx_111 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_10ehx_117 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_10ehx_123 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_10ehx_136 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._RoomIcon_10ehx_148 {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 50%;
  object-fit: cover;
}
._fallbackIcon_10ehx_155 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

._dropdownMenu_10ehx_165 {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 120px;
  z-index: 100;
  padding: 8px 0;
}

._menuItem_10ehx_177 {
  display: flex;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
}

._menuItem_10ehx_177:hover {
  background: #f5f5f5;
}

._menuIcon_10ehx_191 {
  width: 16px;
  margin-right: 8px;
}
._actionBtn_10ehx_36::after {
  display: none !important;
}
._iconMenu_10ehx_198 {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
/* Room Icon CSS START */
._roomImageUpload_10ehx_204 {
    width: 42px;
    height: 42px;
    margin-top: 1rem;
    margin-bottom: 2rem;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  ._roomIcon_10ehx_217 {
    width: 24px !important;
    cursor: pointer;
  }
  ._roomUploadLabel_10ehx_221 {
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: "Inter", sans-serif !important;
    color: #4a4a4a !important;
    padding-bottom: 13px
  }
  /* Room Icon CSS END */
  ._deleteModal_10ehx_104 {
    padding-top: 10rem !important;
  }
  ._deleteModalBody_10ehx_107 {
    text-align: left;
    padding: 1.5rem !important;
  }
  ._deleteModalTitle_10ehx_111 {
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Inter", sans-serif !important;
    color: black !important;
  }
  ._deleteModalDescription_10ehx_117 {
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: "Inter", sans-serif !important;
    color: #4a4a4a !important;
  }
  ._deleteModalButton1_10ehx_123 {
    width: 73px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background-color: white !important;
    border: 1px solid #e3e3e3 !important;
  
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: black !important;
  }
  
  ._deleteModalButton2_10ehx_136 {
    width: 76px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background-color: #7534e5 !important;
    border: 1px solid rgba(117, 52, 229, 0.5) !important;
  
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: white !important;
  }._headerRow_h1b4h_1 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._DataRow_h1b4h_10 {
  text-align: left;
  padding-left: 2rem;

  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._subsNameCol_h1b4h_19 {
  display: flex;
  align-items: center; /* Centers content vertically */
  padding-top: 3px; /* Keeps your existing padding */
}
._subsSpeakerCol_h1b4h_24 {
  display: flex;
  align-items: center; /* Centers content vertically */
  padding-top: 3px; /* Keeps your existing padding */

  color: #4a4a4a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
}
._subsTimeCol_h1b4h_34 {
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: flex-start; /* Aligns content to the left */
  padding-left: 10px; /* Optional: Adjust spacing from the left */
  padding-top: 3px; /* Keeps your existing padding */

  border: 1px solid #e3e3e3 !important;
  border-radius: 8px !important;

  color: #4a4a4a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}
._subsQrCol_h1b4h_49 {
  display: flex;
  align-items: center; /* Vertically centers content */
  justify-content: center; /* Aligns content to the left */
  padding-left: 10px; /* Optional: Adjust spacing from the left */
  padding-top: 3px; /* Keeps your existing padding */
  width: 34px;
  height: 34px;

  border: 1px solid #e3e3e3 !important;
  border-radius: 8px !important;
  color: #4a4a4a !important;
  cursor: pointer;
}
._actionCol_h1b4h_63 {
  display: flex;
  justify-content: center; /* Center the content vertically */
  align-items: center; /* Center the content horizontally */
  height: 100%; /* Ensure it takes the full height of the column */
}

._eventCard1_h1b4h_70 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_h1b4h_70 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
._eventCardSkeleton_h1b4h_80 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_h1b4h_85 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
._label_h1b4h_91 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._closeBtn_h1b4h_102 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 2px !important;
}
._saveCol_h1b4h_112 {
  text-align: end !important;
}
._save_h1b4h_112 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_h1b4h_127 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._modalFooter_h1b4h_132 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_h1b4h_136 {
  text-align: start !important;
  padding-left: 0px !important;
}
._delete_h1b4h_136 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._deleteModal_h1b4h_154 {
  padding-top: 10rem !important;
}
._deleteModalBody_h1b4h_157 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_h1b4h_161 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_h1b4h_167 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_h1b4h_173 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_h1b4h_186 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._RoomIcon_h1b4h_198 {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 50%;
  object-fit: cover;
}
._fallbackIcon_h1b4h_205 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

._dropdownMenu_h1b4h_215 {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 120px;
  z-index: 100;
  padding: 8px 0;
}

._menuItem_h1b4h_227 {
  display: flex;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
}

._menuItem_h1b4h_227:hover {
  background: #f5f5f5;
}

._menuIcon_h1b4h_241 {
  width: 16px;
  margin-right: 8px;
}
._actionBtn_h1b4h_85::after {
  display: none !important;
}
._iconMenu_h1b4h_248 {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
/* Room Icon CSS START */
._roomImageUpload_h1b4h_254 {
  width: 42px;
  height: 42px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_h1b4h_267 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_h1b4h_271 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */
._deleteModal_h1b4h_154 {
  padding-top: 10rem !important;
}
._deleteModalBody_h1b4h_157 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_h1b4h_161 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_h1b4h_167 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_h1b4h_173 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_h1b4h_186 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._QRModalHeader_h1b4h_323{
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._QRModalBody_h1b4h_329 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._QRModalBTNRow_h1b4h_336 {
  margin-top: 2rem !important;
}
._QRModalBTN_h1b4h_336 {
  width: 100% !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._landingCoverCard_17wvi_1 {
  padding-top: 1rem;
  width: 100%;
  height: 59% !important;
  font-weight: 300 !important;
  padding: 1rem 1rem 1rem 1rem !important;
}
._landingCoverCardBody_17wvi_8 {
}
/* Room Icon CSS START */
._roomImageUpload_17wvi_11 {
  width: 100%;
  height: 100%;
  max-height: 65%;
  margin-bottom: 1rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_17wvi_24 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_17wvi_28 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */

/* Forms Design START */
._label_17wvi_38 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._label2_17wvi_49 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  border-radius: 10px !important;
}
._label3_17wvi_60 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  width: 100% !important;
  margin-bottom: 1.5rem;
  border-radius: 10px !important;
}
._textarea_17wvi_71{
    height: 80px !important;
}
._videoTypeInput_17wvi_74{
    height: 50px !important;
}
._time_17wvi_77 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  padding-top: 1rem;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._time2_17wvi_88 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-bottom: 10px;
  border-radius: 10px !important;
}
._input1_17wvi_98 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* Forms Design END */._landingCoverCard_1s0df_1 {
  padding-top: 1rem;
  width: 100%;
  height: 59% !important;
  font-weight: 300 !important;
  padding: 1rem 1rem 1rem 1rem !important;
}
._landingCoverCardBody_1s0df_8 {
}
/* Room Icon CSS START */
._roomImageUpload_1s0df_11 {
  width: 100%;
  height: 100%;
  max-height: 65%;
  margin-bottom: 1rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_1s0df_24 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_1s0df_28 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */

/* Forms Design START */
._label_1s0df_38 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._label2_1s0df_49 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 2rem;
  border-radius: 10px !important;
}
._label3_1s0df_60 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  width: 100% !important;
  margin-bottom: 1.5rem;
  border-radius: 10px !important;
}
._textarea_1s0df_71 {
  height: 80px !important;
}
._videoTypeInput_1s0df_74 {
  height: 50px !important;
}
._time_1s0df_77 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  padding-top: 1rem;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._time2_1s0df_88 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;

  margin-bottom: 10px;
  border-radius: 10px !important;
}
._input1_1s0df_98 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* Forms Design END */
._calendarTableRow_b876h_1 {
  height: 85vh !important;
}
._calendarTableCol_b876h_4 {
  height: 87vh !important;
  margin: 0 !important;
}
._timeTableCol_b876h_8 {
  height: 87vh !important;
  margin: 0 !important;
  border-left: 1px solid #e3e3e3 !important;
}
._navbar_1e4pk_1 {
  border-top: none;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_1e4pk_5 {
  width: 100%;
}
._navbarCol_1e4pk_8 {
  text-align: end;
}
._icon_1e4pk_11 {
  font-size: 24px !important;
}
._pdfBtn_1e4pk_14 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._spinner_1e4pk_23{
  width: 20px !important;
  height: 20px !important;
}
._addBtn_1e4pk_27 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_1e4pk_36 {
  margin-top: 10px;
}
._input2_1e4pk_39 {
}
._closeBtn_1e4pk_41 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}
._modalBody_1e4pk_51 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_1e4pk_51::-webkit-scrollbar {
  display: none;
}
._modalFooter_1e4pk_62 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_1e4pk_66 {
  text-align: start !important;
}
._delete_1e4pk_66 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_1e4pk_82 {
  text-align: end !important;
}
._save_1e4pk_82 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1e4pk_98 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_1e4pk_104 {
  width: 40px !important;
}
._imageUpload_1e4pk_107 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_1e4pk_118 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_1e4pk_124 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_1e4pk_129 {
  margin-top: 2px !important;
}

/* Split Button CSS START */
._splitButton_1e4pk_134 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 290px; /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._leftButton_1e4pk_147 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._leftButtonActive_1e4pk_164 {
  width: 118px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButton_1e4pk_182 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._rightButtonActive_1e4pk_199 {
  width: 169px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_1e4pk_217 {
  width: 1px;
  height: 100%; /* Full height */
  background-color: #ccc;
}

._leftButton_1e4pk_147:hover {
  background-color: #f3e8ff; /* Light Purple */
}

._rightButton_1e4pk_182:hover {
  background-color: #f0f0f0; /* Light Gray */
}

._icon_1e4pk_11 {
  margin-right: 6px;
}

/* Split Button CSS END */

._label_1e4pk_237 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_1e4pk_250 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_1e4pk_256 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_1e4pk_262 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_1e4pk_274 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_1e4pk_281 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
._colorText_1e4pk_288 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* CSS For Color Picker START */
._calendarContainer_1odxm_1 {
  width: 100%;
  height: 100%;
  max-width: 1500px; /* Adjust as needed */
  min-width: 300px;
  max-height: 1500px; /* Adjust as needed */
  min-height: 300px;
  background: white;
  padding: 20px;
}
._monthDate_1odxm_11 {
  font-size: 24px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._monthDay_1odxm_17 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._buttonContainer_1odxm_23 {
  text-align: end;
  gap: 5px;
}
._next_1odxm_27 {
  width: 34px;
  height: 34px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  background: white;
  cursor: pointer;

  margin-right: 0.5rem;
}
._prev_1odxm_37 {
  width: 34px;
  height: 34px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  background: white;
  cursor: pointer;
}

._calendarGrid_1odxm_46 {
  width: 100%;
  height: 86%;
  overflow-x: auto;
  display: grid;
  margin-top: 2rem;
  padding: 0.5rem 0rem 1rem 0rem;
  gap: 5px;
  grid-template-columns: repeat(7, 1fr);

  border: 1px solid #e3e3e3;
  border-radius: 10px;
}
._dayHeadersDiv_1odxm_59 {
  grid-column: span 7; /* Ensure it spans across all columns */
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}
._dayHeader_1odxm_59 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  text-align: center;
}
._prevMonthDay_1odxm_72,
._nextMonthDay_1odxm_73 {
  color: #b0b0b0; /* Grey color for out-of-month dates */
}
._day_1odxm_59 {
  width: 100%;
  height: 100%;
}

._day_1odxm_59,
._selectedDay_1odxm_82,
._prevMonthDay_1odxm_72,
._nextMonthDay_1odxm_73 {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  font-weight: bold;
  text-align: center;

  cursor: pointer;
}
._weekDivider_1odxm_96 {
  grid-column: span 7; /* Ensures it spans across all columns */
  width: 100%;
  height: 1px;
  background-color: #e3e3e3;
}
._smallCircle_1odxm_102 {
  width: 64px;
  height: 64px;
}

._selectedDay_1odxm_82 {
  border-radius: 50%;
  background: #7534e5;
  color: white;
}

._emptyDay_1odxm_113 {
  visibility: hidden;
}
._highlight_1odxm_116 {
  border: 1px solid #7534e5; /* Change this to your preferred highlight color */
  border-radius: 50%;
}
/*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:var(--bs-link-color);text-decoration:underline}a:hover{color:var(--bs-link-hover-color)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:2px solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#bacbe6;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#cbccce;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#bcd0c7;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#badce3;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#e6dbb9;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#dfc2c4;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#373b3e;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + 2px)}textarea.form-control-sm{min-height:calc(1.5em + .5rem + 2px)}textarea.form-control-lg{min-height:calc(1.5em + 1rem + 2px)}.form-control-color{width:3rem;height:calc(1.5em + .75rem + 2px);padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:.375rem}.form-control-color::-webkit-color-swatch{border-radius:.375rem}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + 2px)}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + 2px)}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;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-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:.25rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{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='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;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")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::-moz-placeholder,.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control-plaintext~label{border-width:1px 0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.375rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.25rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select,.input-group>:not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.375rem}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;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"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.375rem}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;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"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check:focus+.btn,.btn:focus{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:active+.btn,.btn-check:checked+.btn,.btn.active,.btn.show,.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:active+.btn:focus,.btn-check:checked+.btn:focus,.btn.active:focus,.btn.show:focus,.btn:active:focus{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:none;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:1000;display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:.375rem}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link.disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(var(--bs-nav-tabs-border-width) * -1);background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(var(--bs-nav-tabs-border-width) * -1);border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link:disabled{color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(0, 0, 0, 0.55);--bs-navbar-hover-color:rgba(0, 0, 0, 0.7);--bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);--bs-navbar-active-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(0, 0, 0, 0.9);--bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);--bs-navbar-toggler-border-radius:0.375rem;--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .show>.nav-link{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:#000;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:0.5rem}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:0.25rem}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:#084298;--bs-alert-bg:#cfe2ff;--bs-alert-border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{--bs-alert-color:#41464b;--bs-alert-bg:#e2e3e5;--bs-alert-border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{--bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{--bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{--bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{--bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{--bs-alert-color:#636464;--bs-alert-bg:#fefefe;--bs-alert-border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{--bs-alert-color:#141619;--bs-alert-bg:#d3d3d4;--bs-alert-border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.list-group{--bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(var(--bs-list-group-border-width) * -1);border-top-width:var(--bs-list-group-border-width)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(var(--bs-list-group-border-width) * -1);border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(255, 255, 255, 0.85);--bs-toast-border-width:1px;--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:0.375rem;--bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-toast-header-color:#6c757d;--bs-toast-header-bg:rgba(255, 255, 255, 0.85);--bs-toast-header-border-color:rgba(0, 0, 0, 0.05);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{position:absolute;z-index:1090;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(var(--bs-toast-padding-x) * -.5);margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;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}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{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-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(var(--bs-modal-header-padding-y) * -.5) calc(var(--bs-modal-header-padding-x) * -.5) calc(var(--bs-modal-header-padding-y) * -.5) auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:#fff;--bs-tooltip-bg:#000;--bs-tooltip-border-radius:0.375rem;--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;padding:var(--bs-tooltip-arrow-height);margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:#fff;--bs-popover-border-width:1px;--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:0.5rem;--bs-popover-inner-border-radius:calc(0.5rem - 1px);--bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:var(--bs-heading-color);--bs-popover-header-bg:#f0f0f0;--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:#212529;--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(var(--bs-popover-arrow-width) * -.5);content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}.spinner-border,.spinner-grow{display:inline-block;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;-webkit-animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color: ;--bs-offcanvas-bg:#fff;--bs-offcanvas-border-width:1px;--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:575.98px){.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}}@media (max-width:575.98px){.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:767.98px){.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:767.98px){.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}}@media (max-width:767.98px){.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:991.98px){.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}}@media (max-width:991.98px){.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1199.98px){.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}}@media (max-width:1199.98px){.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}}@media (max-width:1399.98px){.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}}@media (max-width:1399.98px){.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:1045;display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(var(--bs-offcanvas-padding-y) * -.5);margin-right:calc(var(--bs-offcanvas-padding-x) * -.5);margin-bottom:calc(var(--bs-offcanvas-padding-y) * -.5)}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{-webkit-animation:placeholder-glow 2s ease-in-out infinite;animation:placeholder-glow 2s ease-in-out infinite}@-webkit-keyframes placeholder-glow{50%{opacity:.2}}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;-webkit-animation:placeholder-wave 2s linear infinite;animation:placeholder-wave 2s linear infinite}@-webkit-keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(13,110,253,var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(108,117,125,var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(25,135,84,var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(13,202,240,var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(255,193,7,var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(220,53,69,var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(33,37,41,var(--bs-bg-opacity,1))!important}.link-primary{color:#0d6efd!important}.link-primary:focus,.link-primary:hover{color:#0a58ca!important}.link-secondary{color:#6c757d!important}.link-secondary:focus,.link-secondary:hover{color:#565e64!important}.link-success{color:#198754!important}.link-success:focus,.link-success:hover{color:#146c43!important}.link-info{color:#0dcaf0!important}.link-info:focus,.link-info:hover{color:#3dd5f3!important}.link-warning{color:#ffc107!important}.link-warning:focus,.link-warning:hover{color:#ffcd39!important}.link-danger{color:#dc3545!important}.link-danger:focus,.link-danger:hover{color:#b02a37!important}.link-light{color:#f8f9fa!important}.link-light:focus,.link-light:hover{color:#f9fafb!important}.link-dark{color:#212529!important}.link-dark:focus,.link-dark:hover{color:#1a1e21!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:-webkit-sticky;position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:1px;min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-1{--bs-border-width:1px}.border-2{--bs-border-width:2px}.border-3{--bs-border-width:3px}.border-4{--bs-border-width:4px}.border-5{--bs-border-width:5px}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-semibold{font-weight:600!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-2xl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*# sourceMappingURL=bootstrap.min.css.map */._timetableContainer_1bqbi_1 {
  height: 96%;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 10px;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

._timetableContainer_1bqbi_1::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}

._scheduleContainer_1bqbi_14 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;

  padding-bottom: 6rem;
}
._scheduleContainer_1bqbi_14::-webkit-scrollbar {
  display: none; /* For Chrome, Safari, and Opera */
}
._timeGrid_1bqbi_27 {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

._timeRow_1bqbi_34 {
  display: flex;
  align-items: center;
  position: relative;
  height: 50px;
}
._hourCol_1bqbi_40 {
  width: 18%;
  padding-right: 0px !important;
  margin-right: 0px !important;
}
._hourLabel_1bqbi_45 {
  flex-shrink: 0;

  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: black;
}
._hourDividerCol_1bqbi_53 {
  display: flex;
  align-items: center;
}
._hourDivider_1bqbi_53 {
  width: 100%;
  border-bottom: 2px solid #e3e3e3;
  height: 1px;
}
._eventCard_1bqbi_62 {
  position: absolute;
  left: 100px;
  width: calc(100% - 120px);
  border-radius: 8px;
  padding: 10px;
}

._header_1bqbi_70 {
  padding: 10px 0px 20px 0px;
}
._spanTitle_1bqbi_73 {
  font-size: 24px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: black;
}
._todayTitle_1bqbi_79 {
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: black;
}
._todayBTNCol_1bqbi_85 {
  text-align: end;
  padding-right: 3.1rem;
}
._icon_1bqbi_89 {
  margin-right: 10px;
}
._todayBTN_1bqbi_85 {
  width: 103px;
  height: 34px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  background: white;
  cursor: pointer;

  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: black;
}
._endTimeCol_1bqbi_105{
    text-align: end;
}
._endTime_1bqbi_105 {
  font-size: 14px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
  color: black;
}
._programContainer_sjqfy_1 {
  padding: 2rem 1.8rem 0rem 2.5rem !important;
  background-color: #f9f9f9 !important;
  height: 100%;
}
._programListContainer_sjqfy_6 {
  height: 100%;
  overflow-y: auto; /* Enables scrolling */
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 3rem 5rem 1rem 5rem !important;

  /* Hide scrollbar for different browsers */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

._programListContainer_sjqfy_6::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

._programHeaderTitle_sjqfy_23 {
  font-family: "Inter", sans-serif !important;
  font-size: 46px !important;
  font-weight: 400 !important;
  color: black !important;
  padding: 0 !important;
}
._programHeaderDateRow_sjqfy_30 {
  border-bottom: 1px solid black !important;
  margin: 0 !important;
  padding: 1.5rem 0 3rem 0 !important;
}
._programHeaderDate_sjqfy_30 {
  padding: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: black !important;
}

._programDate_sjqfy_43 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #4a4a4a !important;
}
._programTitle_sjqfy_49 {
  font-family: "Inter", sans-serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: black !important;
}
._programSubTitle_sjqfy_55 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: black !important;
}
._programContainer_1q4zu_1 {
  margin: 0 !important;
  padding: 2rem 1rem 1rem 0.4rem !important;
}
._programHeaderRow_1q4zu_5 {
  margin: 0 0 1rem 0 !important;
  padding: 0 !important;
}
._programHeaderTitle_1q4zu_9 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: black !important;

  margin: 0 !important;
  padding: 0 !important;
}
._programButtonContainer_1q4zu_18 {
  margin-top: 0.5rem;
}
._programButtonCol_1q4zu_21 {
  width: 100%;
}
._programButton_1q4zu_18 {
  background-color: white !important;
  border: 2px solid #e3e3e3 !important;
  border-radius: 6px !important;

  padding: 10px 30px 10px 30px;
  width: 100%;
}
._selectedProgram_1q4zu_32 {
  background-color: #f9f9f9 !important;
  border: 2px solid #e3e3e3 !important;
  border-radius: 6px !important;

  padding: 10px 30px 10px 30px;
  width: 100%;
}
._programButtonTitle_1q4zu_40 {
  color: black !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
}
._programButtonTime_1q4zu_46 {
  color: #4a4a4a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
}
._topbarCol_1k0b4_1 {
  margin: 0 !important;
  padding: 0 !important;
}

._divContainer_1k0b4_6 {
  width: 65% !important;
  margin-top: 5rem;
}

._filterLabel_1k0b4_11 {
  margin: 0.4rem 0rem 0rem 0rem !important;
}

._filteredButton_1k0b4_15 {
  border-color: #888888 !important;
  background: transparent !important;
  color: #000 !important;
}

._addParticipantsCol_1k0b4_21 {
  text-align: end;
}

._actionButtonsRow_1k0b4_25 {
  margin-top: 2rem !important;
}

._registrantTableRow_1k0b4_29 {
  margin-top: 2rem !important;
}

._registrationCard_1k0b4_33 {
  border: none !important;
}

._subTopbar_1k0b4_37 {
  display: flex !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e3e3e3 !important;
  padding: 0.5rem 2.5rem !important;
}

._tabButton_1k0b4_44 {
  border: 1px solid #e3e3e3 !important;
  display: flex !important;
  gap: 0.5rem !important;
  padding: 0.25rem 1rem !important;
  align-items: center !important;
}

._sideButtons_1k0b4_52 {
  display: flex !important;
  gap: 0.5rem !important;
}

._exportRegistrantButton_1k0b4_57 {
  border: 1px solid #e3e3e3 !important;
  padding: 0.25rem 1rem !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._uploadRegistrantButton_1k0b4_65 {
  background-color: #7534e5 !important;
  border: 1px solid #7534e5 !important;
  color: white !important;
  padding: 0.25rem 1rem !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._contentContainer_1k0b4_75 {
  padding: 1.5rem 3.5rem !important;
  height: calc(100vh - 114px);
  overflow-y: auto;
}
._card_1utfe_1 {
  width: 100%;
}

._header_1utfe_5 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._headerTitle_1utfe_11 {
  font-size: 1rem;
}

._headerActionButtons_1utfe_15 {
  display: flex !important;
  gap: 1rem;
}

._dropdownToggle_1utfe_20 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  font-size: 0.8rem !important;
}

._tableDataNormal_1utfe_26 {
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
}

._tableDataBold_1utfe_32 {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  white-space: nowrap;
}

._statuses_1utfe_42 {
  display: flex !important;
  gap: 0.1rem !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 500 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  padding: 0.2rem 0.2rem !important;
}

._dropdownButton_1utfe_54::after {
  display: none !important;
}

._dropdownButton_1utfe_54 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

._role_1utfe_63 {
  font-size: 10px !important;
  white-space: nowrap;
  text-transform: uppercase !important;
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  padding: 0.25rem 0.5rem !important;
}

._roleContainer_1utfe_72 {
  display: flex !important;
  gap: 0.25rem !important;
}

._filterItem_1utfe_77 {
  text-transform: capitalize !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 0.875rem !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._header_1ranp_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._headerTitle_1ranp_7 {
  font-size: 1rem;
}

._headerActionButtons_1ranp_11 {
  display: flex !important;
  gap: 1rem;
}

._dropdownToggle_1ranp_16 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  font-size: 0.8rem !important;
}

._tableDataNormal_1ranp_22 {
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
}

._tableDataBold_1ranp_28 {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._statuses_1ranp_37 {
  display: flex !important;
  gap: 0.1rem !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 500 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  padding: 0.2rem 0.2rem !important;
}

._dropdownButton_1ranp_49::after {
  display: none !important;
}

._dropdownButton_1ranp_49 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

._customFormsContainer_1ranp_58 {
  display: grid;
  gap: 1rem;
}

._tableData_1ranp_22 {
  max-height: 45px !important;
  /* background-color: red !important; */
}

._defaultAvatar_1ranp_68 {
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: white;
  align-self: flex-start;
  flex-grow: 0;
  height: auto;
  background-image: linear-gradient(#d9d9d9, #999999);
}

._role_1ranp_82 {
  font-size: 10px !important;
  white-space: nowrap;
  text-transform: uppercase !important;
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  padding: 0.25rem 0.5rem !important;
}

._roleContainer_1ranp_91 {
  display: flex !important;
  gap: 0.25rem !important;
}
._header_15ye4_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._headerTitle_15ye4_7 {
  font-size: 1rem;
  font-weight: 600 !important;
}

._headerActionButtons_15ye4_12 {
  display: flex !important;
  gap: 1rem;
}

._dropdownToggle_15ye4_17 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  font-size: 0.8rem !important;
}

._tableDataNormal_15ye4_23 {
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
}

._tableDataBold_15ye4_29 {
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-align: start !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._statuses_15ye4_38 {
  display: flex !important;
  gap: 0.1rem !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 500 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  padding: 0.2rem 0.2rem !important;
}

._dropdownButton_15ye4_50::after {
  display: none !important;
}

._dropdownButton_15ye4_50 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

._ticketsContainer_15ye4_59 {
  display: grid;
  gap: 1rem;
}

._tableData_15ye4_23 {
  max-height: 45px !important;
  /* background-color: red !important; */
}

._defaultAvatar_15ye4_69 {
  display: block;
  width: 30px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: white;
  align-self: flex-start;
  flex-grow: 0;
  height: auto;
  background-image: linear-gradient(#d9d9d9, #999999);
}

._role_15ye4_83 {
  font-size: 10px !important;
  white-space: nowrap;
  text-transform: uppercase !important;
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  padding: 0.25rem 0.5rem !important;
}

._roleContainer_15ye4_92 {
  display: flex !important;
  gap: 0.25rem !important;
}
._saveButton_a976l_1 {
  background-color: #7534e5 !important;
  padding: 0.4rem 0.5rem !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  border-radius: 6px !important;
  color: white !important;
  border: none !important;
}

._modal_a976l_12 {
  font-family: "Arial", sans-serif;
}

._title_a976l_16 {
  font-size: 18px;
  font-weight: bold;
}

/* File Upload Section */
._fileUpload_a976l_22 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
}

._fileName_a976l_33 {
  font-size: 14px;
  color: #333;
}

._modalBody_a976l_38 {
  height: 500px;
}

._uploadBtn_a976l_42 {
  background: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Dropdown */
._selectBox_a976l_53 {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px !important;
  color: #555;
}

/* Sample File Section */
._sampleFile_a976l_64 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

._sampleLink_a976l_71 {
  color: #7b57e5;
  text-decoration: none;
  font-size: 14px;
}

._downloadBtn_a976l_77 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.3rem !important;
}

/* Instructions */
._instructions_a976l_84 {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

/* Save Button */
._saveBtn_a976l_91 {
  background: #7b57e5;
  border: none !important;
  padding: 10px 20px;
  border-radius: 5px;
  font-size: 14px;
  color: white;
  box-shadow: none !important;
}

._closeButton_a976l_101 {
  border: 1px solid #e3e3e3 !important;
}

._error_a976l_105 {
  margin-bottom: 0.5rem !important;
  color: red;
  font-size: 14px !important;
}


._modal_l3g8r_3 {
  border: none !important;
  font-family: "Inter", serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}

._saveButton_l3g8r_10 {
  background-color: #7534e5 !important;
  padding: 0.4rem 0.5rem !important;
  display: flex !important;
  gap: 0.2rem !important;
  align-items: center !important;
  border-radius: 6px !important;
  color: white !important;
  border: none !important;
  font-size: 0.75rem !important;
  font-weight: bold !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

._title_l3g8r_25 {
  font-size: 1rem !important;
  font-weight: bold;
}

/* File Upload Section */

._fileUpload_l3g8r_31 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
}

._fileName_l3g8r_42 {
  font-size: 14px;
  color: #333;
}

._modalBody_l3g8r_47 {
  display: grid !important;
  gap: 0.5rem !important;
}

._customFormSelect_l3g8r_52 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 0.875rem !important;
}

._uploadBtn_l3g8r_58 {
  background: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
}

/* Dropdown */

._selectBox_l3g8r_69 {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px !important;
  color: #555;
}

/* Sample File Section */

._sampleFile_l3g8r_80 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

._sampleLink_l3g8r_87 {
  color: #7b57e5;
  text-decoration: none;
  font-size: 14px;
}

._downloadBtn_l3g8r_93 {
  border: 1px solid #e3e3e3 !important;
}

/* Instructions */

._instructions_l3g8r_98 {
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

._closeButton_l3g8r_104 {
  border: 1px solid #e3e3e3 !important;
}

._error_l3g8r_108 {
  margin-bottom: 0.5rem !important;
  color: red;
  font-size: 14px !important;
}

._label_l3g8r_114 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._dropdownItem_l3g8r_119 {
  border: 1px solid #e3e3e3 !important;
}
._titleCol_1dojw_1 {
    background: white;
    padding: 20px !important;
    border-radius: 6px !important;
  }
  
  ._titleRow_1dojw_7 {
    padding: 20px 50px 20px 50px !important;
    background: #f4f4f4;
  }
  
  ._formTitle_1dojw_12 {
    font-family: "Inter", sans-serif !important;
    font-size: 24px;
    font-weight: bold;
  }
  
  ._formSubtitle_1dojw_18 {
    font-family: "Inter", sans-serif !important;
    font-size: 12px;
    font-weight: 400;
    margin-left: 20px;
  }
  ._required_1dojw_24 {
    color: red;
  }
  
  ._descriptionform_1dojw_28 {
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-bottom: 20px;
  }
  
  ._titleForm_1dojw_36 {
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
    border-radius: 0px !important;
    padding: 0px !important;
    margin-bottom: 20px;
    font-family: "Inter", sans-serif !important;
    font-size: 24px;
    font-weight: bold !important;
  }

  ._titleForm_1dojw_36:focus{
    outline: none !important;
    box-shadow: none !important;
    border-color: #e3e3e3 !important;
  }
  

  ._descriptionform_1dojw_28:focus{
      outline: none !important;
      box-shadow: none !important;
      border-color: #e3e3e3 !important; /* Keep the border color consistent */
  }
  
  ._colRequired_1dojw_60{
    display: flex;
    align-items: center;
  }._formsCol_gkekd_1 {
  background: white;
  padding: 20px !important;
  border-radius: 6px !important;
  margin-top: 20px !important;
}

._formsRow_gkekd_8 {
  padding: 0px 50px 20px 50px !important;
}

._dragIcon_gkekd_12 {
  cursor: pointer !important;
}

._selectForm_gkekd_16 {
  width: 200px !important;
}

._formControl_gkekd_20 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-radius: 0px !important;
  height: 20px !important;
  margin-top: 10px;
  background: #f4f4f4 !important;
}

._formControl_gkekd_20:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._descriptionform_gkekd_35 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-radius: 0px !important;
  padding: 0px !important;
  margin-top: 10px;
}

._descriptionform_gkekd_35:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important; /* Keep the border color consistent */
}

._rowStyles_gkekd_49 {
  margin-top: 10px !important;
}

._divLine_gkekd_53 {
  border: 1px solid #f4f4f4 !important;
  margin-top: 30px;
}

._deleteContainer_gkekd_58 {
  border: 1px solid #e3e3e3;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 10px 14px 10px 14px !important;
  cursor: pointer;
  margin: auto;
}

._stepName_gkekd_68 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-radius: 0px !important;

  margin-top: 10px;
  background: transparent !important;
  width: 50% !important;
}

._stepName_gkekd_68:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
  color: white !important;
}

._iconContainer_gkekd_85 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 9px 14px 9px 14px !important;
  cursor: pointer;
  margin: auto;
  background: transparent !important;
}

._activeButton_gkekd_96 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 9px 14px 9px 14px !important;
  cursor: pointer;
  margin: auto;
  background: rgb(216, 212, 212) !important;
}

._activeButton_gkekd_96:focus,
._activeButton2_gkekd_108:focus,
._iconContainer_gkekd_85:focus,
._iconContainer2_gkekd_110:focus,
._addField_gkekd_111:focus,
._addSection_gkekd_112:focus,
._closeButton_gkekd_113,
._actionButton_gkekd_114:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._activeButton2_gkekd_108 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px !important;
  cursor: pointer;
  margin: auto;
  background: rgb(216, 212, 212) !important;
}

._iconContainer2_gkekd_110 {
  border: 1px solid #e3e3e3 !important;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px !important;
  cursor: pointer;
  margin: auto;
  background: transparent !important;
}

._deleteButton_gkekd_142 {
  font-size: 24px;
}

._centeredCol_gkekd_146 {
  display: flex;
  align-items: center;
}

._requiredText_gkekd_151 {
  margin-right: 10px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
}

._addField_gkekd_111 {
  background: #7534e5 !important;
  border: none !important;
  font-weight: 600 !important;
}

._addSection_gkekd_112 {
  background: white !important;
  color: black !important;
  border: 1px solid #e3e3e3 !important;
  font-weight: 600 !important;
}

._addFieldIcon_gkekd_171 {
  margin-right: 10px;
}

._sectionRow_gkekd_175 {
  background: #7534e5;
  border-radius: 6px;
  padding: 14px;
}

._sectionTitle_gkekd_181 {
  color: white;
  font-family: "Inter", sans-serif !important;
  font-size: 13px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

._actionButton_gkekd_114 {
  background: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 8px !important;
}

._stepperCol_gkekd_196 {
  margin-top: 10px !important;
  width: 100%;
}

._closeButton_gkekd_113 {
  background: transparent !important;
  border: 1px solid #e3e3e3 !important;
}

._optionItem_gkekd_206 {
  margin-bottom: 10px;
}


._optionsCol_j7sow_3 {
  background: white;
  padding: 15px;
  transition: width 0.3s ease-in-out;
  padding: 30px 30px 30px 30px !important;
  height: 100vh !important;
  border: 1px solid #e3e3e3;
}

._optionsHeader_j7sow_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._iconCol_j7sow_18 {
  display: flex;
  justify-content: flex-end;
}

._collapseIcon_j7sow_23 {
  cursor: pointer;
  width: 24px;
  height: 24px;
}

._optionsContent_j7sow_29 {
  margin-top: 10px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding-right: 5px;
  padding-bottom: 150px !important;
}

._optionsContent_j7sow_29::-webkit-scrollbar {
  width: 6px;
}

._optionsContent_j7sow_29::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

._optionsContent_j7sow_29::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

._optionsContent_j7sow_29::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* When collapsed */

._collapsed_j7sow_56 {
  width: 50px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  align-items: center; /* Center horizontally */
}

._optionsTitle_j7sow_64 {
  font-family: "Inter", sans-serif !important;
  font-size: 18px;
  font-weight: bold;
}

._optionsContentTitle_j7sow_70 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
  color: #4a4a4a;
  font-weight: 600;
}

._optionsContentSubTitle_j7sow_78 {
  font-family: "Inter", sans-serif !important;
  font-size: 14px;
  font-weight: bold;
  color: #4a4a4a;
  font-weight: 500;
}

._contentRow_j7sow_86 {
  margin-top: 20px !important;
}

._pricingDiv_j7sow_90 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3;
  padding: 12px 24px 12px 24px !important;
  margin-bottom: 8px;
}

._pricingTitle_j7sow_97 {
  margin-bottom: 2px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: bold;
}

._removeButtonContainer_j7sow_104 {
  border: 1px solid #e3e3e3 !important;
  width: max-content !important;
  height: max-content !important;
  border-radius: 6px !important;
  padding: 10px 14px 10px 14px !important;
  background: transparent !important;
}

._removeButtonContainer_j7sow_104:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._removeButton_j7sow_104 {
  width: 14px !important;
}

._addPayment_j7sow_123 {
  background: #7534e5 !important;
  border: none !important;
  width: 100%;
}

._addPayment_j7sow_123:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._addIcon_j7sow_135 {
  margin-right: 10px !important;
}

._paymentButtonRow_j7sow_139 {
  margin-top: 20px !important;
}

._saveButton_j7sow_143 {
  background: #7534e5 !important;
  border: none !important;
}

._saveButton_j7sow_143:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._saveIcon_j7sow_154 {
  margin-right: 4px;
}


._container_qewgf_3 {
  --bs-gutter-x: 0; /* Remove horizontal gap */
  --bs-gutter-y: 0; /* Remove vertical gap */
}

._headerRow_qewgf_8 {
  background: white;
  width: 100%;
  padding: 10px 40px 10px 40px !important;
}

._switch_qewgf_14 {
  float: right;
}

._backButtonContainer_qewgf_18 {
  border: 1px solid #e3e3e3;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  margin: auto;
}

._backButton_qewgf_18 {
  font-size: 24px;
}

._colHeader_qewgf_31 {
  display: flex;
  align-items: center !important;
  align-content: center !important;
}

._bodyRow_qewgf_37 {
  height: 100%;
  background: #f4f4f4;
}

._switchCol_qewgf_42 {
}

._scrollableForms_qewgf_45 {
  max-height: 75vh; /* Adjust based on your layout */
  overflow-y: auto;
}

._footer_qewgf_50 {
  position: absolute;
  bottom: 0;
  width: 90%;
  background: white;
  padding: 10px 100px !important;
  text-align: center;
  border-top: 1px solid #ddd;
}

._saveButton_qewgf_60 {
  background: #7534e5 !important;
  border: none !important;
}

._checkIcon_qewgf_65 {
  margin-right: 16px;
}

._saveIcon_qewgf_69 {
  margin-right: 4px;
}

._formStatus_qewgf_73{
  margin-right: 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
}

._toastMessage_qewgf_80{
  color: white !important;
}

._saveButton_qewgf_60 {
  background: #7534e5 !important;
  border: none !important;
}

._saveButton_qewgf_60:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}


._container_hyoks_3 {
  --bs-gutter-x: 0; /* Remove horizontal gap */
  --bs-gutter-y: 0; /* Remove vertical gap */
}

._headerRow_hyoks_8 {
  background: white;
  width: 100%;
  padding: 10px 40px 10px 40px !important;
}

._switch_hyoks_14 {
  float: right;
}

._backButtonContainer_hyoks_18 {
  border: 1px solid #e3e3e3;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  margin: auto;
}

._backButton_hyoks_18 {
  font-size: 24px;
}

._colHeader_hyoks_31 {
  display: flex;
  align-items: center !important;
  align-content: center !important;
}

._bodyRow_hyoks_37 {
  height: 100%;
  background: #f4f4f4;
}

._switchCol_hyoks_42 {
}

._scrollableForms_hyoks_45 {
  max-height: 75vh; /* Adjust based on your layout */
  overflow-y: auto;
  scrollbar-width: none; /* Hide scrollbar in Firefox */
  -ms-overflow-style: none; /* Hide scrollbar in IE/Edge */
}

/* Hide scrollbar in WebKit browsers (Chrome, Safari) */

._scrollableForms_hyoks_45::-webkit-scrollbar {
  display: none;
}

._footer_hyoks_56 {
  position: absolute;
  bottom: 0;
  width: 90%;
  background: white;
  padding: 10px 100px !important;
  text-align: center;
  border-top: 1px solid #ddd;
}

._saveButton_hyoks_66 {
  background: #7534e5 !important;
  border: none !important;
}

._saveButton_hyoks_66:focus{
  outline: none !important;
  box-shadow: none !important;
  border-color: #e3e3e3 !important;
}

._checkIcon_hyoks_77 {
  margin-right: 16px;
}

._saveIcon_hyoks_81 {
  margin-right: 4px;
}

._formStatus_hyoks_85{
  margin-right: 16px !important;
  font-family: "Inter", sans-serif !important;
  font-size: 16px;
  font-weight: 600;
}

._toastMessage_hyoks_92{
  color: white !important;
}._contentContainer_a4j26_1 {
  display: grid !important;
  gap: 1rem !important;
  padding: 2rem !important;
  height: calc(100svh - 114.17px) !important;
  overflow-y: auto !important;
}

._submittedDataHeader_a4j26_9 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._customInput_a4j26_15 {
  display: grid;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1rem auto !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.375rem 1rem !important;
}

._customInputController_a4j26_24 {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0 !important;
  border-radius: none !important;
}

._customInputLabel_a4j26_32 {
  font-size: 0.85rem !important;
  z-index: 0 !important;
}

._submittedDataCardBody_a4j26_37 {
  display: grid !important;
  gap: 1rem !important;
}

._submittedDataForm_a4j26_42 {
  display: grid !important;
  gap: 0.5rem !important;
}

._submittedDataCard_a4j26_37 {
  max-width: 1025px !important;
}

._saveButton_a4j26_51 {
  border-radius: 6px !important;
  background-color: #7534e5 !important;
  color: white !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.4rem 1.3rem !important;
}

._card_a4j26_61 {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  height: calc(100vh) !important;
}

._downloadButton_a4j26_68 {
  border: 1px solid #e3e3e3 !important;
  margin: 0.25rem 0 !important;
  max-width: 100px !important;
}

._customInputCheck_a4j26_74 {
  accent-color: red !important;
}

._passesCard_a4j26_78 {
  max-width: 1025px !important;
}

._passesCardBody_a4j26_82 {
  display: grid !important;
  gap: 1rem !important;
}

._passesHeader_a4j26_87 {
  /* font-weight: bold; */
  font-size: 1rem;
  font-weight: 500;
}

._passesContent_a4j26_93 {
  display: grid !important;
  gap: 0.5rem !important;
  max-height: 500px !important;
  overflow-y: auto !important;
}

._passItem_a4j26_100 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 1rem !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

._passInfo_a4j26_109 {
  display: grid !important;
  gap: 0.25rem !important;
}

._passName_a4j26_114 {
  font-weight: 600 !important;
  font-size: 1rem !important;
}

._passDescription_a4j26_119 {
  font-size: 0.85rem !important;
  color: #666 !important;
}

._passLabel_a4j26_124 {
  font-weight: 500 !important;
}

._passActions_a4j26_128 {
  display: flex !important;
  gap: 0.5rem !important;
}

._viewDetailsButton_a4j26_133 {
  font-weight: 600 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px !important;
  padding: 0.25rem 0.75rem !important;
}

._paidButton_a4j26_140 {
  border: 1px solid #e3e3e3 !important;
  color: #999 !important;
  border-radius: 4px !important;
  padding: 0.25rem 0.75rem !important;
  cursor: not-allowed !important;
}
._modalTitle_joskn_1 {
  font-weight: 600 !important;
  color: #333 !important;
  font-size: 1.1rem !important;
}

._modalHeader_joskn_7 {
  padding: 0.75rem 1rem !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._closeButtonHeader_joskn_12 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  color: #666 !important;
}

._modalBody_joskn_25 {
  padding: 1.5rem !important;
}

._passTitle_joskn_29 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 0 !important;
}

._passDetails_joskn_36 {
  margin-bottom: 0 !important;
}

._detailRow_joskn_40 {
  display: flex !important;
  margin-bottom: 0 !important;
  align-items: center !important;
}

._detailLabel_joskn_46 {
  font-weight: 500 !important;
  color: #666 !important;
  min-width: 120px !important;
  margin-right: 1rem !important;
}

._detailValue_joskn_53 {
  color: #333 !important;
  font-weight: 400 !important;
}

._submittedDataSection_joskn_58 {
  padding-top: 1.5rem !important;
}

._sectionTitle_joskn_62 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin-bottom: 1rem !important;
}

._formGroup_joskn_69 {
  display: grid;
  grid-template-columns: 1fr !important;
  grid-template-rows: 1rem auto !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.375rem 1rem !important;
  margin-bottom: 1rem !important;
  position: relative !important;
}

._iconSpan_joskn_80 {
  position: absolute !important;
  top: 50% !important;
  left: 1rem !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
}

._formLabel_joskn_88 {
  font-size: 0.75rem !important;
  z-index: 0 !important;
  font-weight: 500 !important;
  color: #666 !important;
  margin-left: 2rem !important;
}

._formLabelNoIcon_joskn_96 {
  margin-left: 0 !important;
}

._readonlyInput_joskn_100,
._readonlyInput_joskn_100:focus {
  /* background-color: #f8f9fa !important; */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0 !important;
  border-radius: none !important;
  font-size: 0.875rem !important;
  color: #666 !important;
  cursor: not-allowed !important;
  margin-left: 2rem !important;
}

._footerContainer_joskn_114 {
  padding: 0.5rem 1rem !important;
  border-top: 1px solid #e3e3e3 !important;
}

._closeButton_joskn_12 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
  border: none !important;
}

._noData_joskn_128 {
  color: #666 !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
}

._scrollableData_joskn_134 {
  max-height: 300px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
._table_1b31f_1 {
  margin: 0 !important;
}

._tableHeader_1b31f_5 {
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._tableBody_1b31f_10 {
  font-size: 0.875rem !important;
}

._actionColumn_1b31f_14 {
  width: 1% !important;
  text-align: right !important;
}

._emptyWrapper_1b31f_19 {
  text-align: center;
  padding: 3rem 1rem;
  color: #666;
}

._emptyIcon_1b31f_25 {
  width: 64px;
  height: 64px;
  margin-bottom: 1rem;
  opacity: 0.5;
}

._emptyTitle_1b31f_32 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

._emptySubtitle_1b31f_38 {
  font-size: 0.9rem;
  color: #999;
  margin-top: 0.25rem;
}._invoicesCard_1ub5z_1 {
  max-width: 1025px !important;
}

._card_1ub5z_5 {
  margin: 0 !important;
  padding: 0 !important;
}

._cardHeader_1ub5z_10 {
  background-color: #f8f9fa !important;
  border-bottom: 1px solid #e3e3e3 !important;
  padding: 1rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: 500 !important;
}

._cardTitle_1ub5z_20 {
  font-size: 1rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

._cardBody_1ub5z_26 {
  padding: 0 !important;
  max-height: 506.72px !important;
  overflow-y: auto !important;
}
._card_12nn4_1 {
  border: none !important;
}

._content_12nn4_5 {
  padding: 1.5rem !important;
  height: calc(100svh - 64.47px) !important;
  overflow: auto;
}

._contentList_12nn4_11 {
  display: grid !important;
  gap: 1.5rem !important;
}

._rightCards_12nn4_16 {
  display: grid !important;
  gap: 1.5rem !important;
}

._roomSkeleton_12nn4_21 {
  height: calc(100svh - 315.73px) !important;
}
._cardHeaderContent_1nz6s_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0.35rem !important;
}

._cardName_1nz6s_8 {
  font-size: 0.813rem !important;
  color: #b8b8b8 !important;
}

._info_1nz6s_13 {
  width: 19px !important;
  aspect-ratio: 1/1 !important;
}

._centerContent_1nz6s_18 {
  font-size: 1.5rem !important;
  font-weight: bold !important;
}

._descriptions_1nz6s_23 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._badge_1nz6s_28 {
  border: 1px solid #e3e3e3 !important;
  padding: 0.225rem 0.525rem !important;
  font-size: 0.875rem !important;
  display: flex !important;
  align-items: center;
  gap: 0.525rem;
  width: fit-content;
  border-radius: 6px;
}

._footerInfo_1nz6s_39 {
  display: flex !important;
  gap: 1rem !important;
}

._shareButton_1nz6s_44 {
  border: 1px solid #e3e3e3 !important;
}

._eventStatus_1nz6s_48 {
  font-weight: bold !important;
  text-transform: uppercase !important;
}
._modal_r3ajc_1>div {
  width: 456px !important;
  z-index: 9999999;
}

._title_r3ajc_6 {
  font-size: 1rem !important;
  font-weight: 400 !important;
}

._closeButton_r3ajc_11 {
  border: 1px solid #e3e3e3 !important;
}

._header_r3ajc_15,
._footer_r3ajc_16 {
  padding: 0.5rem 1rem !important;
}

._footer_r3ajc_16 {
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  gap: 0.25rem !important;
}

._actionButton_r3ajc_27 {
  border: 1px solid #e3e3e3 !important;
  font-size: 0.813rem !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  padding: 0.25rem 0.825rem !important;
}

._qrCode_r3ajc_37 {
  width: 100%;
  max-width: 100%;
}

._modalBody_r3ajc_42 {
  padding: 3rem !important;
}

._qrContainer_r3ajc_46 {
  background-color: white !important;
  padding: 1rem !important;
}
._infoButton_y1y2x_1 {
  border: none !important;
  color: #b8b8b8 !important;
}

._tooltipContainer_y1y2x_6 > div {
  background-color: white !important;
  color: black !important;
}

._tooltipContainer_y1y2x_6 > div::before {
  display: none !important;
}

._messageContainer_y1y2x_15 {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 0.5rem;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
._cardHeaderContent_l2qfv_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0.35rem !important;
}

._cardName_l2qfv_8 {
  font-size: 0.813rem !important;
  color: #b8b8b8 !important;
}

._centerContent_l2qfv_13 {
  font-size: 2rem !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

._descriptions_l2qfv_21 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._cardFooter_l2qfv_26 {
  background-color: #f9f9f9 !important;
  border: none !important;
  font-size: 0.813rem !important;
  color: #4a4a4a !important;
}
._cardHeaderContent_l2qfv_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 0.35rem !important;
}

._cardName_l2qfv_8 {
  font-size: 0.813rem !important;
  color: #b8b8b8 !important;
}

._centerContent_l2qfv_13 {
  font-size: 2rem !important;
  font-weight: bold !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

._descriptions_l2qfv_21 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._cardFooter_l2qfv_26 {
  background-color: #f9f9f9 !important;
  border: none !important;
  font-size: 0.813rem !important;
  color: #4a4a4a !important;
}
._moreButton_1fs5y_1 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._header_1fs5y_6 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._title_1fs5y_12 {
  font-size: 1rem !important;
  margin: 0 !important;
}

._card_1fs5y_17 {
  position: relative !important;
  overflow: hidden;
}

._card_1fs5y_17::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 50 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABBCAYAAABcgpQ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA6tSURBVHgB7V2Lctu6Dlzl9v9/WfdkWk0ZFI8FX5Jt7EwnNoWXQK60op3mOM/zAPD978RvtK/RjOHP+NH8RODn+Wq2UGJJWy1vCy+uFaMda+Mchr+szerZqbyPem35WnWdQT7pL3E6tt58Q7GP/LweeP3S8mo4jNyA3RsQ9jIHYHMAxph1LsxcejVYMRAcs9Zh8f/vseJ/8f8Hfv33738oFAqFQqHg4vuG+fXntXWXjRSnHGvHtZhQ4mvjWj4mfqRGvZyRkmbP0VLu7TEo/lENFqxz9vqm+cqavNdWrrPTLqM0vXOEYQfE82fNVbRutNheD9i8Gqw59Ww1dc+cY/G/+F/8b2yuJ0yNFHDGXwnMRejJYOdg93m+w9oo/Ebx/7ko/j8I1xOmpkQYVRPZZNGjRntse2vPKBpWHUaxv8e/SDtPDbN9ZeJnMWutsEo28mHiZ45l4llrIzNnWZ/oKbj4Px63+G/jbfg/+hmmLHiWfTau5a/FsbYBENj21pD1gVLLaD9WQOtjZNcTm7WJ3nvjI/X3zo1182LzWGuW9Z+B4n9cQ9YHSi3F/9hmC//rSz+FQqFQKBC4bpitUrjAqF5AV2mWwutRfp5/pCIsxSZtodhpuVobRuFnlJel2KIYUT3avET1Rk8zXq0w3jP9knVYY149lm1bh9Wj1ka+BuI5Ycaz6yha89FTUoRsr7z6kKi1+F/8j+qwxm7jf/st2UKhUCgUCgasLVnvLsvCUmdPRU+90VPDrJpmY3ROo7HeWHegp44Z5zzSy8hOW5dZ/+I/5wMU/z+G//IJ03u0lfCO9WB2vB35Vta8ux898LZJsnEyvq/QmwgzzyETq3ebMBOnB8X/fbFn4eP4f8eXfkaUZ1b9HQmbO54aZj1RjNj3qMZZ6nC3ytyRj+3d988v5RgM/1lr/8q7u/dt/uJ/fKzHrse++J+A9RmmVA7aa8s+Ohapg0ht9KiLnrrb43LLxfKPPnxm6rY+lM6cMzMfvfOqbT+dRnxg7PzZ+fFsR/vZ89Q1ssZljJ780XhvX4v/xf+P5v/qJ0y52Ar3Ytd8rM5T68rGk3pT8/QsFP8H0f5aiaUIIpXV2srXFjQVaY1lFLPcGmHUnnd+kUqKcgC2QmOUq6YGodh57zWcQR6mP4cRE+BVJ8D1A05sGQNObGs9A9w5WWMyh1Zz65vxs+bBs2c4iyBu8b/4L21g1N7GBN6Y//VrJZ8N5uJWKBTeE8X/JNgtWe3um7HXlLXmI3EEsS1lzNTUjlkKSlOLR+A7E705GJVo+VjvAbvHmTyyPq+3jK0WN8qbGQdyqjSTVzs+ep4jcz5qZ9kX//tQ/H8Y/6NfK1mBHTlYaIsqsttRC2M3UlPGV16QVmFmj3tiZX12z8OOeMX/2G5HLYxd8X9uLMonesLsVTY9Y7PRq0Jm5dkdYxZGa3nSuWTwXffoxxOrendXT4v//Xl2x5iF4r8D7Q9Iy9caLFv5GrC3WnriR8fYPJ5K07YCophZddi+b3MBfSo3qzpbeyR9AX2e0cTy7HrXleY7uo4A/pytuD152p5Fc++t4dbf4wQzt8X/v8eA4j/jD3wY/1f8Wkk7EYVC4bNQ/C+8LeQN01IHckzenTWlYm3DROrQUixRTvkaQRwY/lYd0l5TZYdhx9Qr+yJjQRyHiAvHXtZkvWdtNHtvns6gliinp4a119Y8aD8jsLkBbs6OIIeVx7LTcoOsF+DXWTtW/C/+y+Mfwf9P/LUSi6iFwoW71kitzfWoHhcimGukfcJk7riMmvOUtGebURmZmlgFasWNFEkmJuObrfECo+TYOjw13o5bvRnpSZsHIl9vfGudRcqVUdYYtMlC6/mMPMV/3a/4b49/HP+vJ8xDBM6iTRQdt17PztnjM1IPm5etwZrIKP5ofhYzYmoky8T07DX/FWtmpb/FS3khB9bkyfgX/7m4xf+fMS68BP9X/ccFDGYqtxX1fRoYdX6hd15Wz9PufEwNrxJ7d97i/7NQ/CfQPmFGd2cJVg1Esb0T1OwyCuFwYowoJFmLpgqZWizV7dXI9sHqo1UPlPyenWZrHYdSi/aUpI3LfgD8XDH1nYn3XkxrrhheZcajtWpd4Lzaiv/Ffyj5PTvN1joOpZaX5P8dfw+zUBjB9wKu//+4UPhM3Mp/7ddKIgXqqR4ZJxoDfAXPKgRNpZ5BPE2BeWpHiw1wijh6Usg+FUT1RL22+mX1x4rT5tTie3G8Xll1wcgjx7z5hVPPERyz4lhrlalbG/eeLqK59taUlkPWUfy34xf/f8Zpc2rx347/zB+QziBaJJiY6wkYqf2Vz/vd8alrcjRG8X+Pb2EtzLnJbslGypKNIRXT6kdsT630xLqQiZVR3aNYFVeLPbu3RyJnNo5lC8RzE6nW2T2feY6zUPwv/n80/9s/IG2hvSBE0O7MjJJi1RZrp/nIn1k/xpa18ex7znG278gTxjlwnLUZqSdTQ2btezHYvmbPXcaGk8uqg6kJKP4ztqxN8X/MZqSeIf7XH5AuFAqFQoFA9NdKNHXpbUFFqslTezKup3Y8NZ1RKJoKB3hVYtWczduO9TyZALYijuZVbjsA+nn1nJ82v20eaS994fhEub1aLDvArpdZAyDiaf336tLyaTHlcW89WbGK/z/jWnaaffHfr+Ut+F+/VlIoFAqFAgH5f8leOJCHVCPaMc3Hy3kSx9rjnkqx1JS093IydUkbWZ/VG69HbD8tG+814Pcpgvf0otkwsa2nMOvJJ1p32XXk1QEnxhGM9/bW82VzM7mQ9JH+xf9/bWR9xX8+puZ7K//ll36shXMiBmu3C7KprM/sc1jdl2z8nr5k0LN1U/iJ0b70zkHxv/g/irfm//cN87voHV/8ySqXnbDUKKvwDyJuZAfEinXk+E5EqnhXrYzCnJ1rNTxFzNYh56L4X/yfibfl/68//6xHYMB//LVUqLb4IMY0vyh+puEn/LoAvQ52y0BC61Nbh1abNmaRV8bOzI9mF/lqdUkf65whxgF7vUR1WX30LmBaTohxQK/bW9M9vbHiMmsuOkevH9H8WL0t/sco/n8o/71fK2EWZeEnvnv21WlT/X5/eCR/2tzXesyj+P/m0G6YlrqIxhmVIfOcsBURkFNLQKwo2pqi+tknjTOoM9OXSElbNYEY12JAyeO9tnJFyk+bOyg23hNAa2OtS4CbG6bPnk00d9aa13Jna5dxrNzRWvR4CaMGb7z4X/yXPlB8X5r/9WslhZ2IbiaFQuF98fL8z9wwrbuwZgfYSiKb5xprY7IKg43NqJTeWIwf66vZMyofiONr6jVSpt64lZ89z56nsJFcQK7/IGu7XgO+Ws/Gl+NaHEtR96D43xeL8WN9Nfvi/0b+W1uyp/LeIvsqWHWMxBgBG2tG3a8Obfsjsotss3lHbGbHYnHHeo38iv+5WMX/N+b/k7dkv4td9XX3HiV41dOjanvPY1SNZXNhQpw23q7aR3FnDSO5n9C7VSj+F/93ga6B+WslgP3Yy/owakPzZY6P5PFyjqifUeWk2Xsxe+aFHbOOAXa/va2czNOLNafaBcvCQdiwmD2vssfZPmjvo9xyOwvg10zxf06srH8Us/hvYyr/66+VFAq/IW8IhULhc0DxX27JWtsNLTR10fpaqkSz1fy02Fo9lmKxapGqx1P7Mi6MOFBiesfYc43qtRS2Fi96b9UJwy47v60fDB9WyWo5rHXnKVKQdlaP5XGrLiTqzh6DGIdxzKsfyvkU//+NCxT/PRsoOd6S/8wTptUcBp7vSNw7cXfdT+tbtp6Z9a9amzv8R3Puyl/8/4ni/098FP+vGyaj5Kwxza8t5gu+0kMT8wxiM3VklR5EDT2wVL6ngtjzZPw9ZWg9CcB4D3Dz0ub8Mvy0eAD/v0vJXsq4kb8Xo607Ajtfl22bA837NlZUa29Nh3NcWwtA8R9OPAbFf91Piwe8MP9/wS4gS0ZpcwRj8n3mYtG7sA/jp1WDVZMcj15HeRHkiPw9MllEst5nbQ7H7qqFvYB5eZmeHUR8hnhRXC2HZhv17UT+HFnb3nll/Iv/xf+P5H/vF35a4kicGIs5ipE47AVlVq1er7I5IjJm54W1Px0f9qI+q59e/B6iSJxOjh6sOm8PvfxsUfyfg+I/Z9eL6fxvb5jyZJmGMepkJmaQfTe8i0qmVyPn3qo3Nk6P2r/jBsBiRm2rLpQz13UUi72gFv/noPj/DEzh/5cTMJtgx2KOyH4Gx+/ArItK74Sf8LdkCjZG143lP8o1Nk/Grvi/BsX/18U/66ZnS5a9COwG87nKu8K7UDxhXrTXd9WQwej2VtT7s/OYl+cg7XpR/H8eiv98DRn807ueG+aTJuBCu+UwM+5dyNaifditfWngDjxhy2Z23hWft2U//7kLxf/1KP6vq2EIK/6Xn1XbWBeODh8GTFN3fdb0hM/bes812h67C5l6VqjiaLvwIO0z+e6Yg+I/h+L/Xkzh/+wb5owtgJ37+3fmyX4I3xO7xahqzfo97Qmp62vkwJKnyZHxTL7dc1D8z8cq/u/BFP7LG2bP5GkfKN+tMiJ1vVoFZ7Dzm3JZzP42p1RuK9bHk+b21VD85+PPQvF/LpbOrfa3MLPwvgX2pD3rMziOwCcTX46PTGLr733m1XuBmP3NSe98pXJbsT7ueMIZxVNu0sV/2ycTX44X///1f0n+P+kvlcy+aPRMdhSjx5ZdGGfSP3N+vce+0bOVMzvmqF8mxux1yOSbceE4jdevguJ/zr/4vyYG/YR5N8lGFtV1zFM3s7cXvBp6/Far8d7zfZIK7PVjny5WzMMxeLwnz4ztt90o/q9F8T+OEc6D9x8X7MRp/JSIlJKnbmYozgismrygbbWsQm01zrN7Mp50YWRR/F+P4v8EO29LdufJHsbPDO6enIjsGu66SO3q1ehnRaO2M31X4q4vkXgo/vflL/7/xdvx37thznj83QlZb7aO0bpHyM4g2nLKYMVnDOxWmHZsxmdFK31Xr+knqv/if1/+4j833h57Gf7/H0UGEoKzp+LZAAAAAElFTkSuQmCC");
  background-position: center !important;
  background-size: contain;
}

._emptyMessage_1fs5y_34 {
  width: 100%;
  height: 230px !important;
  font-size: 0.875rem;
  display: grid;
  place-items: center;
}
._itemCard_1ne30_1 {
  border-radius: 6px !important;
  color: white !important;
  border: none !important;
  background-position: center !important;
  background-size: cover;
  overflow: hidden;
  height: 111px !important;
  position: relative;
  background-color: gray !important;
}

._itemName_1ne30_13 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: fit-content !important;
}

._itemDesc_1ne30_19 {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  width: fit-content !important;
}

._subsLevel_1ne30_25 {
  font-size: 0.688rem !important;
  text-transform: capitalize !important;
  background-color: white !important;
  width: fit-content !important;
  padding: 0.2rem 0.875rem !important;
  border-radius: 6px !important;
}

._itemTextContentsOverlay_1ne30_34 {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 15px;

  -webkit-mask-image: linear-gradient(to right,
      rgba(0, 0, 0, 1),
      rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));

  position: absolute;
  inset: 0;
  width: 70%;

  border-radius: 6px;
}

._itemTextContents_1ne30_34 {
  z-index: 40;
  display: flex;
  position: absolute;
  inset: 0;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem 1rem;
}

._itemList_1ne30_62 {
  display: grid;
  gap: 0.5rem;
  overflow: auto;
  height: 230px !important;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

._itemList_1ne30_62::-webkit-scrollbar {
  display: none;
}
._moreButton_12k8f_1 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._header_12k8f_6 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._title_12k8f_12 {
  font-size: 1rem !important;
  margin: 0 !important;
}

._card_12k8f_17 {
  position: relative !important;
}

._card_12k8f_17::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  z-index: 50 !important;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABBCAYAAABcgpQ0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA6tSURBVHgB7V2Lctu6Dlzl9v9/WfdkWk0ZFI8FX5Jt7EwnNoWXQK60op3mOM/zAPD978RvtK/RjOHP+NH8RODn+Wq2UGJJWy1vCy+uFaMda+Mchr+szerZqbyPem35WnWdQT7pL3E6tt58Q7GP/LweeP3S8mo4jNyA3RsQ9jIHYHMAxph1LsxcejVYMRAcs9Zh8f/vseJ/8f8Hfv33738oFAqFQqHg4vuG+fXntXWXjRSnHGvHtZhQ4mvjWj4mfqRGvZyRkmbP0VLu7TEo/lENFqxz9vqm+cqavNdWrrPTLqM0vXOEYQfE82fNVbRutNheD9i8Gqw59Ww1dc+cY/G/+F/8b2yuJ0yNFHDGXwnMRejJYOdg93m+w9oo/Ebx/7ko/j8I1xOmpkQYVRPZZNGjRntse2vPKBpWHUaxv8e/SDtPDbN9ZeJnMWutsEo28mHiZ45l4llrIzNnWZ/oKbj4Px63+G/jbfg/+hmmLHiWfTau5a/FsbYBENj21pD1gVLLaD9WQOtjZNcTm7WJ3nvjI/X3zo1182LzWGuW9Z+B4n9cQ9YHSi3F/9hmC//rSz+FQqFQKBC4bpitUrjAqF5AV2mWwutRfp5/pCIsxSZtodhpuVobRuFnlJel2KIYUT3avET1Rk8zXq0w3jP9knVYY149lm1bh9Wj1ka+BuI5Ycaz6yha89FTUoRsr7z6kKi1+F/8j+qwxm7jf/st2UKhUCgUCgasLVnvLsvCUmdPRU+90VPDrJpmY3ROo7HeWHegp44Z5zzSy8hOW5dZ/+I/5wMU/z+G//IJ03u0lfCO9WB2vB35Vta8ux898LZJsnEyvq/QmwgzzyETq3ebMBOnB8X/fbFn4eP4f8eXfkaUZ1b9HQmbO54aZj1RjNj3qMZZ6nC3ytyRj+3d988v5RgM/1lr/8q7u/dt/uJ/fKzHrse++J+A9RmmVA7aa8s+Ohapg0ht9KiLnrrb43LLxfKPPnxm6rY+lM6cMzMfvfOqbT+dRnxg7PzZ+fFsR/vZ89Q1ssZljJ780XhvX4v/xf+P5v/qJ0y52Ar3Ytd8rM5T68rGk3pT8/QsFP8H0f5aiaUIIpXV2srXFjQVaY1lFLPcGmHUnnd+kUqKcgC2QmOUq6YGodh57zWcQR6mP4cRE+BVJ8D1A05sGQNObGs9A9w5WWMyh1Zz65vxs+bBs2c4iyBu8b/4L21g1N7GBN6Y//VrJZ8N5uJWKBTeE8X/JNgtWe3um7HXlLXmI3EEsS1lzNTUjlkKSlOLR+A7E705GJVo+VjvAbvHmTyyPq+3jK0WN8qbGQdyqjSTVzs+ep4jcz5qZ9kX//tQ/H8Y/6NfK1mBHTlYaIsqsttRC2M3UlPGV16QVmFmj3tiZX12z8OOeMX/2G5HLYxd8X9uLMonesLsVTY9Y7PRq0Jm5dkdYxZGa3nSuWTwXffoxxOrendXT4v//Xl2x5iF4r8D7Q9Iy9caLFv5GrC3WnriR8fYPJ5K07YCophZddi+b3MBfSo3qzpbeyR9AX2e0cTy7HrXleY7uo4A/pytuD152p5Fc++t4dbf4wQzt8X/v8eA4j/jD3wY/1f8Wkk7EYVC4bNQ/C+8LeQN01IHckzenTWlYm3DROrQUixRTvkaQRwY/lYd0l5TZYdhx9Qr+yJjQRyHiAvHXtZkvWdtNHtvns6gliinp4a119Y8aD8jsLkBbs6OIIeVx7LTcoOsF+DXWTtW/C/+y+Mfwf9P/LUSi6iFwoW71kitzfWoHhcimGukfcJk7riMmvOUtGebURmZmlgFasWNFEkmJuObrfECo+TYOjw13o5bvRnpSZsHIl9vfGudRcqVUdYYtMlC6/mMPMV/3a/4b49/HP+vJ8xDBM6iTRQdt17PztnjM1IPm5etwZrIKP5ofhYzYmoky8T07DX/FWtmpb/FS3khB9bkyfgX/7m4xf+fMS68BP9X/ccFDGYqtxX1fRoYdX6hd15Wz9PufEwNrxJ7d97i/7NQ/CfQPmFGd2cJVg1Esb0T1OwyCuFwYowoJFmLpgqZWizV7dXI9sHqo1UPlPyenWZrHYdSi/aUpI3LfgD8XDH1nYn3XkxrrhheZcajtWpd4Lzaiv/Ffyj5PTvN1joOpZaX5P8dfw+zUBjB9wKu//+4UPhM3Mp/7ddKIgXqqR4ZJxoDfAXPKgRNpZ5BPE2BeWpHiw1wijh6Usg+FUT1RL22+mX1x4rT5tTie3G8Xll1wcgjx7z5hVPPERyz4lhrlalbG/eeLqK59taUlkPWUfy34xf/f8Zpc2rx347/zB+QziBaJJiY6wkYqf2Vz/vd8alrcjRG8X+Pb2EtzLnJbslGypKNIRXT6kdsT630xLqQiZVR3aNYFVeLPbu3RyJnNo5lC8RzE6nW2T2feY6zUPwv/n80/9s/IG2hvSBE0O7MjJJi1RZrp/nIn1k/xpa18ex7znG278gTxjlwnLUZqSdTQ2btezHYvmbPXcaGk8uqg6kJKP4ztqxN8X/MZqSeIf7XH5AuFAqFQoFA9NdKNHXpbUFFqslTezKup3Y8NZ1RKJoKB3hVYtWczduO9TyZALYijuZVbjsA+nn1nJ82v20eaS994fhEub1aLDvArpdZAyDiaf336tLyaTHlcW89WbGK/z/jWnaaffHfr+Ut+F+/VlIoFAqFAgH5f8leOJCHVCPaMc3Hy3kSx9rjnkqx1JS093IydUkbWZ/VG69HbD8tG+814Pcpgvf0otkwsa2nMOvJJ1p32XXk1QEnxhGM9/bW82VzM7mQ9JH+xf9/bWR9xX8+puZ7K//ll36shXMiBmu3C7KprM/sc1jdl2z8nr5k0LN1U/iJ0b70zkHxv/g/irfm//cN87voHV/8ySqXnbDUKKvwDyJuZAfEinXk+E5EqnhXrYzCnJ1rNTxFzNYh56L4X/yfibfl/68//6xHYMB//LVUqLb4IMY0vyh+puEn/LoAvQ52y0BC61Nbh1abNmaRV8bOzI9mF/lqdUkf65whxgF7vUR1WX30LmBaTohxQK/bW9M9vbHiMmsuOkevH9H8WL0t/sco/n8o/71fK2EWZeEnvnv21WlT/X5/eCR/2tzXesyj+P/m0G6YlrqIxhmVIfOcsBURkFNLQKwo2pqi+tknjTOoM9OXSElbNYEY12JAyeO9tnJFyk+bOyg23hNAa2OtS4CbG6bPnk00d9aa13Jna5dxrNzRWvR4CaMGb7z4X/yXPlB8X5r/9WslhZ2IbiaFQuF98fL8z9wwrbuwZgfYSiKb5xprY7IKg43NqJTeWIwf66vZMyofiONr6jVSpt64lZ89z56nsJFcQK7/IGu7XgO+Ws/Gl+NaHEtR96D43xeL8WN9Nfvi/0b+W1uyp/LeIvsqWHWMxBgBG2tG3a8Obfsjsotss3lHbGbHYnHHeo38iv+5WMX/N+b/k7dkv4td9XX3HiV41dOjanvPY1SNZXNhQpw23q7aR3FnDSO5n9C7VSj+F/93ga6B+WslgP3Yy/owakPzZY6P5PFyjqifUeWk2Xsxe+aFHbOOAXa/va2czNOLNafaBcvCQdiwmD2vssfZPmjvo9xyOwvg10zxf06srH8Us/hvYyr/66+VFAq/IW8IhULhc0DxX27JWtsNLTR10fpaqkSz1fy02Fo9lmKxapGqx1P7Mi6MOFBiesfYc43qtRS2Fi96b9UJwy47v60fDB9WyWo5rHXnKVKQdlaP5XGrLiTqzh6DGIdxzKsfyvkU//+NCxT/PRsoOd6S/8wTptUcBp7vSNw7cXfdT+tbtp6Z9a9amzv8R3Puyl/8/4ni/098FP+vGyaj5Kwxza8t5gu+0kMT8wxiM3VklR5EDT2wVL6ngtjzZPw9ZWg9CcB4D3Dz0ub8Mvy0eAD/v0vJXsq4kb8Xo607Ajtfl22bA837NlZUa29Nh3NcWwtA8R9OPAbFf91Piwe8MP9/wS4gS0ZpcwRj8n3mYtG7sA/jp1WDVZMcj15HeRHkiPw9MllEst5nbQ7H7qqFvYB5eZmeHUR8hnhRXC2HZhv17UT+HFnb3nll/Iv/xf+P5H/vF35a4kicGIs5ipE47AVlVq1er7I5IjJm54W1Px0f9qI+q59e/B6iSJxOjh6sOm8PvfxsUfyfg+I/Z9eL6fxvb5jyZJmGMepkJmaQfTe8i0qmVyPn3qo3Nk6P2r/jBsBiRm2rLpQz13UUi72gFv/noPj/DEzh/5cTMJtgx2KOyH4Gx+/ArItK74Sf8LdkCjZG143lP8o1Nk/Grvi/BsX/18U/66ZnS5a9COwG87nKu8K7UDxhXrTXd9WQwej2VtT7s/OYl+cg7XpR/H8eiv98DRn807ueG+aTJuBCu+UwM+5dyNaifditfWngDjxhy2Z23hWft2U//7kLxf/1KP6vq2EIK/6Xn1XbWBeODh8GTFN3fdb0hM/bes812h67C5l6VqjiaLvwIO0z+e6Yg+I/h+L/Xkzh/+wb5owtgJ37+3fmyX4I3xO7xahqzfo97Qmp62vkwJKnyZHxTL7dc1D8z8cq/u/BFP7LG2bP5GkfKN+tMiJ1vVoFZ7Dzm3JZzP42p1RuK9bHk+b21VD85+PPQvF/LpbOrfa3MLPwvgX2pD3rMziOwCcTX46PTGLr733m1XuBmP3NSe98pXJbsT7ueMIZxVNu0sV/2ycTX44X///1f0n+P+kvlcy+aPRMdhSjx5ZdGGfSP3N+vce+0bOVMzvmqF8mxux1yOSbceE4jdevguJ/zr/4vyYG/YR5N8lGFtV1zFM3s7cXvBp6/Far8d7zfZIK7PVjny5WzMMxeLwnz4ztt90o/q9F8T+OEc6D9x8X7MRp/JSIlJKnbmYozgismrygbbWsQm01zrN7Mp50YWRR/F+P4v8EO29LdufJHsbPDO6enIjsGu66SO3q1ehnRaO2M31X4q4vkXgo/vflL/7/xdvx37thznj83QlZb7aO0bpHyM4g2nLKYMVnDOxWmHZsxmdFK31Xr+knqv/if1/+4j833h57Gf7/H0UGEoKzp+LZAAAAAElFTkSuQmCC");
  background-position: center !important;
  background-size: contain;
}

._emptyMessage_12k8f_33 {
  width: 100%;
  height: 230px !important;
  font-size: 0.875rem;
  display: grid;
  place-items: center;
}
._itemCard_ywtl7_1 {
  border-radius: 6px !important;
  color: white !important;
  border: none !important;
  background-position: center !important;
  background-size: cover;
  overflow: hidden;
  overflow: hidden;
  height: 111px !important;
  position: relative;
}

._itemName_ywtl7_13 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  width: fit-content !important;
}

._itemDesc_ywtl7_19 {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  width: fit-content !important;
}

._itemBadge_ywtl7_25 {
  background-color: white !important;
  width: fit-content !important;
  padding: 0.255rem 1rem !important;
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  margin-top: 0.5rem !important;
  display: grid !important;
  place-items: center !important;
}

._itemBadgeText_ywtl7_36 {
  font-size: 0.688rem !important;
  background: linear-gradient(90deg, #ffd700, #ff8c00);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  margin: 0 !important;
  text-transform: capitalize;
}

._itemTextContentsOverlay_ywtl7_47 {
  background-color: black;
  position: absolute;
  inset: 0;
  opacity: 0.3;
}

._itemTextContents_ywtl7_47 {
  z-index: 40;
  display: flex;
  position: absolute;
  inset: 0;
  flex-direction: column;
  gap: 0.1rem;
  padding: 0.5rem 1rem;
}

._itemList_ywtl7_64 {
  display: grid;
  gap: 0.5rem;
  overflow: auto;

  height: 230px !important;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

._itemList_ywtl7_64::-webkit-scrollbar {
  display: none;
}

._itemDesc_ywtl7_19 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  max-width: 80%;
}
._header_1f69p_1 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 0.9rem !important;
}

._title_1f69p_8 {
  font-size: 1rem !important;
  margin: 0 !important;
}

._card_1f69p_13 {
  /* height: calc(100svh - 315.73px); */
  height: 650.34px !important;
  overflow: hidden;
}

/**/
/* .card::after { */
/*   content: ""; */
/*   position: absolute; */
/*   bottom: 0; */
/*   width: 100%; */
/*   height: 100px; */
/*   z-index: 50 !important; */
/*   background-image: url("../../../../../../assets/Summary/mask_bigger.png") !important; */
/*   background-position: center !important; */
/*   background-size: contain; */
/*   filter: brightness(5) !important; */
/* } */

._roomList_1f69p_33 {
  display: grid !important;
  gap: 0.5rem !important;
  overflow: auto;
  height: calc(100svh - 396.7px);

  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

._roomList_1f69p_33::-webkit-scrollbar {
  display: none !important;
}

._subCardTitle_1f69p_47 {
  font-size: 1rem !important;
  margin: 0 !important;
  font-weight: bold;
}

._moreButton_1f69p_53 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._subCardHeader_1f69p_58 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background-color: white !important;
  border: none !important;
}

._eventDetails_1f69p_66 {
  display: grid;
}

._eventName_1f69p_70 {
  font-size: 0.875rem;
  font-weight: 500;
}

._eventSpeaker_1f69p_75 {
  font-size: 0.813rem;
}

._eventDate_1f69p_79 {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  font-size: 0.875rem;
  display: flex;
  gap: 0.8rem;
  padding: 0.125rem 0.8rem;
  align-items: center;
  width: fit-content;
  background-color: white !important;
}

._eventCard_1f69p_91 {
  background-color: #f9f9f9 !important;
  border: none !important;
  display: flex;
  justify-content: space-between;
}

._event_1f69p_66 {
  display: flex !important;
  justify-content: space-between !important;
}

._topicList_1f69p_103 {
  display: grid !important;
  gap: 0.5rem !important;
}

._emptyMessage_1f69p_108 {
  background-color: #f9f9f9 !important;
  font-size: 0.813rem;
  padding: 0.8rem 0.5rem;
  border-radius: 6px;
}


._card_nmmjs_5 {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-style: normal;
  max-width: 1200px !important;
  width: 100% !important;
}

._header_nmmjs_21 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._title_nmmjs_33 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

._headerActions_nmmjs_45 {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._searchButton_nmmjs_57 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._searchInput_nmmjs_67 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
}

._dropdown_nmmjs_77 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

._dropdownToggle_nmmjs_89 {
  display: flex !important;
  gap: 2rem !important;
  align-items: center !important;

  font-size: 0.9rem !important;
  border: none !important;
}

._dropdownMenu_nmmjs_107 {
  font-size: 0.875rem !important;
  padding: 0 !important;
}

._dropdownMenu_nmmjs_107> :nth-child(-n + 1) {
  border-bottom: 1px solid #e3e3e3 !important;
}

._dropdownItem_nmmjs_125 {
  display: flex !important;
  gap: 0.8rem !important;
  align-items: center !important;
}

._dropdownItem_nmmjs_125:active {
  background-color: #7534e5 !important;
}

._tableHeaderRole_nmmjs_145,
._tableHeaderMobile_nmmjs_147,
._tableHeaderEmail_nmmjs_149 {
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._tableHeaderRole_nmmjs_145 {
  width: 95% !important;
}

._checkboxContainer_nmmjs_169 {
  width: 13px !important;
  height: 13px !important;
  padding: 0.2rem !important;
  padding-left: 0.5rem !important;
}

._tableCheckbox_nmmjs_183 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid #e3e3e3;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

._tableCheckbox_nmmjs_183:checked {
  background-color: #7534e5;
  border-color: #7534e5;
}

._tableCheckbox_nmmjs_183:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centering the checkmark */
  font-size: 0.8rem;
  /* Size of the checkmark */
  color: white;
}

._roleName_nmmjs_247,
._roleMobile_nmmjs_249 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
}

._roleName_nmmjs_247 {
  font-weight: 500 !important;
  color: black !important;
}

._tableRow_nmmjs_269 {
  align-items: center !important;
}

._moreButton_nmmjs_277 {
  padding: 0 !important;
  border: none !important;
  display: grid !important;
  place-items: center !important;
  padding-top: 0.1rem !important;
}

._moreButton_nmmjs_277::after {
  display: none !important;
}

._footer_nmmjs_301 {
  display: flex !important;
  gap: 0.5rem !important;
  justify-content: end !important;
}

._paginationButton_nmmjs_313 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  border-radius: 6px !important;
}

._body_nmmjs_325 {
  padding: 0 !important;
}

._table_nmmjs_145 {
  margin: 0 !important;
}

._loading_nmmjs_341 {
  text-align: center !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._contentContainer_1eokg_1 {
  padding: 1.5rem !important;
}
._editForm_qbd17_1 {
  padding: 1.3rem !important;
  padding-bottom: 59px !important;
  height: calc(100svh - 118.36px) !important;
  position: relative !important;
  overflow: auto !important;
}

._customInput_qbd17_9 {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 0.375rem 1rem !important;
  width: 743px !important;
}

._customInputController_qbd17_16 {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0 !important;
  border-radius: none !important;

  -ms-text-overflow: none !important;
  scrollbar-width: none !important;
}

._customInputController_qbd17_16::-webkit-scrollbar {
  display: none !important;
}

._customInputLabel_qbd17_31 {
  font-size: 0.85rem !important;
  z-index: 0 !important;
  margin: 0 !important;
}

._formContainer_qbd17_37 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

._tableContainer_qbd17_43 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  height: fit-content !important;
}

._checkboxContainer_qbd17_49 {
  width: 13px !important;
  height: 13px !important;
}

._tableCheckbox_qbd17_54 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1.5px solid black;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

._tableCheckbox_qbd17_54:checked {
  background-color: #7534e5;
  border-color: #7534e5;
}

._tableCheckbox_qbd17_54:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  color: white;
}

._head_qbd17_84 {
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._head_qbd17_84> :not(:first-child) {
  width: 150px !important;
}

._table_qbd17_43 {
  margin-bottom: 0 !important;
}

._saveFooter_qbd17_97 {
  position: fixed !important;
  background-color: white !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  justify-content: end !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.5rem !important;
}

._saveButton_qbd17_108 {
  background-color: #7534e5 !important;
  color: white !important;
  padding: 0.25rem 1rem !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  border-radius: 6px !important;
}

._moduleName_qbd17_119 {
  text-transform: capitalize !important;
}
._toast_1uceb_1 {
  margin: 0.5rem !important;
  z-index: 999 !important;
}

._toastClose_1uceb_6 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

._toastContainer_1uceb_11 {
  z-index: 999 !important;
}
._topbar_q6efi_1 {
  display: flex !important;
  justify-content: space-between !important;
  border-bottom: 1px solid #e3e3e3 !important;
  padding: 0.6rem 2rem !important;
}

._header_q6efi_8 {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
}

._backButton_q6efi_14 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

._heading_q6efi_19 {
  font-size: 1rem !important;
  margin: 0 !important;
}

._actions_q6efi_24 {
  display: flex !important;
  align-items: center !important;
  gap: 1rem !important;
}

._actionButton_q6efi_30 {
  border: 1px solid #e3e3e3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
}

._addRoleMemberButton_q6efi_39 {
  background-color: #7534e5 !important;
  border: none !important;
  color: white !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0.255rem 1rem !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._editForm_1y8t0_1 {
  padding: 1.3rem !important;
  padding-bottom: 59px !important;
  height: calc(100svh - 136.36px) !important;
  position: relative !important;
  overflow: auto !important;
}

._customInput_1y8t0_9 {
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  padding: 0.375rem 1rem !important;
  width: 743px !important;
}

._customInputController_1y8t0_16 {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0.125rem 0 !important;
  border-radius: none !important;

  -ms-text-overflow: none !important;
  scrollbar-width: none !important;
}

._customInputController_1y8t0_16::-webkit-scrollbar {
  display: none !important;
}

._customInputLabel_1y8t0_31 {
  font-size: 0.85rem !important;
  z-index: 0 !important;
  margin: 0 !important;
}

._formContainer_1y8t0_37 {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

._tableContainer_1y8t0_43 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  height: fit-content !important;
}

._checkboxContainer_1y8t0_49 {
  width: 13px !important;
  height: 13px !important;
}

._tableCheckbox_1y8t0_54 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 1.5px solid black;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

._tableCheckbox_1y8t0_54:checked {
  background-color: #7534e5;
  border-color: #7534e5;
}

._tableCheckbox_1y8t0_54:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.8rem;
  color: white;
}

._head_1y8t0_84 {
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._head_1y8t0_84> :not(:first-child) {
  width: 150px !important;
}

._table_1y8t0_43 {
  margin-bottom: 0 !important;
}

._saveFooter_1y8t0_97 {
  position: fixed !important;
  background-color: white !important;
  bottom: 0 !important;
  left: 0 !important;
  display: flex !important;
  justify-content: end !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.8rem 1rem !important;
}

._saveButton_1y8t0_108 {
  background-color: #7534e5 !important;
  color: white !important;
  padding: 0.25rem 1rem !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.2rem !important;
  border-radius: 6px !important;
}

._moduleName_1y8t0_119 {
  text-transform: capitalize !important;
}


._card_rcgrt_3 {
  font-family: "Inter", serif;
  font-optical-sizing: auto;
  font-style: normal;
  max-width: 1200px !important;
  width: 100% !important;
}

._header_rcgrt_11 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._title_rcgrt_17 {
  font-size: 1rem !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

._headerActions_rcgrt_23 {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._searchButton_rcgrt_29 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._searchInput_rcgrt_34 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
}

._dropdown_rcgrt_39 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

._dropdownToggle_rcgrt_45 {
  display: flex !important;
  gap: 2rem !important;
  align-items: center !important;

  font-size: 0.9rem !important;
  border: none !important;
}

._dropdownMenu_rcgrt_54 {
  font-size: 0.875rem !important;
  padding: 0 !important;
}

._dropdownMenu_rcgrt_54> :nth-child(-n + 1) {
  border-bottom: 1px solid #e3e3e3 !important;
}

._dropdownItem_rcgrt_63 {
  display: flex !important;
  gap: 0.8rem !important;
  align-items: center !important;
}

._dropdownItem_rcgrt_63:active {
  background-color: #7534e5 !important;
}

._tableHeaderRole_rcgrt_73,
._tableHeaderMobile_rcgrt_74,
._tableHeaderEmail_rcgrt_75 {
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._tableHeaderRole_rcgrt_73 {
  width: 50% !important;
}

._checkboxContainer_rcgrt_85 {
  width: 13px !important;
  height: 13px !important;
  padding: 0.2rem !important;
  padding-left: 0.5rem !important;
}

._tableCheckbox_rcgrt_92 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border: 2px solid #e3e3e3;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
  transition:
    background-color 0.3s,
    border-color 0.3s;
}

._tableCheckbox_rcgrt_92:checked {
  background-color: #7534e5;
  border-color: #7534e5;
}

._tableCheckbox_rcgrt_92:checked::after {
  content: "✔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* Centering the checkmark */
  font-size: 0.8rem;
  /* Size of the checkmark */
  color: white;
}

._roleName_rcgrt_124,
._roleMobile_rcgrt_125,
._roleEmail_rcgrt_126 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
}

._roleName_rcgrt_124 {
  font-weight: 500 !important;
  color: black !important;
}

._tableRow_rcgrt_136 {
  align-items: center !important;
}

._moreButton_rcgrt_140 {
  padding: 0 !important;
  border: none !important;
  display: grid !important;
  place-items: center !important;
  padding-top: 0.1rem !important;
}

._moreButton_rcgrt_140::after {
  display: none !important;
}

._footer_rcgrt_152 {
  display: flex !important;
  gap: 0.5rem !important;
  justify-content: end !important;
}

._paginationButton_rcgrt_158 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  border-radius: 6px !important;
}

._body_rcgrt_164 {
  padding: 0 !important;
}

._table_rcgrt_73 {
  margin: 0 !important;
}

._loading_rcgrt_172 {
  text-align: center !important;
}
._headerMessage_1upx8_1 {
  font-size: 1rem !important;
  font-weight: 500 !important;
}

._message_1upx8_6 {
  font-size: 0.875rem !important;
  font-weight: 300 !important;
}

._footerContainer_1upx8_11 {
  padding: 0.5rem 1rem !important;
}

._cancel_1upx8_15 {
  background-color: #7534e5 !important;
  border-radius: 6px !important;
  color: white !important;
  padding: 0.3rem 1rem !important;
  font-weight: 500 !important;
}

._action_1upx8_23 {
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.3rem 1rem !important;
}
._contentContainer_1eokg_1 {
  padding: 1.5rem !important;
}
._title_1yz6f_1 {
  font-size: 1rem !important;
}

._footer_1yz6f_5 {
  padding: 0.4rem 1rem !important;
}

._cancelButton_1yz6f_9,
._doneButton_1yz6f_10 {
  border-radius: 6px !important;
  font-weight: 500 !important;
  padding: 0.25rem 1rem !important;
}

._cancelButton_1yz6f_9 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._doneButton_1yz6f_10 {
  border: 1px solid #7534e5 !important;
  background-color: #7534e5 !important;
  color: white !important;
}
._body_x0qs9_1 {
  padding: 1.5rem !important;
}

._cardHeader_x0qs9_5 {
  display: flex !important;
  justify-content: space-between !important;
}

._search_x0qs9_10,
._pagination_x0qs9_11 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

._searchInput_x0qs9_17 {
  box-shadow: none !important;
  border: 1px solid #e3e3e3 !important;
  font-size: 0.81rem !important;
}

._searchButton_x0qs9_23,
._paginationButton_x0qs9_24,
._addButton_x0qs9_25 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._cardBody_x0qs9_30 {
  padding: 0 !important;
  min-height: 486.7px !important;
}

._table_x0qs9_35 {
  margin: 0 !important;
}

._avatarContainer_x0qs9_39 {
  width: 44px !important;
}

._avatar_x0qs9_39 {
  width: 28px !important;
  aspect-ratio: 1/1;
  background-image: linear-gradient(to bottom, #d9d9d9, #999999);
  border-radius: 50%;
  display: grid !important;
  place-items: center !important;
  color: white !important;
}

._name_x0qs9_53,
._email_x0qs9_54,
._mobile_x0qs9_55 {
  font-size: 0.875rem !important;
  vertical-align: middle !important;
}

._name_x0qs9_53 {
  font-weight: 500 !important;
}
._title_1ku5p_1 {
  font-size: 1rem !important;
  color: #4a4a4a !important;
}

._body_1ku5p_6 {
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  padding: 0.5rem 1rem !important;
}

._name_1ku5p_13,
._email_1ku5p_14 {
  line-height: 100%;
  font-size: 0.875rem !important;
}

._name_1ku5p_13 {
  color: black !important;
}

._email_1ku5p_14 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
  font-weight: 300 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  /* Adjust the width as needed */
  display: inline-block;
}

._removeButton_1ku5p_35 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  margin-left: auto !important;
}

._avatar_1ku5p_41 {
  width: 28px !important;
  aspect-ratio: 1/1;
  background-image: linear-gradient(to bottom, #d9d9d9, #999999);
  border-radius: 50%;
  display: grid !important;
  place-items: center !important;
  color: white !important;
}

._addedUserList_1ku5p_51 {
  display: grid !important;
  gap: 0.5rem !important;
  max-height: 506.55px !important;
  overflow-y: auto !important;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

._addedUserList_1ku5p_51::-webkit-scrollbar {
  display: none !important;
}


._chatContainer_ni1w3_3 {
  display: flex !important;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  position: relative !important;
}

._mainContent_ni1w3_11 {
  width: 100% !important;
  margin-left: 0.001rem !important;
}

._communityChat_ni1w3_16 {
  transition: width 0.3s ease-in-out !important;
}

._empty_ni1w3_20 {
  padding: 1rem 0 !important;
  height: calc(100svh - 116.28px) !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  color: #8b8b8c !important;
}
._messageBubble_9n9x5_1 {
  display: grid !important;
  grid-template-columns: 36px 1fr !important;
  gap: 0.3rem !important;
  align-items: start !important;
  justify-content: start !important;
  margin-top: 1rem !important;
}

._ownMessageBubble_9n9x5_10 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 0.3rem !important;
  margin-top: 1rem !important;
}

._name_9n9x5_18 {
  color: #b8b8b8 !important;
  font-size: 0.875rem !important;
  /* position: absolute !important; */
  top: -1.5rem !important;
  white-space: nowrap !important;
  grid-area: 1 / 2;
}

._message_9n9x5_1 {
  /* position: relative !important; */
  display: flex !important;
  flex-direction: column !important;
  align-items: start !important;
}

._messageContainer_9n9x5_34 {
  grid-area: 2 / 2;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._messageWrapper_9n9x5_41 {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;

  width: 70% !important;
  max-width: 500px;
}

._ownMessageWrapper_9n9x5_50 {
  display: flex !important;
  flex-direction: row-reverse !important;
  gap: 0.5rem !important;
  max-width: 500px !important;
}

._replyButton_9n9x5_57 {
  border: none !important;
}

._repliedMessage_9n9x5_61 {
  background-color: #e8d4fc !important;
  padding: 0.5rem 1rem !important;
  border-radius: 6px !important;
  margin-bottom: 0.2rem;
  cursor: pointer;
  max-width: 400px;
}

._repliedImage_9n9x5_70 {
  background-color: #e8d4fc !important;
  padding: 0.5rem 1rem !important;
  border-radius: 6px !important;

  max-width: 500px;
}

._replyToText_9n9x5_78 {
  font-size: 0.9rem !important;
}

._replyToFile_9n9x5_82 {
  font-style: italic !important;
}

._replyToImage_9n9x5_86 {
  max-width: 100%;
}
._avatar_1rf3s_1 {
  background-image: linear-gradient(to bottom, #d9d9d9, #999999) !important;
  width: 36px !important;
  height: 36px !important;
  display: grid !important;
  place-items: center !important;
  color: white !important;
  border-radius: 50% !important;
  font-size: 0.964rem !important;
  flex: 0 0 auto !important;
  grid-area: 2 / 1;
}
._fileMessage_1xxze_1 {
  display: flex !important;
  align-items: center !important;
  background-color: #f4f4f4 !important;
  padding: 0.5rem 1rem !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  gap: 1rem !important;
}

._downloadButton_1xxze_11 {
  padding: 0.2rem !important;
  border: none !important;
}

._fileName_1xxze_16 {
  font-style: italic !important;
}
._image_1epv2_1 {
  width: fit-content !important;
  border: 1px solid #e3e3e3 !important;
  max-width: 100%;
  border-radius: 10px !important;
}
._textMessage_26cgn_1 {
  border-radius: 10px !important;
  padding: 0.5rem 1rem !important;
}
._chatWindow_1lt6q_1 {
  padding: 1rem 0 !important;
  overflow: hidden !important;
}

._chatContainer_1lt6q_6 {
  display: flex !important;
  flex-direction: column-reverse !important;
  gap: 1rem !important;
  height: 100%;
  overflow-y: auto !important;
  /**/
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  position: relative;
}

._chatContainer_1lt6q_6::-webkit-scrollbar {
  display: none !important;
}

._loadMoreWrapper_1lt6q_22 {
  width: 100% !important;
  display: grid !important;
  place-items: center !important;
}

._loadMoreButton_1lt6q_28 {
  width: fit-content !important;
  background-color: #7534e5 !important;
  color: white !important;
}

._loadingWrapper_1lt6q_34 {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
}

._loadingText_1lt6q_40 {
  font-size: 0.875rem !important;
}

._seeLatestButton_1lt6q_44 {
  background-color: #e3e3e3 !important;
  width: fit-content !important;
  position: fixed !important;
  left: 50%;
  bottom: 70px !important;
  transform: translate(-65%, -50%);
  border: none !important;
}
._messageInput_25s8r_1 {
  padding: 0.5rem 1rem !important;
  border: 1px solid #e3e3e3 !important;
}

._inputs_25s8r_6 {
  display: flex !important;
  gap: 1rem !important;
}

._attachmentButton_25s8r_11 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.4rem !important;
  aspect-ratio: 1/1 !important;
  margin: 0 !important;
  cursor: pointer !important;
}

._textInput_25s8r_20 {
  color: #4a4a4a !important;
  font-size: 0.813rem !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #e3e3e3 !important;
  padding: 0.4rem 0.5rem !important;
  box-shadow: none !important;
}

._sendButton_25s8r_29 {
  display: flex !important;
  background-color: #7534e5 !important;
  color: white !important;
  border-radius: 6px !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0.3rem 1rem !important;
}

._fileInput_25s8r_39,
._imageInput_25s8r_40 {
  display: none !important;
}
._sharedFiles_7oejg_1 {
  border: none !important;
  border-left: 1px solid #e3e3e3 !important;
  max-width: 300px !important;
  width: 100% !important;
  border-radius: 0 !important;
  padding: 1rem !important;
  margin-left: 11px !important;
}

@media (max-width: 750px) {
  ._sharedFiles_7oejg_1 {
    position: absolute !important;
    inset: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}

._closePanelButton_7oejg_20 {
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
}

._header_7oejg_25 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._headerText_7oejg_31 {
  margin: 0;
  font-size: 1.125rem !important;
}

._closedPanel_7oejg_36 {
  background: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  padding: 1rem 0.3rem !important;
  position: absolute !important;
  right: 11px !important;
}

._fileList_7oejg_45 {
  display: grid !important;
  gap: 0.5rem !important;
}

._files_7oejg_50 {
  margin-top: 2rem !important;

  height: calc(99dvh - 150px) !important;
  overflow: auto !important;
}

._empty_7oejg_57 {
  display: grid;
  place-items: center;
  font-size: 0.875rem !important;
}
/* File Card */

._fileContainer_tbv0i_3 {
  background-color: #f9f9f9 !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  font-size: 1rem !important;
}

._file_tbv0i_3 {
  padding: 0.5rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

._fileText_tbv0i_18 {
  font-style: italic !important;
}

._downloadButton_tbv0i_22 {
  border: none !important;
}

._files_tbv0i_26 {
  margin-top: 2rem !important;
}

._imageFile_tbv0i_30 {
  width: 100% !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}
._chatWindow_tuqrq_1 {
  padding: 1rem 0 !important;
  height: calc(100dvh - 116.28px) !important;
  overflow: hidden !important;
}

._messageList_tuqrq_7 {
  display: flex !important;
  gap: 1rem !important;
  flex-direction: column-reverse !important;
}

._othersMessage_tuqrq_13 {}

._myMessage_tuqrq_15 {
  align-self: end !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: end !important;
}
._replyPreview_rcxxp_1 {
  background-color: #e8d4fc !important;
  padding: 0.2rem 2rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._replyTo_rcxxp_9 {
  font-size: 0.813rem !important;
  color: #4a4a4a;
}

._text_rcxxp_14 {
  font-size: 1rem !important;
}

._file_rcxxp_18 {
  font-size: 1rem !important;
  font-style: italic !important;
}

._image_rcxxp_23 {
  height: 50px !important;
  display: block !important;
}

._closeButton_rcxxp_28 {
  background-color: white !important;
  aspect-ratio: 1/1 !important;
  border: none !important;
}
._container_1x2ls_1 {
  margin: 0px;
  padding: 0px;
  overflow: scroll;
}

._carouselRow_1x2ls_7 {
  margin-top: 20px !important;
}

._exhibitDetails_1x2ls_11 {
  max-width: 500px !important;
  text-align: center !important;
}

._exhibitDetailsContainer_1x2ls_16 {
  display: flex !important;
  justify-content: center !important;
  padding-bottom: 1.5rem !important;
  margin-bottom: 1rem !important;
  margin-top: 3rem;
}

._card_1x2ls_24 {
  padding: 0px 20px;
  margin-bottom: 20px;
}

._imageContainer_1x2ls_29 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

._imageUpload_1x2ls_35 {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 305px;
  overflow: hidden;
  border-radius: 8px;
}

._uploadLabel_1x2ls_44 {
  width: 100%;
  height: 305px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 2px dashed #ccc;
  border-radius: 8px;
  text-align: center;
}

._imageWrapper_1x2ls_56 {
  position: relative;
  width: 100%;
  height: 305px !important;
}

._boothImage_1x2ls_62 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

._centeredUpload_1x2ls_69 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

._uploadIconContainer_1x2ls_77 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

._uploadText_1x2ls_84 {
  margin-top: 5px;
  font-size: 14px;
  color: #666;
}

._editIcon_1x2ls_90 {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 8px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
}

._editIcon_1x2ls_90 img {
  width: 20px;
  height: 20px;
}

._floatingLabel_1x2ls_110 {
  font-size: 11px;
  font-family: "Inter", sans-serif;
  color: black;
  text-align: left;
}


._formControl_1x2ls_118:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: #ced4da !important; /* or set to a specific color */
}

._formCol_1x2ls_124 {
  margin-bottom: 10px;
}

._icon3_1x2ls_128 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._save_1x2ls_133 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 6px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._coverPhotoText_1x2ls_146 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  margin-top: 10px;
  align-self: flex-start !important; 
}

._scrollable_1x2ls_154 {
  flex-grow: 1;
  overflow-y: auto;
  padding: 10px;
  max-height: 100%; 
  scrollbar-width: none; 
}

._scrollable_1x2ls_154::-webkit-scrollbar {
  display: none;
}

._detailsHeader_1x2ls_166 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px;
}

._detailsHeader_1x2ls_166 > :last-child {
  display: flex;
  align-items: center;
  gap: 10px; /* Adjust spacing between "Changes saved" and button */
  justify-content: flex-end;
}

._colButton_1x2ls_181{
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px;
}._navbar_ukdyz_1 {
  border-top: none !important;
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_ukdyz_5 {
  width: 100%;
}
._navbarCol_ukdyz_8 {
  text-align: end;
}
._icon_ukdyz_11 {
  font-size: 24px !important;
}
._addBtn_ukdyz_14 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._dltBtn_ukdyz_24 {
  background: transparent !important;
  border-color: #e3e3e3 !important;
  padding: 6px !important;
  margin-right: 20px;
}

._input_ukdyz_31 {
  margin-top: 10px;
}
._input2_ukdyz_34 {
}
._closeBtn_ukdyz_36 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
}
._modalFooter_ukdyz_45 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_ukdyz_49 {
  text-align: start !important;
}
._delete_ukdyz_49 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_ukdyz_65 {
  text-align: end !important;
}
._save_ukdyz_65 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_ukdyz_81 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_ukdyz_87 {
  width: 40px !important;
}
._imageUpload_ukdyz_90 {
  width: 408px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_ukdyz_101 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_ukdyz_107 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_ukdyz_112 {
  margin-top: 2px !important;
}
._label_ukdyz_115 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

._formGroup_ukdyz_127 {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}

._removeButton_ukdyz_134 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

._removeButton_ukdyz_134:hover {
  color: #dc3545;
}
._addExhibitorButton_ukdyz_148 {
  width: 100% !important;
  height: 34px !important;
  background-color: white !important;
  color: black !important;

  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  margin-bottom: 10rem;
}
._span_ukdyz_164 {
  font-size: 11px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._backButtonContainer_ukdyz_171 {
  border: 1px solid #e3e3e3;
  width: max-content;
  height: max-content;
  border-radius: 6px;
  padding: 8px;
  cursor: pointer;
  margin: auto;
}

._backButtonCol_ukdyz_181 {
  padding-left: 40px !important;
}

._backButton_ukdyz_171 {
  font-size: 24px;
}

._colHeader_ukdyz_189 {
  display: flex;
  align-items: center !important;
  align-content: center !important;
  font-weight: 600;
  font-size: 18px;
}
._slide_v92hw_1 {
    width: 500px !important;
    aspect-ratio: 1/1 !important;
    background-color: red !important;
  }
  ._slide_qvr7l_1 {
  border: 1px solid #e3e3e3;
  overflow: hidden;
  border-radius: 6px;
  aspect-ratio: 1/1 !important;
  position: relative;
}

._slide_qvr7l_1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  backdrop-filter: blur(10px);
  mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 1) 10%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
}

._slideImage_qvr7l_35 {
  width: 350px !important;
  aspect-ratio: 1/1;
  object-fit: cover;
}

._openFullIcon_qvr7l_41 {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -80%);
  z-index: 10;
  width: 32px;
}

._purpleDiv_qvr7l_50 {
  width: 100%;
  height: 100%;
  background-color: purple;
}

._iconContainer_qvr7l_56 {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  z-index: 10;
}

._icon_qvr7l_56 {
  width: 32px;
  cursor: pointer;
  transition: opacity 0.2s ease-in-out;
}

._icon_qvr7l_56:hover {
  opacity: 0.8;
}
._body_r3mpp_1 {
    aspect-ratio: 1/0.8;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 6px !important;
    position: relative;
    overflow: hidden;
  }
  
  ._header_r3mpp_11 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(20px);
  
    display: flex;
    justify-content: space-between;
    align-items: center !important;
    padding: 0.625rem 1rem !important;
  }
  
  ._title_r3mpp_26 {
    margin: 0;
    font-size: 1rem !important;
  }
  
  ._closeButton_r3mpp_31 {
    background-color: white !important;
    border: none !important;
  }
  ._headerRow_zqtvl_1 {
  text-align: left;

  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding: 0px 20px;
}
._DataRow_zqtvl_10 {
  text-align: left;

  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
  padding: 10px 20px;
}
._subsNameCol_zqtvl_19 {
  padding-top: 3px;
}
._eventCard1_zqtvl_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
._eventCard_zqtvl_22 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
}
._eventCardSkeleton_zqtvl_31 {
  border-bottom: 1px solid #e3e3e3 !important;
  padding-top: 5px;
  padding-bottom: 8px;
}
._actionBtn_zqtvl_36 {
  background-color: transparent !important;
  border: none !important;
  padding-top: 0px !important;
}
._label_zqtvl_41 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}
._closeBtn_zqtvl_52 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 2px !important;
}
._saveCol_zqtvl_62 {
  text-align: end !important;
}
._save_zqtvl_62 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._icon3_zqtvl_77 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._modalFooter_zqtvl_82 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_zqtvl_86 {
  text-align: start !important;
  padding-left: 0px !important;
}
._delete_zqtvl_86 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._deleteModal_zqtvl_104 {
  padding-top: 10rem !important;
}
._deleteModalBody_zqtvl_107 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_zqtvl_111 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_zqtvl_117 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_zqtvl_123 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_zqtvl_136 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._RoomIcon_zqtvl_148 {
  width: 28px;
  height: 28px;
  border: 1px solid #ccc;
  border-radius: 50%;
  object-fit: cover;
}
._fallbackIcon_zqtvl_155 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}

._dropdownMenu_zqtvl_165 {
  position: absolute;
  top: 100%;
  right: 0;
  background: white;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 120px;
  z-index: 100;
  padding: 8px 0;
}

._menuItem_zqtvl_177 {
  display: flex;
  align-items: center;
  width: 100%;
  background: transparent;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
}

._menuItem_zqtvl_177:hover {
  background: #f5f5f5;
}

._menuIcon_zqtvl_191 {
  width: 16px;
  margin-right: 8px;
}
._actionBtn_zqtvl_36::after {
  display: none !important;
}
._iconMenu_zqtvl_198 {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px;
}
/* Room Icon CSS START */
._roomImageUpload_zqtvl_204 {
  width: 42px;
  height: 42px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
._roomIcon_zqtvl_217 {
  width: 24px !important;
  cursor: pointer;
}
._roomUploadLabel_zqtvl_221 {
  font-size: 13px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
  padding-bottom: 13px;
}
/* Room Icon CSS END */
._deleteModal_zqtvl_104 {
  padding-top: 10rem !important;
}
._deleteModalBody_zqtvl_107 {
  text-align: left;
  padding: 1.5rem !important;
}
._deleteModalTitle_zqtvl_111 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
._deleteModalDescription_zqtvl_117 {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._deleteModalButton1_zqtvl_123 {
  width: 73px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

._deleteModalButton2_zqtvl_136 {
  width: 76px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._text2_zqtvl_274{
  font-weight: 400;
}

._leadsTitle_zqtvl_278{
  font-weight: 500;
}.titles {
    margin: 8rem 0rem 0rem 0rem !important;
}

.header {
    font-size: 30px !important;
    margin: 0rem 0rem 3rem 0rem !important;
}

.back_btn {
    margin: 0rem 1rem 3rem 0rem !important;
}

#toast {
    position: absolute;
    margin: -6rem 0rem 0rem 40rem;
}

#resetpass123 {
    position: absolute;
    margin: 0rem 0rem 0rem 46rem;
}

#savebtnuser123 {
    position: absolute;
    margin: 0rem 0rem 0rem 57.75rem;
}

.edit-user-card {
    max-width: 1000px !important;
}

.avatar-container {
    max-width: 150px;
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #999999;
    border-radius: 50%;
    background-image: linear-gradient(#d9d9d9, #999999);
    display: grid;
    place-items: center;
    font-size: 4rem;
    font-weight: 600;
    color: white;
}

.user-edit-footer {
    position: fixed !important;
    bottom: 0 !important;
    width: calc(100% - 238px) !important;
    padding: 0.5rem 1rem;
    display: flex !important;
    justify-content: end !important;
    border: 1px solid #e3e3e3 !important;
}

.modal-cancel-button {
    background-color: #7534e5 !important;
    border-radius: 6px !important;
    color: white !important;
    padding: 0.3rem 1rem !important;
    font-weight: 500 !important;
}

.modal-action-button {
    border-radius: 6px !important;
    border: 1px solid #e3e3e3 !important;
    padding: 0.3rem 1rem !important;
}
._pageContainer_116r5_1 {
  width: 100%;
  height: calc(100vh - 120px); /* Adjust based on your header height */
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: hidden; /* Prevent horizontal scrolling */
  padding: 1.5rem 2rem;
  /* Keep the scrollbar visible */
  scrollbar-width: none;
  -ms-overflow-style: auto;
}

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

/* Custom CSS for the table */
._table-striped_116r5_18 tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

._table-bordered_116r5_22 th,
._table-bordered_116r5_22 td {
  border: 1px solid #dee2e6;
}

._table-hover_116r5_27 tbody tr:hover {
  background-color: #f1f1f1;
  display: flex;
  justify-content: center;
}
._navbar_wy6j2_1 {
  border-bottom: 1px solid #e5e5e5;
}

._navbarRow_wy6j2_9 {
  width: 100%;
}

._navbarCol_wy6j2_17 {
  text-align: end;
  display: flex !important;
  /* justify-content: end !important; */
}

._icon_wy6j2_29 {
  font-size: 24px !important;
}

._addBtn_wy6j2_37:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._addBtn_wy6j2_37:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._input_wy6j2_57 {
  margin-top: 10px;
}

._closeBtn_wy6j2_65 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}

._modalBody_wy6j2_87 {
  max-height: 60vh;
  /* Restrict height */
  overflow-y: hidden;
  /* Enable scrolling */
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_wy6j2_87::-webkit-scrollbar {
  display: none;
}

._modalFooter_wy6j2_119 {
  display: block !important;
  width: 100% !important;
}

._deleteCol_wy6j2_129 {
  text-align: start !important;
}

._delete_wy6j2_129 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._saveCol_wy6j2_165 {
  text-align: end !important;
}

._save_wy6j2_165 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_wy6j2_199 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._icon2_wy6j2_213 {
  width: 40px !important;
}

._imageUpload_wy6j2_221 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._uploadLabel_wy6j2_245 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._icon3_wy6j2_259 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}

._saveDiv_wy6j2_271 {
  margin-top: 2px !important;
}

._label_wy6j2_279 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_wy6j2_305 {
  display: flex;
  align-items: center;
  gap: 10px;
  /* Space between items */
}

._colorPickerLabel_wy6j2_319 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_wy6j2_331 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._buttonGroup_wy6j2_355 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
}

._colorPreview_wy6j2_373 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_wy6j2_387 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._colorText_wy6j2_403 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

/* CSS For Color Picker START */

/* Split Button CSS START */
._splitButton_wy6j2_423 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._leftButton_wy6j2_449 {
  width: 118px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._leftButtonActive_wy6j2_489 {
  width: 118px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButton_wy6j2_529 {
  width: 169px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._rightButtonActive_wy6j2_567 {
  width: 169px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_wy6j2_605 {
  width: 1px;
  height: 100%;
  /* Full height */
  background-color: #ccc;
}

._leftButton_wy6j2_449:hover {
  background-color: #f3e8ff;
  /* Light Purple */
}

._rightButton_wy6j2_529:hover {
  background-color: #f0f0f0;
  /* Light Gray */
}

._icon_wy6j2_29 {
  margin-right: 6px;
}

._formsButton_wy6j2_647 {
  width: 98px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._formsButtonActive_wy6j2_685 {
  width: 98px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._submissionButton_wy6j2_723 {
  width: 138px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._submissionButtonActive_wy6j2_761 {
  width: 138px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._identifiersButton_wy6j2_799 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._identifiersButtonActive_wy6j2_837 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._reviewersButton_wy6j2_875 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._reviewersButtonActive_wy6j2_913 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._speakerButton_wy6j2_951 {
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._speakerButtonActive_wy6j2_987 {
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._presenterButton_wy6j2_1023 {
  width: 185px;
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._presenterButtonActive_wy6j2_1061 {
  width: 185px;
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;
  /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._publishedButton_wy6j2_1099 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._publishedButtonActive_wy6j2_1137 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._settingsButton_wy6j2_1175 {
  width: 111px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;
  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._settingsButtonActive_wy6j2_1211 {
  width: 111px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._formsButton_wy6j2_647:hover,
._submissionButton_wy6j2_723:hover,
._identifiersButton_wy6j2_799:hover,
._reviewersButton_wy6j2_875:hover,
._presenterButton_wy6j2_1023:hover,
._publishedButton_wy6j2_1099:hover,
._settingsButton_wy6j2_1175:hover {
  background-color: white;
}

._icon_wy6j2_29 {
  margin-right: 6px;
}

._uploadBtn_wy6j2_1277 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  margin-right: 15px;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 5px 5px !important;
  font-size: 14px !important;
  height: auto;
}

._uploadBtn_wy6j2_1277:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

._uploadBtn_wy6j2_1277 ._icon_wy6j2_29 {
  width: 20px;
  height: 20px;
  margin-right: 0px;
}

._addReviewerIcon_wy6j2_1325 {
  width: 20px;
  height: 20px;
  transition: fill 0.3s ease;
  gap: 8px;
}

._addBtn_wy6j2_37 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 11.5px !important;
  font-weight: 550 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
  gap: 8px;
}

._addBtn_wy6j2_37:hover {
  background-color: #8650e4 !important;
  color: #333;
  border-color: #7534e5 !important;
}

/* Split Button CSS END */

/* header.module.css */

._uploadBtn_wy6j2_1277 {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  width: 34px;
  height: 34px;
}

._presenterForm_wy6j2_1415 {
  display: flex;
  flex-direction: column;
  height: 396px !important;
  width: 456px !important;
}

._inputContainer_wy6j2_1429 {
  margin-top: 16px;
  margin-left: 16px;
  position: relative;
}

._customModal_wy6j2_1441 {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);

  padding: 0 !important;
  width: 456px !important;
}

._customBodyModal_wy6j2_1461 {
  padding: 0 !important;
  width: 456px !important;
}

._customFooter_wy6j2_1471 {
  margin-top: 140px;
  margin-right: 20px;
  border-top: 1px solid #e3e3e3;
  padding: 0 !important;
  width: 456px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

._modal-header_wy6j2_1493 ._btn-close_wy6j2_1493:focus,
._modal-header_wy6j2_1493 ._btn-close_wy6j2_1493:active {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
}

._customPopover_wy6j2_1507 {
  min-width: 350px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  border: none;
  padding: 8px 0;
}

._customPopoverBody_wy6j2_1523 {
  padding: 0;
}

._customDropdownItem_wy6j2_1531 {
  padding: 8px 16px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333;
}

._customDropdownItem_wy6j2_1531:last-child {
  border-bottom: none;
}

._customDropdownItem_wy6j2_1531:hover {
  background-color: #f5f5f5;
}

._boxIcon_wy6j2_1567 {
  width: 20px;
  height: 20px;
}

._dropdownId_wy6j2_1577 {
  font-weight: bold;
}

._buttonGroup_wy6j2_355 {
  display: flex;
  align-items: center;
  margin-left: auto;
}

._buttonGroup_wy6j2_355 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

._uploadBtn_wy6j2_1277 {
  order: 1;
  margin-right: 0;
}

._iconPodium_wy6j2_1623 {
  width: 20px;
  height: 20px;
}

._addBtn_wy6j2_37 {
  height: 40px;
  padding: 6px 12px !important;
  order: 2;
}

._buttonGroup_wy6j2_355 {
  flex-wrap: nowrap;
}


/* Import Inter font */
/* Existing Modal Container styles - DO NOT MODIFY as per request */
._modalContainer_8qzk1_9 .modal-content {
  width: 456px;
  height: 612px;
  border-radius: 8px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  font-family: "Inter", sans-serif !important;
}
/* Existing Modal Header styles - DO NOT MODIFY as per request */
._modalHeader_8qzk1_29 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px 15px 20px;
  height: 56px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}
/* Existing Modal Title styles - DO NOT MODIFY as per request */
._modalTitle_8qzk1_51 {
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0;
  font-family: "Inter", sans-serif !important;
  color: #000;
}
/* Existing Close Button styles - DO NOT MODIFY as per request */
._closeButton_8qzk1_69 {
  width: 34px;
  height: 34px;
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important;
  color: #4a4a4a !important;
  opacity: 1 !important;
  box-shadow: none !important;
}
/* Existing Close Button Image styles - DO NOT MODIFY as per request */
._closeButton_8qzk1_69 img {
  width: 18px;
  height: 18px;
  margin-bottom: 2px;
}
/* Existing Close Button Hover styles - DO NOT MODIFY as per request */
._closeButton_8qzk1_69:hover {
  background-color: #f8f9fa !important;
  border-color: #adb5bd !important;
}
/* Existing Modal Body styles - DO NOT MODIFY as per request */
._modalBody_8qzk1_129.modal-body {
  padding: 18px !important;
  background-color: #fff;
}
/* Existing Form Group styles - DO NOT MODIFY as per request */
._formGroup_8qzk1_141 {
  margin-bottom: 20px;
}
/* Custom Select Dropdown Wrapper */
._customSelectWrapper_8qzk1_151 {
  position: relative;
  width: 100%; /* Ensure it fills the available space */
}
/* --- START: DROPDOWN INPUT DISPLAY & LABEL STYLES --- */
._formSelectDisplay_8qzk1_163 {
  position: relative;
  height: 48px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  font-size: 14px;
  padding: 8px 16px 8px 16px; /* Adjust padding to accommodate label and value */
  background-color: #ffffff;
  cursor: pointer;
  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") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 16px 12px !important;
  display: flex;
  flex-direction: column; /* Stack label and value vertically */
  justify-content: center; /* Vertically center content */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._trackLabelInside_8qzk1_201 {
  display: block;
  font-size: 11px;
  color: #6c757d;
  margin: 0;
  padding: 0 4px; /* Small padding for the background cover */
  line-height: 1; /* Adjust line height for better spacing */
  pointer-events: none;
  position: absolute; /* Floating label positioning */
  top: 6px; /* Position closer to the top when floating */
  left: 16px;
  background-color: #ffffff; /* Cover the border underneath */
  transform: translateY(-50%) scale(0.9); /* Slightly scale down when floating */
  transform-origin: top left;
  transition: all 0.2s ease-out;
  z-index: 1; /* Ensure label is above value */
}
/* Value text inside the custom select display */
._selectedValue_8qzk1_239 {
  font-size: 14px;
  color: #4a4a4a;
  margin-top: 10px; /* Space from the floating label */
  font-weight: 400; /* Regular font weight */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._formSelectDisplay_8qzk1_163:focus,
._formSelectDisplay_8qzk1_163:focus-within {
  outline: none;
  border-color: #000000 !important; /* Black border on focus */
  box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.1); /* Subtle shadow on focus */
}
/* Label style when input is focused or has a value */
._formSelectDisplay_8qzk1_163:focus ._trackLabelInside_8qzk1_201,
._formSelectDisplay_8qzk1_163._hasValue_8qzk1_277 ._trackLabelInside_8qzk1_201 {
  color: #000000; /* Black color for label on focus/with value */
  /* No change in position or transform as they are already set for the floating state */
}
/* --- END: DROPDOWN INPUT DISPLAY & LABEL STYLES --- */
/* Dropdown List */
._dropdownList_8qzk1_293 {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
  max-height: 200px;
  overflow-y: auto;
}
._dropdownOption_8qzk1_321 {
  padding: 10px 16px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  background-color: #ffffff !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}
._dropdownOption_8qzk1_321:hover {
  background-color: #7534e5 !important;
  color: white !important;
}
/* --- START: SELECTED DROPDOWN OPTION STYLES --- */
._dropdownOption_8qzk1_321._selectedOption_8qzk1_351 {
  background-color: #e6e6fa !important; /* Lighter purple background for selected */
  color: #7534e5 !important; /* Your primary purple text */
  font-weight: 500; /* Slightly bolder font for selected */
  position: relative; /* For checkmark positioning */
}
._dropdownOption_8qzk1_321._selectedOption_8qzk1_351::after {
  content: '✓'; /* Checkmark icon */
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #7534e5; /* Checkmark color matching text */
  font-size: 16px; /* Size of the checkmark */
}
._dropdownOption_8qzk1_321._selectedOption_8qzk1_351:hover {
  background-color: #6429c8 !important; /* Darker purple on hover for selected */
  color: white !important; /* White text on hover */
}
._dropdownOption_8qzk1_321._selectedOption_8qzk1_351:hover::after {
  color: white; /* White checkmark on hover */
}
/* --- END: SELECTED DROPDOWN OPTION STYLES --- */
/* Existing Form Label styles - DO NOT MODIFY as per request */
._formLabel_8qzk1_409 {
  display: block;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  margin-bottom: 5px;
}
/* Existing Time Input Group styles - DO NOT MODIFY as per request */
._timeInputGroupWrapper_8qzk1_427 {
  width: 192px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  padding-left: 0;
  transition: border-color 0.15s ease-in-out;
}
/* Existing Time Input Group Focus styles - DO NOT MODIFY as per request */
._timeInputGroupWrapper_8qzk1_427:focus-within {
  border: 1px solid #000000 !important;
}
/* Existing Input Group Icon styles - DO NOT MODIFY as per request */
._inputGroupIcon_8qzk1_463 {
  display: flex;
  align-items: center;
  padding: 0px 12px;
  background-color: #ffffff !important;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none !important;
  height: 100%;
}
/* Existing Input Group Icon Image styles - DO NOT MODIFY as per request */
._inputGroupIcon_8qzk1_463 img {
  width: 18px;
  height: 18px;
}
/* Existing Form Control Native Time styles - DO NOT MODIFY as per request */
._formControlNativeTime_8qzk1_499 {
  flex-grow: 1;
  height: 100%;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  padding: 0 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
/* Existing Form Control Native Time Picker styles - DO NOT MODIFY as per request */
._formControlNativeTime_8qzk1_499::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
/* Existing Modal Footer styles - DO NOT MODIFY as per request */
._modalFooter_8qzk1_545 {
  padding: 12px 18px 12px 18px !important;
  border-top: 1px solid #e3e3e3;
  background-color: #fff;
  display: flex !important;
  align-items: center !important;
  justify-content: initial;
}
/* Existing Delete Button styles - DO NOT MODIFY as per request */
._deleteButton_8qzk1_565 {
  width: 34px !important;
  height: 34px !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  color: #dc3545 !important;
  border-radius: 6px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  margin: 0 !important;
}
/* Existing Save Button styles - DO NOT MODIFY as per request */
._saveButton_8qzk1_597 {
  background-color: #7534e5 !important;
  border: none !important;
  border-radius: 6px !important;
  color: white !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0px 16px !important;
  font-size: 13px !important;
  cursor: pointer;
  font-family: "Inter", sans-serif !important;
  min-width: 95px;
  height: 34px;
  box-shadow: none !important;
  margin: 0 !important;
  margin-left: auto !important;
}
/* Existing Button Hover styles - DO NOT MODIFY as per request */
._deleteButton_8qzk1_565:hover {
  background-color: #f8f9fa !important;
  border-color: #adb5bd !important;
}
/* Existing Button Hover styles - DO NOT MODIFY as per request */
._saveButton_8qzk1_597:hover {
  background-color: #6429c8 !important;
}
/* Existing Save Icon styles - DO NOT MODIFY as per request */
._saveIcon_8qzk1_663 {
  width: 18px;
  height: 18px;
  margin-right: 0px;
  filter: brightness(0) invert(1);
}
/* --- START: SELECTED TRACKS CONTAINER & TAGS (CARDS) STYLES --- */
._selectedTrackContainer_8qzk1_679 {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px; /* Space between tags */
  padding: 5px; /* Add some padding around the group of tags */
  border: 1px dashed #e3e3e3; /* Subtle dashed border for the whole tag area */
  border-radius: 6px; /* Match other elements' border-radius */
  min-height: 50px; /* Ensure a minimum height even if no tags are selected */
  align-content: flex-start; /* Align content to the start when wrapping */
}
._selectedTrackTag_8qzk1_703 {
  display: flex;
  align-items: center;
  background-color: #f0eafc; /* Very light purple for the tag background */
  border: 1px solid #ded9ed; /* Slightly darker purple border */
  border-radius: 6px; /* Match your general border-radius */
  padding: 6px 10px; /* Slightly adjusted padding for compact tags */
  font-size: 13px; /* Slightly smaller font for tags */
  color: #7534e5; /* Your primary purple for text */
  font-weight: 500; /* Semibold for readability */
  white-space: nowrap; /* Prevent text wrapping inside tag */
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Subtle shadow for "card" effect */
}
._removeTrackBtn_8qzk1_733 {
  background: none;
  border: none;
  color: #7534e5; /* Your primary purple for the close icon */
  font-size: 1.2rem; /* Adjusted for better appearance */
  line-height: 1;
  margin-left: 8px; /* Space between text and 'x' */
  cursor: pointer;
  transition: color 0.2s ease, background-color 0.2s ease;
  padding: 0;
  display: flex; /* To perfectly center the 'x' */
  align-items: center;
  justify-content: center;
  width: 20px; /* Give it a clickable area */
  height: 20px; /* Give it a clickable area */
  border-radius: 50%; /* Make it round */
}
._removeTrackBtn_8qzk1_733:hover {
  color: #fff; /* White 'x' on hover */
  background-color: #7534e5; /* Purple background on hover */
}
._noTracksSelected_8qzk1_779 {
  font-size: 14px;
  color: #888;
  padding: 5px;
  width: 100%;
  text-align: center;
}
/* --- END: SELECTED TRACKS CONTAINER & TAGS (CARDS) STYLES --- */

/* assignReviewersModal.module.css */
/* ==========================================================================
   Setup & Imports
   ========================================================================== */
/* --- MODIFICATION START: Control overall modal dialog and content height --- */
._modalContainer_rzwhr_19 .modal-dialog {
  max-width: 579px;
  /* You can set a specific height for the dialog if you want the entire modal
     (including margins around .modal-content) to be fixed.
     Or, manage height primarily through .modal-content. */
  /* Example: display: flex; align-items: center; min-height: calc(100% - 3.5rem); to center vertically */
}
._modalContainer_rzwhr_19 .modal-content {
  border-radius: 8px;
  border: none;
  font-family: "Inter", sans-serif !important;
  display: flex; /* Enable flex column layout */
  flex-direction: column; /* Stack header, body, footer vertically */
  max-height: 80vh; /* Example: Limit modal height to 80% of viewport height */
  /* You can set a fixed pixel height too, e.g., height: 600px; */
  /* If you set a fixed height here, the body will flex to fill the space. */
  /* For a specific fixed height, uncomment the line below and adjust as needed: */
  height: 650px; /* << SET YOUR DESIRED FIXED MODAL HEIGHT HERE */
  overflow: hidden; /* Prevent content from spilling out of rounded corners if body overflows before scrolling */
}
/* --- MODIFICATION END --- */
._modalHeader_rzwhr_65 {
  padding: 20px 20px 0px 20px !important;
  background-color: #fff;
  display: block; /* Or flex if you need more control over title/subtitle alignment */
  align-items: normal; /* Reset if using block */
  position: relative;
  border-bottom: 1px solid #e3e3e3 !important;
  flex-shrink: 0; /* Prevent header from shrinking */
}
._modalTitle_rzwhr_85 {
  font-size: 16px !important;
  font-weight: 500 !important;
  margin: 0 0 8px 0;
  font-family: "Inter", sans-serif !important;
  color: #000000 !important;
}
._modalSubtitle_rzwhr_101 {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #4A4A4A !important;
  margin: 6px 0;
}
/* --- MODIFICATION START: Make Modal Body Scrollable --- */
._modalBody_rzwhr_117 {
  padding: 5px 20px 20px 20px !important;
  background-color: #fff;
  overflow-y: auto; /* <<< THIS ENABLES SCROLLING FOR THE BODY *** */
  flex-grow: 1;     /* Allow body to take available space between header/footer */
  min-height: 0;    /* Important for flex-grow in some browsers */
  scrollbar-width: 0px; /* Hide scrollbar in Firefox */

  /* Custom scrollbar styling (optional, WebKit example) */
}
._modalBody_rzwhr_117::-webkit-scrollbar {
  width: 8px;
}
._modalBody_rzwhr_117::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
._modalBody_rzwhr_117::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
._modalBody_rzwhr_117::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
/* --- MODIFICATION END --- */
._modalFooter_rzwhr_177 {
  padding: 15px 20px;
  border-top: 1px solid #e3e3e3;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background-color: #fff;
  gap: 10px;
  flex-shrink: 0; /* Prevent footer from shrinking */
}
/* ==========================================================================
       Body Content Styles
       ========================================================================== */
._reviewerSection_rzwhr_205 {
  margin-bottom: 25px;
}
._textDividerContainer_rzwhr_213 {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 16px 0 10px 0 !important;
  color: #4A4A4A !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0 4px 8px 4px;
}
._textDividerContainer_rzwhr_213::before, ._textDividerContainer_rzwhr_213::after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background-color: #e3e3e3;
}
._textDividerText_rzwhr_253 {
  padding: 0 12px;
  white-space: nowrap;
}
/* ==========================================================================
       react-select Styles & Wrapper Logic
       ========================================================================== */
._selectWrapper_rzwhr_269 {
  display: flex;
  position: relative;
  width: 100%;
  align-items: flex-start;
}
._leadReviewerWrapper_rzwhr_283 {
  margin-top: 5px;
}
._coReviewerWrapper_rzwhr_291 {
  margin-bottom: 10px;
}
._adderWrapper_rzwhr_299 {
  margin-top: 15px;
  margin-bottom: 10px;
}
._selectWrapper_rzwhr_269> .react-select-container {
  flex-grow: 1;
  min-width: 0;
}
/* --- Control (main input box) --- */
._selectWrapper_rzwhr_269 .react-select__control {
  min-height: 66px !important;
  width: 531px !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  background-color: white !important;
  padding: 2px 0px !important;
  padding-right: 50px !important;
  /* Space for internal button */
  box-shadow: none !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative !important;
}
._selectWrapper_rzwhr_269 .react-select__control--is-focused {
  border-color: rgba(0, 0, 0, 0.87) !important;
}
._selectWrapper_rzwhr_269 .react-select__control:hover {
  border-color: none !important;
}
/* --- Value Container (holds selected value/placeholder/input) --- */
._selectWrapper_rzwhr_269 .react-select__value-container {
  padding: 0px 8px !important;
  /* Horizontal padding for text */
  align-items: flex-start !important;
  /* Align custom formatted value top */
  padding-right: 0px !important;
  /* Control handles overall paddingRight */
}
/* --- Placeholder Text --- */
._selectWrapper_rzwhr_269 .react-select__placeholder {
  color: #000000 !important;
  font-size: 14px !important;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 8px !important;
  padding-right: 50px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* --- Input field within the control --- */
._selectWrapper_rzwhr_269 .react-select__input-container {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-color: none !important; /* This line has an invalid value 'none' for border-color */
}
._selectWrapper_rzwhr_269 .react-select__input {
  margin: 0 !important;
  padding: 0 !important;
  border: 0px !important;
  outline: none !important;
}
/* *** ADDED: Hide react-select's default clear indicator ('x') *** */
._selectWrapper_rzwhr_269 .react-select__clear-indicator {
  display: none !important;
}
/* *** END ADDED *** */
/* --- Hide Default Indicators --- */
._selectWrapper_rzwhr_269 .react-select__indicator-separator,
._selectWrapper_rzwhr_269 .react-select__dropdown-indicator {
  display: none !important;
}
/* --- Dropdown Menu (List) --- */
._selectWrapper_rzwhr_269 .react-select__menu {
  margin-top: 4px !important;
  border: none !important; /* You have this, it removes the menu border */
  border-radius: 6px !important;
  background-color: #fff !important;
  z-index: 1056 !important;
  width: 100%;
  /* Optional: If you want to control the max height before scrolling would normally appear */
  /* max-height: 200px !important; /* Example max height */
  /* overflow-y: auto !important; /* This would normally enable scrolling */
}
/* *** ADD THESE LINES TO HIDE THE SCROLLBAR WITHIN THE MENU LIST *** */
._selectWrapper_rzwhr_269 .react-select__menu-list {
  /* For Webkit browsers (Chrome, Safari, Edge) */
  -ms-overflow-style: none !important;  /* IE and Edge */
  scrollbar-width: none !important;     /* Firefox */
}
._selectWrapper_rzwhr_269 .react-select__menu-list::-webkit-scrollbar {
  display: none !important; /* Chrome, Safari, Opera */
}
/* *** END ADDED LINES *** */
/* --- Option Item in Menu --- */
._selectWrapper_rzwhr_269 .react-select__option {
  padding: 10px 15px !important;
  font-size: 14px !important;
  /* Default color for text inside options will be inherited or use .selectedName/.selectedEmail defaults */
  background-color: white !important;
  border-bottom: 1px solid #f1f1f1 !important;
  cursor: pointer;
  word-wrap: break-word;
}
._selectWrapper_rzwhr_269 .react-select__option:last-child {
  border-bottom: none !important;
}
/* When an option is FOCUSED (hovered or by keyboard) */
._selectWrapper_rzwhr_269 .react-select__option--is-focused {
  background-color: #7534e5 !important; /* Your desired focus background color */
  color: white !important;             /* Fallback text color for focused option */
}
/* Override .selectedName and .selectedEmail specifically within a focused option */
._selectWrapper_rzwhr_269 .react-select__option--is-focused ._selectedName_rzwhr_533,
._selectWrapper_rzwhr_269 .react-select__option--is-focused ._selectedEmail_rzwhr_533 {
  color: white !important;
}
/* When an option is SELECTED (persists if dropdown is multi or stays open) */
._selectWrapper_rzwhr_269 .react-select__option--is-selected {
  background-color: none !important; /* Slightly different background for "committed" selection */            /* Fallback text color for selected option */
}
/* Maintain styles on hover for an already selected option (if dropdown is multi) */
._selectWrapper_rzwhr_269 .react-select__option--is-selected:hover,
._selectWrapper_rzwhr_269 .react-select__option--is-selected.react-select__option--is-focused {
  background-color: #7534e5 !important; /* Hover/Focus background for an already selected item */
  color: white !important;
}
/* Override .selectedName and .selectedEmail for this combined state too */
._selectWrapper_rzwhr_269 .react-select__option--is-selected:hover ._selectedName_rzwhr_533,
._selectWrapper_rzwhr_269 .react-select__option--is-selected.react-select__option--is-focused ._selectedName_rzwhr_533,
._selectWrapper_rzwhr_269 .react-select__option--is-selected:hover ._selectedEmail_rzwhr_533,
._selectWrapper_rzwhr_269 .react-select__option--is-selected.react-select__option--is-focused ._selectedEmail_rzwhr_533 {
  color: white !important;
}
/* Styles for the displayed selected value (when dropdown is closed) - these remain as they are */
._selectedReviewerDisplay_rzwhr_621 {
  line-height: 1.3;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
}
._selectedName_rzwhr_533 {
  font-family: 'Inter', sans-serif !important;
  display: block;
  font-size: 1em !important;
  font-weight: 500 !important;
  color: #000000 !important; /* Purple color for the name in the control */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._selectedEmail_rzwhr_533 {
  font-family: 'Inter', sans-serif !important;
  display: block;
  font-size: 1em;
  font-weight: 400 !important;
  color: #4A4A4A !important; /* Medium gray for the email in the control */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 2px;
}
/* ==========================================================================
       Button Styles
      ========================================================================== */
._cancelButton_rzwhr_685 {
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  color: #495057 !important;
  border-radius: 6px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  min-width: 80px;
  height: 34px;
  box-shadow: none !important;
}
._cancelButton_rzwhr_685:hover {
  background-color: #f8f9fa !important;
  border-color: #adb5bd !important;
}
._doneButton_rzwhr_721 {
  background-color: #7534e5 !important;
  border: none !important;
  border-radius: 6px !important;
  color: white !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  min-width: 80px;
  height: 34px;
  box-shadow: none !important;
}
._doneButton_rzwhr_721:hover {
  background-color: #6429c8 !important;
}
._removeButton_rzwhr_755{
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  background-color: transparent !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important;
  color: #1C1B1F !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) translateX(-30%) !important;
  z-index: 2 !important;
}
._addButton_rzwhr_799 {
  width: 34px;
  height: 34px;
  min-width: 34px;
  flex-shrink: 0;
  background-color: transparent !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 !important;
  color: #1C1B1F !important;
  box-shadow: none !important;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  transform: translateY(-50%) translateX(-30%) !important;
  z-index: 2 !important;
}
._addButton_rzwhr_799:enabled{
  background-color: none !important;
  border:none !important;
  color:#7534e5 !important;
}
._removeButton_rzwhr_755:hover{
  background-color: none !important;
  border-color: none !important;
}
._removeButton_rzwhr_755:disabled ._addButton_rzwhr_799:disabled
{
  background-color: #f8f9fa !important;
  border-color: #e3e3e3 !important;
  opacity: 0.65;
  cursor: not-allowed;
}
._removeButton_rzwhr_755:disabled img {
  opacity: 0.5;
}
._removeButton_rzwhr_755 img ._addButton_rzwhr_799 img{
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
  margin-left: 2px;
}
._addButton_rzwhr_799:enabled img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
  margin-left: 4px;
}._modalCustom_1w01x_1 {
  max-width: 400px !important;
}

._modalTitle_1w01x_5 {
  font-size: 18px !important;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}

._modalHeader_1w01x_11 ._btn-close_1w01x_11 {
  box-shadow: none;
  border: none;
  outline: none;
}

._hiddenInput_1w01x_17 {
  display: none;
}

._fileInputWrapper_1w01x_21 {
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._placeholderText_1w01x_35 {
  color: #6c757d;
}

._fileName_1w01x_39 {
  color: #495057;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._uploadIcon_1w01x_46 {
  width: 24px;
  height: 24px;
  cursor: pointer;
  opacity: 0.7;
}

._uploadIcon_1w01x_46:hover {
  opacity: 1;
}

._fileDetailsWrapper_1w01x_57 {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

._fileDetails_1w01x_57 {
  color: #7534E5;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._sampleCsvText_1w01x_72 {
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-left: -10px !important;
  color: #804fa8 !important;
  text-decoration: underline !important;
  text-decoration-color: #804fa8 !important;
}

._downloadIcon_1w01x_81 {
  width: 30px;
  height: 30px;
  cursor: pointer;
  opacity: 0.7;
  padding: 5px;
  margin-left: 10px !important;
  border: 1px solid #ced4da;
  border-radius: 6px;
  transition: all 0.3s ease;
}

._downloadIcon_1w01x_81:hover {
  opacity: 1;
  background-color: #f8f9fa;
  border-color: #adb5bd;
}

._addBtn_1w01x_99 {
  background-color: #7534E5;
  border: none;
  color: white;
  padding: 8px 16px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

._addBtn_1w01x_99:hover {
  background-color: #7534E5;
}

._save_1w01x_112 {
  width: 90px !important;
  height: 33px !important;
  border-radius: 10px !important;
  background-color: #7534E5 !important;
  color: rgb(255, 255, 255) !important;
  border: 1px solid #ccc !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: none !important;
  padding: 5px 5px !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

._save_1w01x_112:hover {
  background-color: #7534E5 !important;
  color: #ffffff !important;
  border-color: #ccc !important;
}

._saveIcon_1w01x_134 {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

._error_1w01x_141 {
  white-space: pre-line;
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

* {
  font-family: 'Inter', sans-serif !important;
}

._modalHeader_18jym_7 {
  border-bottom: 1px solid #e3e3e3;
  padding: 16px;
  height: 56px;
}

._modalTitle_18jym_13 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000;
}

._modalBody_18jym_19{
  margin-top: -15px !important;
}

._trackWrapper_18jym_22 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

._trackItem_18jym_29 {
  background: #7534E5;
  color: #fff;
  border-radius: 15px;
  padding: 3px 10px;
  font-size: 12px;
}

._trackContainer_18jym_37 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._trackBadge_18jym_44 {
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  color: #212529;
}

._removeTrack_18jym_55 {
  background: none;
  border: none;
  color: #000 !important;
  font-size: 1rem;
  margin-left: 0.25rem;
  cursor: pointer;
  transition: color 0.2s ease;
}

._removeTrack_18jym_55:hover {
  color: #333 !important;
}

._save_18jym_69 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-left: auto;
}

._saveIcon_18jym_87 {
  width: 17px;
  height: 17px;
}

._save_18jym_69:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._save_18jym_69:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._footer_18jym_102 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 10px;
}

._notificationText_18jym_110 {
  font-size: 13px;
  color: #6c757d;
  margin-left: auto;
  margin-right: 50px !important;
}

._radioInput_18jym_117 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #6b6b6b;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease-in-out;
  margin-right: 8px;
}

._radioInput_18jym_117 input[type="radio"]:checked {
  background-color: white;
}

._radioInput_18jym_117 input[type="radio"]:checked::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #7534E5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioInput_18jym_117 div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

input:focus,
select:focus,
textarea:focus {
    box-shadow: none !important;
    border-color: #ccc !important;
}

._multiSelectWrapper_18jym_161 {
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
  padding: 0.625rem 0.75rem 0.25rem 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-height: 50px !important;
  cursor: pointer !important;
  background-color: #fff !important;
  gap: 8px !important;
  position: relative !important;
}

._floatingLabel_18jym_175 {
  position: absolute !important;
  top: 50% !important;
  left: 12px !important;
  transform: translateY(-50%) !important;
  color: #6c757d !important;
  font-size: 14px !important;
  transition: all 0.2s ease-in-out !important;
  pointer-events: none !important;
}

._labelShrink_18jym_186 {
  top: -5px !important;
  left: 12px !important;
  font-size: 12px !important;
  background: #fff !important;
  padding: 0 4px !important;
}

._tagContainer_18jym_194 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

._multiSelectTag_18jym_202 {
  background-color: #f1f3f5 !important;
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #495057 !important;
  white-space: nowrap !important;
}

._tagCloseBtn_18jym_214 {
  font-size: 12px !important;
  cursor: pointer !important;
  color: #6c757d !important;
  margin-left: 5px !important;
  transition: color 0.2s !important;
}

._tagCloseBtn_18jym_214:hover {
  color: #495057 !important;
}

._multiSelectDropdown_18jym_226 {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
  min-width: 120px !important;
  flex-grow: 1 !important;
}

._multiSelectDropdown_18jym_226 option {
  color: black !important;
}

._inputContainer_18jym_239 {
  margin-top: 16px;
  position: relative;
}

._formGroup_18jym_244 {
  margin-bottom: 2px;
}

._formGroupWithError_18jym_248 {
  margin-bottom: 15px;
}

._inputField_18jym_251 {
  width: 100% !important;
  height: 52px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out;
  padding: 22px 12px 6px 12px !important;
  margin-bottom: 15px;
}

input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
}

._formLabel_18jym_269 {
  position: absolute;
  top: 16px;
  left: 12px;
  font-weight: 500;
  font-size: 14px;
  color: #999;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  transform: none;
  margin: 0;
}

._focusedLabel_18jym_282 {
  top: 8px;
  font-size: 11px;
  color: #000000;
  transform: none;
}

._registrantsDropdown_18jym_289 {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  margin-top: 4px;
  padding: 4px 0;
  scrollbar-width: none; /* Firefox */
}

._registrantsDropdown_18jym_289::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

._dropdownItem_18jym_309 {
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dropdownItem_18jym_309:hover {
  background-color: #f0f0ff;
}

._dropdownLoading_18jym_323 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 8px;
  font-size: 14px;
  color: #555;
}

._loadingText_18jym_333 {
  font-weight: 500;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._modalCustom_q16ri_13 {
  max-width: 456px !important;
}

._closeButton_q16ri_21 {
  background: none;
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  right: 21px;
  top: 10px;
}

._closeButton_q16ri_21:hover {
  background: #f4f4f4;
}

._modalTitle_q16ri_63 {
  font-size: 16px !important;
  font-weight: 500;
  margin-left: 8px;
}

._modalHeader_q16ri_75 {
  height: 56px !important;
  width: 454px !important;
}

._hiddenInput_q16ri_85 {
  display: none;
}

._fileInputWrapper_q16ri_93 {
  position: relative;
  width: 408px;
  height: 48px;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  cursor: pointer;
  padding: 10px 16px;
  margin-left: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._placeholderText_q16ri_121 {
  color: #6c757d;
}

._fileName_q16ri_129 {
  color: #1C1B1F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
}

._uploadIcon_q16ri_147 {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color:#1C1B1F;
}

._uploadIcon_q16ri_147:hover {
  opacity: 0.7;
}

._fileDetailsWrapper_q16ri_169 {
  margin-top: 10px;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 60px;
  margin-left: 10px;
}

._sampleFile_q16ri_185 {
  color: #7534e5;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

._fileDetails_q16ri_169 {
  color: #7534e5;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._downloadIcon_q16ri_221 {
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  margin-left: 16px !important;
  padding: 5px;
  transition: all 0.2s ease;
}

._downloadIcon_q16ri_221:hover {
  background-color: #f8f9fa;
}

._addBtn_q16ri_253 {
  background-color: #7534e5;
  border: none;
  color: white;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

._addBtn_q16ri_253:hover {
  background-color: #7534e5;
}

._saveButton_q16ri_277 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 6px !important;
  background-color: #7534e5 !important;
  color: rgb(255, 255, 255) !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 5px 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-right: 12px !important;
  margin-top: -1px !important;
}

._saveButton_q16ri_277:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_q16ri_277:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveIcon_q16ri_335 {
  width: 20px;
  height: 20px;
}

._modalFooter_q16ri_345 {
  height: 60px;
}

._errorMessage_q16ri_353 {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-left: 0.75rem;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._modalCustom_q16ri_13 {
  max-width: 456px !important;
}

._closeButton_q16ri_21 {
  background: none;
  position: absolute;
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  right: 21px;
  top: 10px;
}

._closeButton_q16ri_21:hover {
  background: #f4f4f4;
}

._modalTitle_q16ri_63 {
  font-size: 16px !important;
  font-weight: 500;
  margin-left: 8px;
}

._modalHeader_q16ri_75 {
  height: 56px !important;
  width: 454px !important;
}

._hiddenInput_q16ri_85 {
  display: none;
}

._fileInputWrapper_q16ri_93 {
  position: relative;
  width: 408px;
  height: 48px;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  cursor: pointer;
  padding: 10px 16px;
  margin-left: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._placeholderText_q16ri_121 {
  color: #6c757d;
}

._fileName_q16ri_129 {
  color: #1C1B1F;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
}

._uploadIcon_q16ri_147 {
  width: 24px;
  height: 24px;
  cursor: pointer;
  color:#1C1B1F;
}

._uploadIcon_q16ri_147:hover {
  opacity: 0.7;
}

._fileDetailsWrapper_q16ri_169 {
  margin-top: 10px;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 60px;
  margin-left: 10px;
}

._sampleFile_q16ri_185 {
  color: #7534e5;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

._fileDetails_q16ri_169 {
  color: #7534e5;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._downloadIcon_q16ri_221 {
  width: 36px;
  height: 36px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  margin-left: 16px !important;
  padding: 5px;
  transition: all 0.2s ease;
}

._downloadIcon_q16ri_221:hover {
  background-color: #f8f9fa;
}

._addBtn_q16ri_253 {
  background-color: #7534e5;
  border: none;
  color: white;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}

._addBtn_q16ri_253:hover {
  background-color: #7534e5;
}

._saveButton_q16ri_277 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 6px !important;
  background-color: #7534e5 !important;
  color: rgb(255, 255, 255) !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 5px 5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  transition: background-color 0.3s ease, color 0.3s ease;
  margin-right: 12px !important;
  margin-top: -1px !important;
}

._saveButton_q16ri_277:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_q16ri_277:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveIcon_q16ri_335 {
  width: 20px;
  height: 20px;
}

._modalFooter_q16ri_345 {
  height: 60px;
}

._errorMessage_q16ri_353 {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  margin-left: 0.75rem;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._modalHeader_8r8aj_13 {
  border-bottom: 1px solid #e3e3e3;
  padding: 16px;
  height: 56px;
}

._modalTitle_8r8aj_25 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000;
}

._closeButton_8r8aj_37 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 25px;
}

._closeButton_8r8aj_37:hover {
  background: #f4f4f4;
}

._uploadBtn_8r8aj_77 {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  width: 34px;
  height: 34px;
}

._addPresenterBtn_8r8aj_105 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  border-radius: 8px !important;
  padding: 6px 16px 6px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 15.73px;
  width: 155px;
  height: 34px;
}

._iconPodium_8r8aj_141 {
  width: 24px;
  height: 24px;
  margin-left: -3px;
  margin-right: 2px;
}

._iconUpload_8r8aj_155 {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
}

._presenterForm_8r8aj_171 {
  display: flex;
  flex-direction: column;
  height: 400px !important;
  width: 456px !important;
  padding: 0 24px;
}

._inputContainer_8r8aj_187 {
  margin-top: 16px;
  position: relative;
}

._formGroup_8r8aj_197 {
  margin-bottom: 2px;
}

._formGroupWithError_8r8aj_205 {
  margin-bottom: 15px;
}

._inputField_8r8aj_213 {
  width: 100% !important;
  height: 48px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out;
  padding: 22px 12px 6px 12px !important;
}

input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
}

._formLabel_8r8aj_247 {
  position: absolute;
  top: 16px;
  left: 12px;
  font-weight: 500;
  font-size: 14px;
  color: #999;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  transform: none;
  margin: 0;
}

._focusedLabel_8r8aj_273 {
  top: 8px;
  font-size: 11px;
  color: #000000;
  transform: none;
}

._errorMessage_8r8aj_287 {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #dc3545;
  position: absolute;
  bottom: -20px;
  left: 0;
}

._is-invalid_8r8aj_307 {
  border-color: #dc3545 !important;
}

._customModal_8r8aj_315 {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding: 0 !important;
  width: 456px !important;
  border-radius: 8px;
  overflow: hidden;
}

._customBodyModal_8r8aj_337 {
  padding: 0 !important;
  width: 456px !important;
}

._customFooter_8r8aj_347 {
  margin-right: 20px;
  border-top: 1px solid #e3e3e3;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px;
}

._notificationText_8r8aj_367 {
  font-size: 13px;
  color: #4a4a4a;
  margin-left: 25px;
}

._saveButton_8r8aj_379 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-left: auto;
}

._saveIcon_8r8aj_415 {
  width: 17px;
  height: 17px;
}

._saveButton_8r8aj_379:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_8r8aj_379:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._registrantsDropdown_8r8aj_445 {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  margin-top: 4px;
  padding: 4px 0;
  scrollbar-width: none; /* Firefox */
}

._registrantsDropdown_8r8aj_445::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

._dropdownItem_8r8aj_485 {
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dropdownItem_8r8aj_485:hover {
  background-color: #f0f0ff;
}

._dropdownLoading_8r8aj_513 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 8px;
  font-size: 14px;
  color: #555;
}

._loadingText_8r8aj_533 {
  font-weight: 500;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._modalHeader_8r8aj_13 {
  border-bottom: 1px solid #e3e3e3;
  padding: 16px;
  height: 56px;
}

._modalTitle_8r8aj_25 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000;
}

._closeButton_8r8aj_37 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 25px;
}

._closeButton_8r8aj_37:hover {
  background: #f4f4f4;
}

._uploadBtn_8r8aj_77 {
  background-color: transparent !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  padding: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-right: 10px;
  width: 34px;
  height: 34px;
}

._addPresenterBtn_8r8aj_105 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  border-radius: 8px !important;
  padding: 6px 16px 6px 16px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 15.73px;
  width: 155px;
  height: 34px;
}

._iconPodium_8r8aj_141 {
  width: 24px;
  height: 24px;
  margin-left: -3px;
  margin-right: 2px;
}

._iconUpload_8r8aj_155 {
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  display: flex;
}

._presenterForm_8r8aj_171 {
  display: flex;
  flex-direction: column;
  height: 400px !important;
  width: 456px !important;
  padding: 0 24px;
}

._inputContainer_8r8aj_187 {
  margin-top: 16px;
  position: relative;
}

._formGroup_8r8aj_197 {
  margin-bottom: 2px;
}

._formGroupWithError_8r8aj_205 {
  margin-bottom: 15px;
}

._inputField_8r8aj_213 {
  width: 100% !important;
  height: 48px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out;
  padding: 22px 12px 6px 12px !important;
}

input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #999 !important;
}

._formLabel_8r8aj_247 {
  position: absolute;
  top: 16px;
  left: 12px;
  font-weight: 500;
  font-size: 14px;
  color: #999;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
  transform: none;
  margin: 0;
}

._focusedLabel_8r8aj_273 {
  top: 8px;
  font-size: 11px;
  color: #000000;
  transform: none;
}

._errorMessage_8r8aj_287 {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  color: #dc3545;
  position: absolute;
  bottom: -20px;
  left: 0;
}

._is-invalid_8r8aj_307 {
  border-color: #dc3545 !important;
}

._customModal_8r8aj_315 {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  padding: 0 !important;
  width: 456px !important;
  border-radius: 8px;
  overflow: hidden;
}

._customBodyModal_8r8aj_337 {
  padding: 0 !important;
  width: 456px !important;
}

._customFooter_8r8aj_347 {
  margin-right: 20px;
  border-top: 1px solid #e3e3e3;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 56px;
}

._notificationText_8r8aj_367 {
  font-size: 13px;
  color: #4a4a4a;
  margin-left: 25px;
}

._saveButton_8r8aj_379 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-left: auto;
}

._saveIcon_8r8aj_415 {
  width: 17px;
  height: 17px;
}

._saveButton_8r8aj_379:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_8r8aj_379:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._registrantsDropdown_8r8aj_445 {
  position: absolute;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  margin-top: 4px;
  padding: 4px 0;
  scrollbar-width: none; /* Firefox */
}

._registrantsDropdown_8r8aj_445::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

._dropdownItem_8r8aj_485 {
  padding: 10px 16px;
  font-size: 14px;
  color: #333;
  transition: background-color 0.2s ease-in-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._dropdownItem_8r8aj_485:hover {
  background-color: #f0f0ff;
}

._dropdownLoading_8r8aj_513 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  gap: 8px;
  font-size: 14px;
  color: #555;
}

._loadingText_8r8aj_533 {
  font-weight: 500;
}


._modal_xmzn9_3 {
  font-family: "Inter", sans-serif !important;
}

._modalHeader_xmzn9_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #e3e3e3;
}

._modalHeader_xmzn9_7 h5 {
  font-size: 17px !important;
  font-weight: 500 !important;
  margin: 0;
  font-family: "Inter", sans-serif !important;
}

._closeButton_xmzn9_22 {
  width: 34px;
  height: 34px;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

._closeIcon_xmzn9_34 {
  width: 20px;
  height: 20px;
}

._modalBody_xmzn9_39 {
  padding: 20px;
}

._formGroup_xmzn9_43 {
  margin-bottom: 15px;
  position: relative;
}

._formControl_xmzn9_48 {
  width: 100%;
  padding: 12px 15px;
  font-size: 14px;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px;
  background-color: #fff;
  height: 48px !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._formControl_xmzn9_48:focus {
  border: 1px solid #7534e5 !important;
  box-shadow: none;
  outline: none;
}

/* Form type dropdown styling */

._formTypeContainer_xmzn9_67 {
  position: relative;
}

._formTypeDropdown_xmzn9_71 {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  z-index: 1000;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

._formTypeOption_xmzn9_85 {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 14px;
  color: #4a4a4a;
  border-bottom: 1px solid #f5f5f5;
}

._formTypeOption_xmzn9_85:hover {
  background-color: #f5f5f5;
  color: #7534e5;
}

._formTypeOption_xmzn9_85:last-child {
  border-bottom: none;
}

/* Bootstrap floating label styles */

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103 {
  height: calc(3.5rem + 2px);
  padding: 1rem 0.75rem;
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > label {
  padding: 1rem 0.75rem;
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:focus ~ label,
._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:not(:placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103::placeholder {
  color: transparent;
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > label {
  color: #4a4a4a;
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:focus ~ label,
._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:not(:placeholder-shown) ~ label {
  color: black !important;
  opacity: 1;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:focus,
._modalBody_xmzn9_39 ._form-floating_xmzn9_103 > ._form-control_xmzn9_103:not(:placeholder-shown) {
  color: black !important;
}

._formControl_xmzn9_48:focus,
._form-control_xmzn9_103:focus {
  border-color: black !important;
  box-shadow: none !important;
  outline: none;
}

._formControl_xmzn9_48,
._form-control_xmzn9_103 {
  color: black !important;
}

._errorMessage_xmzn9_150 {
  color: #dc3545;
  font-size: 12px;
  margin-top: 5px;
}

._modalFooter_xmzn9_156 {
  padding: 15px 20px;
  border-top: 1px solid #e3e3e3;
  display: flex;
  justify-content: flex-end;
}

._saveButton_xmzn9_163 {
  background-color: #7534e5;
  border: none;
  border-radius: 4px;
  color: white;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 13px;
  cursor: pointer;
  font-family: "Inter", sans-serif !important;
  width: 95px;
  height: 34px;
}

._saveButton_xmzn9_163:hover {
  background-color: #6429c8;
}

._saveButton_xmzn9_163:disabled {
  background-color: #9a68e9;
  cursor: not-allowed;
}

._saveIcon_xmzn9_190 {
  width: 20px;
  height: 20px;
}

._modal-content_xmzn9_195 {
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._formControl_xmzn9_48._is-invalid_xmzn9_200 {
  border-color: #dc3545;
  background-image: none;
}
/* Button */
._addBtn_ckmj2_2 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  padding: 0px 16px !important;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 134px;
  height: 34px;
}

/* Ensure no dropdown icon appears */
#_dropdown-custom_ckmj2_1::after {
  content: none !important;
  display: none !important;
}

/* Button hover effect */
._addBtn_ckmj2_2:hover {
  background-color: #6528c7 !important;
  border-color: rgba(101, 40, 199, 0.5) !important;
}

/* Dropdown container */
._dropdown_ckmj2_32 {
  position: relative;
  display: inline-block;
}

._dropdownMenu_ckmj2_37 {
  font-size: 13px !important;
  padding: 5px 0 !important;
  border: 1px solid #e4e7ec !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
  background-color: white !important;
  position: absolute !important;
  left: -70px !important; /* Position it more to the left to match reference */
  right: auto !important;
  top: 100% !important;
  margin-top: 4px !important;
  min-width: 270px !important; /* Much wider to match reference */
  width: auto !important;
  border-radius: 6px !important;
  z-index: 1000 !important;
  max-width: none !important;
}

/* Dropdown items */
._dropdownItem_ckmj2_56 {
  padding: 8px 16px !important;
  color: #333 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  border-bottom: 1px solid #f0f0f0 !important;
  line-height: 1.3 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  width: 100% !important;
}

/* Remove border from last item */
._dropdownItem_ckmj2_56:last-child {
  border-bottom: none !important;
}

/* Hover effect */
._dropdownItem_ckmj2_56:hover {
  background-color: #f5f5f5 !important;
  color: #333 !important;
}

._plusIcon_ckmj2_80 {
  font-size: 18px;
  color: white;
}

._text_ckmj2_85 {
  display: inline-block;
  vertical-align: middle;
}

._flexCenter_ckmj2_90 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}


._customPopover_vk4gj_5 {
  font-family: 'Inter', sans-serif !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  border: 1px solid #e9ecef !important;
  width: 494px !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

._popoverHeader_vk4gj_25 {
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #333 !important;
  background-color: white !important;
  padding: 10px 16px 10px 16px !important;
  border-bottom: 1px solid #e9ecef !important;
  height: 36px !important;
}

._popoverBody_vk4gj_47 {
  padding: 0 !important;
  max-height: 300px !important;
  overflow-y: auto !important;
}

._formsList_vk4gj_59 {
  display: flex !important;
  flex-direction: column !important;
}

._formItem_vk4gj_69 {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
  border-bottom: 1px solid #f0f0f0 !important;
  height: 34px !important;
}

._formItem_vk4gj_69:hover {
  background-color: #e2e6ea !important;
}

._formItem_vk4gj_69:last-child {
  border-bottom: none !important;
}

._iconContainer_vk4gj_105 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin-right: 12px !important;
  color: #6c757d !important;
}

._formInfo_vk4gj_125 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  flex: 1 !important;
}

._formId_vk4gj_141 {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #212529 !important;
  white-space: nowrap !important;
}

._formName_vk4gj_155 {
  font-size: 14px !important;
  color: #495057 !important;
  flex: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._showAllItem_vk4gj_173 {
  border-bottom: 2px solid #e9ecef !important;
  background-color: #f8f9fa !important;
  font-weight: 500 !important;
}

._showAllItem_vk4gj_173:hover {
  background-color: #e9ecef !important;
}

._showAllIcon_vk4gj_193 {
  color: #495057 !important;
}

._showAllText_vk4gj_201 {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #212529 !important;
  white-space: nowrap !important;
}

/* Scrollbar styling */

._popoverBody_vk4gj_47::-webkit-scrollbar {
  width: 8px !important;
}

._popoverBody_vk4gj_47::-webkit-scrollbar-track {
  background: transparent !important;
}

._popoverBody_vk4gj_47::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
  border-radius: 4px !important;
}

/* For Firefox */

._popoverBody_vk4gj_47 {
  scrollbar-width: thin !important;
  scrollbar-color: #ccc transparent !important;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._navbar_1opc2_8 {
  border-bottom: 1px solid #e5e5e5;;
}

._navbarRow_1opc2_11 {
  width: 100%;
}

._navbarCol_1opc2_14 {
  text-align: end;
}

._icon_1opc2_17 {
  font-size: 24px !important;
}

._addBtn_1opc2_20 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  white-space: nowrap; 
}

._input_1opc2_30 {
  margin-top: 10px;
}

._closeBtn_1opc2_34 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}

._modalBody_1opc2_44 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */

._modalBody_1opc2_44::-webkit-scrollbar {
  display: none;
}

._modalFooter_1opc2_55 {
  display: block !important;
  width: 100% !important;
}

._deleteCol_1opc2_59 {
  text-align: start !important;
}

._delete_1opc2_59 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._saveCol_1opc2_75 {
  text-align: end !important;
}

._save_1opc2_75 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1opc2_91 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._icon2_1opc2_97 {
  width: 40px !important;
}

._imageUpload_1opc2_100 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._uploadLabel_1opc2_111 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._icon3_1opc2_117 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}

._saveDiv_1opc2_122 {
  margin-top: 2px !important;
}

._label_1opc2_126 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */

._colorPickerContainer_1opc2_139 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_1opc2_145 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_1opc2_151 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_1opc2_163 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_1opc2_170 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._colorText_1opc2_177 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

/* CSS For Color Picker START */

/* Split Button CSS START */

._splitButton_1opc2_185 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 636px; /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._categoryButton_1opc2_197 {
  width: 119px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._categoryButtonActive_1opc2_214 {
  width: 119px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._addBtn_1opc2_20:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._addBtn_1opc2_20:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._tracksButton_1opc2_239 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._tracksButtonActive_1opc2_256 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._evaluationButton_1opc2_273 {
  width: 172px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._evaluationButtonActive_1opc2_290 {
  width: 172px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._acceptanceButton_1opc2_307 {
  width: 244px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._acceptanceButtonActive_1opc2_324 {
  width: 244px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_1opc2_342 {
  width: 1px;
  height: 100%; /* Full height */
  background-color: #ccc;
}

._categoryButton_1opc2_197:hover,
._tracksButton_1opc2_239:hover,
._evaluationButton_1opc2_273:hover,
._acceptanceButton_1opc2_307:hover {
  background-color: white; /* Light Purple */
}

._icon_1opc2_17 {
  margin-right: 6px;
}

/* Split Button CSS END */


* {
  font-family: "Inter", sans-serif !important;
}

._modalDialog_esd16_7 {
  max-width: 456px !important;
  height: 612px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Modal Container */

._modalContainer_esd16_16 {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  height: 612px;
  display: flex;
  flex-direction: column;
}

._modalDialog_esd16_7 {
  max-width: 456px !important;
  width: 456px !important;
  margin: 1.75rem auto !important;
}

/* Header */

._modalHeader_esd16_31 {
  width: 456px !important;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e3e3e3;
  background: #ffffff !important;
}

._modalTitle_esd16_42 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

._closeButton_esd16_48 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}

._closeButton_esd16_48:hover {
  background: #f4f4f4;
}

/* Modal Body */

._modalBody_esd16_66 {
  flex-grow: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Form Groups */

._formGroup_esd16_75 {
  position: relative;
  margin-bottom: 16px;
}

/* Focus state for react-select */

._formGroup_esd16_75 ._react-select__control--is-focused_esd16_81 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 7px !important;
}

/* Focus state for the wrapper */

._formGroup_esd16_75:focus-within {
  z-index: 1001;
}

/* Floating Label */

._formLabel_esd16_92 {
  position: absolute;
  top: 50%;
  left: 8px;
  font-weight: 400 !important;
  transform: translateY(-50%);
  font-size: 14px;
  color: #000000;
  transition: all 0.2s ease;
  pointer-events: none;
  background: white;
  padding: 0 4px;
}

/* Select Inputs - Labels Stay Inside */

._selectGroup_esd16_108 {
  position: relative;
}

/* Status Toggle */

._statusGroup_esd16_114 ._label_esd16_114 {
  padding-right: 16px !important;
}

._selectDisable_esd16_117 ._react-select__control_esd16_81 {
  background-color: white !important;
}

/* Footer */

._modalFooter_esd16_121 {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 24px;
  border-top: 1px solid #e3e3e3;
  margin-top: auto; /* Ensures footer stays at the bottom */
}

/* Delete Button */

._deleteButton_esd16_135 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

._deleteIcon_esd16_148 {
  width: 24px;
  height: 24px;
}

/* Delete Button Hover Effect */

._deleteButton_esd16_135:hover:not(:disabled) {
  background: #f4f4f4;
}

/* Save Button */

._saveButton_esd16_159 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-left: auto;
}

._saveIcon_esd16_177 {
  width: 17px;
  height: 17px;
}

._saveButton_esd16_159:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_esd16_159:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

/* Wrapper for react-select */

._selectWrapper_esd16_193 {
  position: relative;
}

/* Ensure the label is positioned correctly for react-select */

._selectWrapper_esd16_193 ._formLabel_esd16_92 {
  position: absolute;
  top: 14px;
  left: 8px;
  font-weight: 400 !important;
  font-size: 11px;
  color: #000000;
  background: transparent;
  padding: 0 4px;
  z-index: 1000;
  transition: all 0.2s ease;
}

/* Adjust the padding for react-select to align with the floating label */

._selectWrapper_esd16_193 ._react-select__control_esd16_81 {
  padding-top: 15px !important;
  z-index: 1001;
}

/* Move the label up when the select is focused or has a value */

._selectWrapper_esd16_193 ._react-select__control--is-focused_esd16_81 ~ ._formLabel_esd16_92,
._selectWrapper_esd16_193 ._react-select__control--has-value_esd16_219 ~ ._formLabel_esd16_92 {
  top: 10px;
  left: 12px;
  font-size: 90px !important;
  font-weight: 400 !important;
  color: #000000;
}

/* Focus state for react-select */

._selectWrapper_esd16_193 ._react-select__control--is-focused_esd16_81 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
}

/* Focus state for the wrapper */

._selectWrapper_esd16_193:focus-within {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  z-index: 1001;
}




* {
  font-family: 'Inter', sans-serif !important;
}

._switchContainer_b09zv_8 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}

._switchInput_b09zv_15 {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_b09zv_21 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 24px;
}

._slider_b09zv_21:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

._switchInput_b09zv_15:checked + ._slider_b09zv_21 {
  background-color: #6200ea;
}

._switchInput_b09zv_15:checked + ._slider_b09zv_21:before {
  transform: translateX(25px);
}

* {
  font-family: 'Inter', sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_1y413_9 {
  margin: 0 auto !important; /* Center the modal */
  max-width: 456px !important; /* Set the maximum width */
  width: 100% !important; /* Ensure it takes full width up to the max-width */
  height: 164px !important; /* Set the height */
}

/* Header */

._header_1y413_18 {
  border-bottom: none !important; /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_1y413_24 {
  width: 375px !important;
  height: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important; /* Remove default margin */
}

/* Body */

._body_1y413_36 {
  width: 408px !important;
  height: 80px !important; 
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4A4A4A !important; /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Footer */

._footer_1y413_51 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Delete Button */

._deleteButton_1y413_62 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._deleteButton_1y413_62:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._deleteButton_1y413_62:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

/* Cancel Button */

._cancelButton_1y413_89 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #FFFFFF66 !important; /* Stroke-40 */
  background: #7534E5 !important; /* Primary */
  color: #FFFFFF !important; /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._cancelButton_1y413_89:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._cancelButton_1y413_89:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}._filledTextField_3tdjj_1 {
  position: relative;
  margin-bottom: 10px;
  margin-left: 8px; 
  font-family: 'Inter', sans-serif;
  box-sizing: border-box; 
}

._fieldLabel_3tdjj_9 {
  position: absolute;
  top: 50%; 
  left: 16px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Inter', sans-serif;
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  transform: translateY(-50%); 
  transition: transform 0.2s ease, color 0.2s ease, top 0.2s ease, font-size 0.2s ease; 
  z-index: 1; 
}

._inputContainer_3tdjj_23 {
  position: relative;
  background-color: rgba(255, 255, 255, 0.06); 
  border-radius: 6px;
  height: 48px;
  width: 530px; 
  padding: 0 16px; 
  border: 1px solid #e3e3e3;
  box-sizing: border-box; 
  display: flex; 
  align-items: center; 
}

._filledTextField_3tdjj_1 input {
  width: 100%;
  height: auto;
  border: none; 
  background: transparent;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: rgba(0, 0, 0, 0.87);
  outline: none; 
  padding: 14px 0 0 0;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
}

._filledTextField_3tdjj_1 input:focus {
  outline: none !important;
  border: none !important; 
  box-shadow: none !important;
}

/* Label floating state */
._filledTextField_3tdjj_1._focused_3tdjj_58 ._fieldLabel_3tdjj_9,
._filledTextField_3tdjj_1._filled_3tdjj_1 ._fieldLabel_3tdjj_9 {
  top: 8px;
  font-size: 11px;
  transform: translateY(0);
  color: #000000; /* Primary color */
}

/* Input placeholder states */
._filledTextField_3tdjj_1 input::placeholder {
  color: transparent; 
}
._filledTextField_3tdjj_1._focused_3tdjj_58 input::placeholder {
  color: rgba(0, 0, 0, 0.4); 
}

/* Error state */
._filledTextField_3tdjj_1._error_3tdjj_75 ._inputContainer_3tdjj_23 { 
  border-color: #d32f2f;
}
._filledTextField_3tdjj_1._error_3tdjj_75 ._fieldLabel_3tdjj_9 {
  color: #d32f2f; /* Error color */
}

/* Focused container state */
._filledTextField_3tdjj_1._focused_3tdjj_58 ._inputContainer_3tdjj_23 {
  border-color: #999; 
}

/* Hover container states */
._filledTextField_3tdjj_1:hover ._inputContainer_3tdjj_23 {
  border-color: none; /* Consider removing or using a subtle hover color */
}
._filledTextField_3tdjj_1._focused_3tdjj_58:hover ._inputContainer_3tdjj_23 {
  border-color: none; /* Keep focus color */
}
._filledTextField_3tdjj_1._error_3tdjj_75:hover ._inputContainer_3tdjj_23 {
  border-color: #d32f2f; /* Keep error color */
}
._criteriaRow_1uecc_2 {
  display: flex;
  gap: 16px; 
  margin-top: 8px;
  margin-bottom: 10px;
  align-items: center; 
  margin-right: 8px;
  margin-left: 8px;
}

._filledTextField_1uecc_12 {
  position: relative;
  font-family: 'Inter', sans-serif;
  flex-grow: 1; 
  width: 100%;   
  box-sizing: border-box; 
}

._fieldLabel_1uecc_20 {
  position: absolute;
  top: 50%;
  left: 16px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  transform: translateY(-50%);
  transition: transform 0.2s ease, color 0.2s ease, font-size 0.2s ease, top 0.2s ease; 
  z-index: 1; 
}

._inputContainer_1uecc_33 {
  position: relative;
  background-color: rgba(255, 255, 255, 0.06); 
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  height: 48px; 
  padding: 0 16px; 
  box-sizing: border-box; 
  display: flex; 
  align-items: center; 
  width: 100%; 
}

._filledTextField_1uecc_12 input {
  width: 100%;
  height: auto; 
  border: none;
  background: transparent;
  font-size: 14px;
  font-family: 'Inter', sans-serif; 
  color: rgba(0, 0, 0, 0.87); 
  outline: none;
  padding: 14px 0 0 0; 
  position: relative; 
  z-index: 0; 
  box-sizing: border-box; 
}

._filledTextField_1uecc_12 input:focus {
   border: none !important;
   outline: none !important;
   box-shadow: none !important;
}

/* Label placeholder state */
._filledTextField_1uecc_12:not(._focused_1uecc_68):not(._filled_1uecc_12) ._fieldLabel_1uecc_20 {
  top: 50%;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  transform: translateY(-50%);
}

/* Label floating state (focused or filled) */
._filledTextField_1uecc_12._focused_1uecc_68 ._fieldLabel_1uecc_20,
._filledTextField_1uecc_12._filled_1uecc_12 ._fieldLabel_1uecc_20 {
  top: 8px; 
  font-size: 11px;
  transform: translateY(0);
  color: #000000; /* Primary color */
}

/* Container focus state */
._filledTextField_1uecc_12._focused_1uecc_68 ._inputContainer_1uecc_33 {
    border-color: #999; /* Primary color */
}

/* Container error state */
._filledTextField_1uecc_12._error_1uecc_90 ._inputContainer_1uecc_33 { 
  border-color: #d32f2f;
}
._filledTextField_1uecc_12._error_1uecc_90 ._fieldLabel_1uecc_20 {
  color: #d32f2f; /* Error color */
}

/* Container hover states */
._filledTextField_1uecc_12:hover ._inputContainer_1uecc_33 {
  border-color: none; /* Consider removing or setting a subtle hover color e.g., #bbb */
}
._filledTextField_1uecc_12._focused_1uecc_68:hover ._inputContainer_1uecc_33 {
  border-color: none; /* Keep focus color */
}
._filledTextField_1uecc_12._error_1uecc_90:hover ._inputContainer_1uecc_33 {
  border-color: #d32f2f; /* Keep error color */
}

/* Add/Remove Buttons */
._addButton_1uecc_109, 
._removeButton_1uecc_110 {
  background: none;
  border: 1px solid #E3E3E3;
  border-radius: 6px;
  cursor: pointer;
  margin-left: auto; /* Push buttons to the right */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0; 
}

._addButton_1uecc_109 img, 
._removeButton_1uecc_110 img {
  width: 24px;
  height: 24px;
  display: block;
}._dropdown_j2353_1 {
    position: relative;
    width: 531px;
    height: 48px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-top: 10px;
    font-family: 'Inter', sans-serif;
  }
  
  ._dropdownButton_j2353_11 {
    position: relative;
    background-color: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    width: 100%;
    max-width: 531px;
    height: 48px;
    padding: 8px 16px 10px 14px;
    border: 1px solid #e3e3e3;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  ._dropdownButton_j2353_11:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  ._dropdownLabel_j2353_33 {
    position: absolute;
    top: 24px;
    left: 16px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    pointer-events: none;
    transform: translateY(-50%);
    transition: transform 0.2s ease, color 0.2s ease, font-size 0.2s ease;
  }
  
  ._dropdown_j2353_1._open_j2353_45 ._dropdownLabel_j2353_33,
  ._dropdown_j2353_1._filled_j2353_46 ._dropdownLabel_j2353_33 {
    top: 6px;
    font-size: 11px;
    transform: translateY(0);
    color: #000000; 
  }
  
  ._selectedValue_j2353_53 {
    position: absolute;
    top: 30px;
    left: 16px;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.87);
  }
  
  ._dropdownContent_j2353_61 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    width: 531px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    z-index: 1;
    margin-top: 0px;
    gap: 4px;
  }
  
  ._dropdownContent_j2353_61 a {
    color: #000000;
    padding: 6px 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    border-bottom: 1px solid #e3e3e3;
  }
  
  ._dropdownContent_j2353_61 a:hover {
    background-color: #7534E5;
    color: white;
  }
  
  ._dropdown_j2353_1._open_j2353_45 ._dropdownContent_j2353_61 {
    display: block;
  }
  
  ._arrow_j2353_93 {
    margin-left: auto;
    transition: transform 0.2s;
  }
  
  ._dropdown_j2353_1._open_j2353_45 ._arrow_j2353_93 {
    transform: rotate(180deg);
  }

  /* ToggleSwitch.module.css */
._switch_jg3p0_2 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}

._input_jg3p0_9 {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_jg3p0_15 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: background-color 0.4s ease;
  border-radius: 100px;
}

._slider_jg3p0_15:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  border-radius: 100px;
  left: 3px;
  top: 3px;
  background-color: white;
  transition: transform 0.4s ease;
}

input:checked + ._slider_jg3p0_15 {
  background-color: #7534E5;
}

input:checked + ._slider_jg3p0_15:before {
  transform: translateX(24px);
}
._modal_txapj_2 .modal-dialog {
  max-width: 579px; 
  width: 100%; 
}

._modal_txapj_2 .modal-content {
  height: 612px;
  overflow-y:auto;
  overflow-x:none;
  scrollbar-width: none;
}

._modalHeader_txapj_14 {
  border-bottom: 1px solid #E3E3E3 !important;
  padding: 0px 24px 0px 24px !important;
  width: 579px !important;
  height: 56px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0; 
} 

._modalHeader_txapj_14 ._modalTitle_txapj_25{
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
}

._modalBody_txapj_31 {
  flex-grow: 1; 
  overflow-y: auto; /* Make the body scrollable */
  padding: 28px;
}

._modalFooter_txapj_37 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  padding: 16px !important;
  flex-shrink: 0;
}
/* Optional: Style adjustments for better scroll appearance */
._modalBody_txapj_31::-webkit-scrollbar {
  width: 0px; /* Adjust the scrollbar width */
}

._modalBody_txapj_31::-webkit-scrollbar-thumb {
  background: none; /* Change color of scrollbar */
  border-radius: 3px;
}

._modalBody_txapj_31::-webkit-scrollbar-thumb:hover {
  background: #555; /* Hover color for scrollbar */
}

._nameField_txapj_59 {
  margin-bottom: 16px;
  margin-top: 24px;
  margin-left: 8px;
}


._data_txapj_66 {
  font-family: 'Inter',sans-serif;
  font-size: 14px;
  font-weight: 400px;
  color: black;
  margin-left: 6px;
  margin-bottom: 6px;
  margin-top: 6px;
}

._status_txapj_76 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400px;
  color: black;
  margin-left: 6px;
  margin-right: 6px;
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}


._toggleSwitch_txapj_90 {
  margin-left: 20px
}

._modalFooter_txapj_37 ._deleteButton_txapj_94 {
  margin-right: auto !important;
  width: 34px;
  height: 34px;
  border: 1px solid #E3E3E3 !important;
  border-radius: 6px !important;
  padding: 6px 16px 6px 16px !important;
  display: flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  gap: 6px !important; 
  padding: 0 12px !important; 
  background-color: white !important;
}

._modalFooter_txapj_37 ._saveButton_txapj_109 {
  margin-left: auto !important;
  width: 95px !important;
  height: 34px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #FFFFFF !important;
  background-color: #7534E5 !important;
  border: 1px solid #FFFFFF66 !important;
  border-radius: 6px !important;
  padding: 6px 16px 6px 16px !important;
  display: flex !important; /* Use Flexbox for alignment */
  align-items: center !important; 
  justify-content: center !important; 
  gap: 6px !important; 
  padding: 0 12px !important; 
}


._customCloseButton_txapj_129 {
  background: none;
  border: 1px solid #E3E3E3 !important;
  line-height: 1;
  padding: 0 !important; 
  margin-left: auto;
  width: 34px;
  height: 34px;
  position: relative; 
  
  
  border-radius: 0;
  box-shadow: none;
}


._customCloseButton_txapj_129 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 16px;
  max-height: 16px;
  margin: 0; 
  padding: 0; 
}

._customCloseButton_txapj_129:hover {
  color: #000;
  text-decoration: none;
}


.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
._modalOverlay_1vc5b_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._modalContent_1vc5b_14 {
  width: 456px;
  height: 648px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  position: relative;
}

._modalHeader_1vc5b_25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

._modalHeader_1vc5b_25 h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

._closeButton_1vc5b_39 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

._modalBody_1vc5b_51 {
  padding: 20px 24px;
  flex-grow: 1;
}

/* Update these styles for floating labels */
._formGroup_1vc5b_57 {
  margin-bottom: 20px;
  position: relative;
}

._inputWrapper_1vc5b_62 {
  position: relative;
  width: 100%;
}

._label_1vc5b_67 {
  position: absolute;
  left: 9px;
  top: 14px;
  font-size: 14px;
  color: #6b7280;
  pointer-events: none;
  transition: 0.2s ease all;

  padding: 0 4px;
  z-index: 1;
}

._input_1vc5b_62:focus ~ ._label_1vc5b_67,
._input_1vc5b_62:not(:placeholder-shown) ~ ._label_1vc5b_67,
._select_1vc5b_82:focus ~ ._label_1vc5b_67,
._select_1vc5b_82:not([value=""]):valid ~ ._label_1vc5b_67 {
  top: 1px;
  font-size: 12px;
  color: #000000;
}

._input_1vc5b_62,
._select_1vc5b_82 {
  width: 100%;
  padding: 16px 12px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  height: 45px;
}

/* Add focus state for inputs */
._input_1vc5b_62:focus,
._select_1vc5b_82:focus {
  border-color: #7c3aed;
  outline: none;
  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.1);
}

/* Error styles */
._inputError_1vc5b_109 {
  border-color: #ef4444 !important;
}

._inputErrorIcon_1vc5b_113 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #ef4444;
  font-size: 18px;
}

._errorText_1vc5b_122 {
  display: block;
  color: #ef4444;
  font-size: 12px;
  margin-top: 4px;
}

/* Date picker specific styles */
._datePickerGroup_1vc5b_130 {
  margin-bottom: 20px;
}

._datePickerLabel_1vc5b_134 {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

/* Adjust date picker styles for standard label */
._datePickerWrapper_1vc5b_143 {
  display: flex;
  align-items: center;
  position: relative;
  width: 238px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background-color: white;
}

._datePickerInput_1vc5b_153 {
  flex-grow: 1;
  padding: 12px;
  padding-left: 32px;
  border: none !important;
  font-size: 14px;
  color: #374151;
  background-color: transparent;
  height: 45px;
}

/* Status group needs special handling */
._statusGroup_1vc5b_165 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._statusGroup_1vc5b_165 ._label_1vc5b_67 {
  position: static;
  background: none;
  padding: 0;
}

._datePickerIcon_1vc5b_177 {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
  pointer-events: none;
  font-size: 18px;
}

/* Add focus state to wrapper */
._datePickerWrapper_1vc5b_143:focus-within {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.2);
}

/* Override react-datepicker styles */
.react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__input-container {
  width: 100%;
}

._calendarIcon_1vc5b_202 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}

._toggleSwitch_1vc5b_210 {
  position: relative;
  width: 50px;
  height: 25px;
  background-color: #d1d5db;
  border-radius: 12px;
  transition: 0.4s;
  border-radius: 28px;
  cursor: pointer;
}

._toggleSwitch_1vc5b_210._active_1vc5b_221 {
  background-color: #7c3aed;
}

._toggleSlider_1vc5b_225 {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

._toggleSwitch_1vc5b_210._active_1vc5b_221 ._toggleSlider_1vc5b_225 {
  transform: translateX(26px);
}

._footerContainer_1vc5b_241 {
  margin-top: auto;
}

._footerSeparator_1vc5b_245 {
  margin-bottom: 0px;
  height: 1px;
  background-color: #000000; /* Black color */
  margin-left: -0px; /* Offsets extra width */
  margin-top: 10px;
}
._modalFooter_1vc5b_252 {
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
}

._saveButton_1vc5b_258 {
  width: 95px;
  height: 34px;

  background-color: #7c3aed;
  color: white;
  border: none;
  padding: 8px 24px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._saveIcon_1vc5b_277 {
  width: 16px;
  height: 16px;
  filter: brightness(0) invert(1); /* Make the icon white */
}

._saveButton_1vc5b_258:hover {
  background-color: #8b5cf6;
}

/* Update the saveButton styles to handle disabled state */
._saveButton_1vc5b_258:disabled {
  background-color: #a78bda;
  cursor: not-allowed;
  opacity: 0.7;
}

/* Add spinner styles at the end of the file */
._spinner_1vc5b_295 {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: _spin_1vc5b_295 0.8s linear infinite;
  margin-right: 8px;
}

@keyframes _spin_1vc5b_295 {
  to {
    transform: rotate(360deg);
  }
}


* {
  font-family: 'Inter', sans-serif !important;
}

._modalCustom_10dr4_13 {
  max-width: 579px !important;
  height: 612px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._modalContainer_10dr4_29 {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  width: 579px;
  height: 612px;
  display: flex;
  flex-direction: column;
}

._modalHeader_10dr4_49 {
  width: 579px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e3e3e3;
  background: #FFFFFF !important;
  margin-bottom: -22px;
  position: sticky;
  top: 0;
  z-index: 20001;
}

._modalTitle_10dr4_79 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}

._closeButton_10dr4_91 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}

._closeButton_10dr4_91:hover {
  background: #f4f4f4;
}

._modalBody_10dr4_125 {
  flex-grow: 1;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

._modalBody_10dr4_125::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

._formGroup_10dr4_155 {
  position: relative;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

._formOptionGroup_10dr4_167 {
  position: relative;
  margin-bottom: 8px !important;
}

._selectLabel_10dr4_177 {
  position: absolute;
  top: 8px !important;
  left: 12px;
  font-size: 11px;
  font-weight: 400;
  color: #000000;
  background: transparent;
  padding: 0 4px;
  z-index: 1000;
  transition: all 0.2s ease;
}

._inputLabel_10dr4_203 {
  position: absolute;
  top: 15px;
  left: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  background: transparent;
  padding: 0 4px;
  z-index: 1000;
  transition: all 0.2s ease;
}

._formControl_10dr4_229:focus ~ ._inputLabel_10dr4_203,
._formControl_10dr4_229:not(:placeholder-shown) ~ ._inputLabel_10dr4_203 {
  top: 5px;
  font-size: 10px;
  color: #000000;
}

._formControl_10dr4_229 {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  padding: 10px 16px;
  background: #ffffff !important;
  font-size: 14px !important;
  padding-top: 15px !important;
  font-weight: 400 !important;
  margin-bottom: -7px !important;
}

._inputField_10dr4_269 {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  padding: 10px 16px;
  font-size: 14px !important;
  padding-top: 15px !important;
  font-weight: 400 !important;
  margin-bottom: -7px !important;
}

._inputField_10dr4_269:focus ~ ._inputLabel_10dr4_203,
._inputField_10dr4_269:not(:placeholder-shown) ~ ._inputLabel_10dr4_203 {
  top: 5px;
  font-size: 10px;
  color: #000000;
}

._statusGroup_10dr4_309 ._label_10dr4_309 {
  padding-right: 16px !important;
}

._modalFooter_10dr4_317 {
  width: 579px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 24px;
  border-top: 1px solid #e3e3e3;
  margin-top: auto;
  position: sticky;
  bottom: 0;
  background: #ffffff;
}

._deleteButton_10dr4_345 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

._deleteIcon_10dr4_371 {
  width: 24px;
  height: 24px;
}

._deleteButton_10dr4_345:hover:not(:disabled) {
  background: #f4f4f4;
}

._saveButton_10dr4_389 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-left: auto;
}

._saveIcon_10dr4_425 {
  width: 17px;
  height: 17px;
}

._saveButton_10dr4_389:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_10dr4_389:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._selectWrapper_10dr4_455 {
  position: relative;
}

._selectWrapper_10dr4_455 ._selectLabel_10dr4_177 {
  position: absolute;
  top: 7px !important;
  left: 8px;
  font-weight: 400 !important;
  font-size: 11px;
  color: #000000;
  background: transparent;
  padding: 0 4px;
  z-index: 1000;
  transition: all 0.2s ease;
}

._selectWrapper_10dr4_455 ._react-select__control_10dr4_489 {
  padding-top: 15px !important;
  z-index: 1001;
}

._selectWrapper_10dr4_455 ._selectLabel_10dr4_177 {
  top: 2px;
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #000000;
}

._selectWrapper_10dr4_455 ._react-select__control--is-focused_10dr4_513 {
  border: 1px solid #999 !important;
  border-radius: 6px !important;
}

._selectWrapper_10dr4_455:focus-within {
  border: 1px solid #999 !important;
  border-radius: 6px !important;
  z-index: 1001;
}

._optionContainer_10dr4_535 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

._optionField_10dr4_549 {
  width: 481px;
  height: 48px;
  padding: 10px 16px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
}

._fieldPlaceholder_10dr4_573 {
  flex-grow: 1;
  color: #000000 !important;
}

._optionText_10dr4_583 {
  font-size: 14px;
  margin-left: -4px !important;
}

._addButton_10dr4_593, ._deleteOptionButton_10dr4_593 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

._addButton_10dr4_593:hover, ._deleteOptionButton_10dr4_593:hover {
  background: #f4f4f4;
}

._addIcon_10dr4_627 {
  width: 23px;
  height: 23px;
}

._optionInput_10dr4_637 {
  flex-grow: 1;
  border: none !important;
  outline: none !important;
  font-size: 14px !important;
  background: transparent;
  color :#000000 !important;
  margin-left: -4px !important;
}

._optionInput_10dr4_637::placeholder {
  color: #000000; /* Black color */
  opacity: 1; /* Ensure the placeholder is fully visible */
}

._optionInput_10dr4_637:focus {
  border: none !important;
  outline: none !important;
}

._optionsLabel_10dr4_677 {
  font-size: 14px !important;
  font-weight: 400;
  color: #000000;
  margin-bottom: 9px !important;
}

._isInvalid_10dr4_691 {
  border: 1px solid #dc3545 !important;
}

._errorMessage_10dr4_699 {
  color: #dc3545;
  font-size: 0.875em;
  margin-top: 0.6rem;
  margin-bottom: -1rem;
 
}

* {
  font-family: 'Inter', sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_12g7w_17 {
  margin: 0 auto !important; /* Center the modal */
  max-width: 456px !important; /* Set the maximum width */
  width: 100% !important; /* Ensure it takes full width up to the max-width */
  height: 164px !important; /* Set the height */
}

/* Header */

._header_12g7w_35 {
  border-bottom: none !important; /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_12g7w_47 {
  width: 375px !important;
  height: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important; /* Remove default margin */
}

/* Body */

._body_12g7w_71 {
  width: 408px !important;
  height: 80px !important; 
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4A4A4A !important; /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Footer */

._footer_12g7w_101 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Delete Button */

._deleteButton_12g7w_123 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._deleteButton_12g7w_123:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._deleteButton_12g7w_123:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

/* Cancel Button */

._cancelButton_12g7w_177 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #FFFFFF66 !important; /* Stroke-40 */
  background: #7534E5 !important; /* Primary */
  color: #FFFFFF !important; /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._cancelButton_12g7w_177:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._cancelButton_12g7w_177:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}/* ToggleSwitch.module.css */
._switch_jg3p0_2 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}

._input_jg3p0_9 {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_jg3p0_15 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: background-color 0.4s ease;
  border-radius: 100px;
}

._slider_jg3p0_15:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  border-radius: 100px;
  left: 3px;
  top: 3px;
  background-color: white;
  transition: transform 0.4s ease;
}

input:checked + ._slider_jg3p0_15 {
  background-color: #7534E5;
}

input:checked + ._slider_jg3p0_15:before {
  transform: translateX(24px);
}

* {
  font-family: 'Inter', sans-serif !important;
}

/* Main container for the reasons section */

._reasonContainer_1iasy_15 {
  width: 984px;
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--Stroke-Gray, #E3E3E3);
  background: var(--White, #FFFFFF);
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}

/* Header section containing title and controls */

._header_1iasy_39 {
  width: 982px !important;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 10px;
  background: var(--Selected-Gray, #f9f9f9);
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  background: #f8f9fa !important;
}

/* Title styling */

._title_1iasy_65 {
  margin-top: 14px;
  font-weight: 500;
  font-size: 16px;
  padding-left: 4px;
}

/* Container for control buttons */

._controls_1iasy_81 {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Common styling for filter and search icon buttons */

._filterButton_1iasy_95,
._searchIconButton_1iasy_97 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Filter icon styling */

._filterIcon_1iasy_127 {
  padding-bottom: 4px;
  padding-right: 1px;
}

/* Hover effect for filter and search buttons */

._filterButton_1iasy_95:hover,
._searchIconButton_1iasy_97:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside filter and search buttons */

._filterButton_1iasy_95 img,
._searchIconButton_1iasy_97 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_1iasy_167 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_1iasy_183 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_1iasy_183._visible_1iasy_207 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_1iasy_183::placeholder {
  color: #000000;
}

/* Table container */

._tableContainer_1iasy_239 {
  width: 984px;
  overflow: auto; /* Allow scrolling if content overflows */
}

/* Table styling */

._table_1iasy_239 {
  width: 100%;
  border-collapse: collapse;
}

/* Table header styling */

._table_1iasy_239 thead {
  width: 100% !important;
  height: 32px;
  font-family: Inter;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0;
  color: #4a4a4a;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Table header cell styling */

._table_1iasy_239 th {
  font-weight: 500 !important;
}

/* Checkbox column styling */

._table_1iasy_239 thead th:first-child {
  width: 217px !important;
  height: 32px;
  padding: 9px 14px;
  gap: 10px;
}

/* Name column styling */

._table_1iasy_239 thead th:nth-child(2) {
  width: 419px !important;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Options column styling */

._table_1iasy_239 thead th:nth-child(3) {
  width: 144px !important;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Abstract Type column styling */

._table_1iasy_239 thead th:nth-child(4) {
  width: 170px !important;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Status column styling */

._table_1iasy_239 thead th:nth-child(5) {
  width: 34px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Table row styling */

._table_1iasy_239 tbody tr {
  width: 100%;
  border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3);
}

._table_1iasy_239 tbody td:first-child {
  width: 183px;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 24px 12px 14px;
}

/* Name cell styling */

._table_1iasy_239 tbody td:nth-child(2) {
  width: 419px !important;
  font-size: 14px;
  font-weight: 500;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
  color: #000000;
}

/* Options cell styling */

._table_1iasy_239 tbody td:nth-child(3) {
  width: 144px !important;
  font-size: 14px;
  font-weight: 400;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
  color: #4a4a4a;
}

/* Abstract Type cell styling */

._table_1iasy_239 tbody td:nth-child(4) {
  width: 170px !important;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Options button cell styling */

._table_1iasy_239 tbody td:last-child {
  width: 34px;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Options button styling */

._optionsButton_1iasy_483 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none !important;
  margin-right: 2px;
}

._optionsButton_1iasy_483:hover {
  background: #f5f5f5 !important;
}

._optionsButton_1iasy_483:focus,
._optionsButton_1iasy_483:active {
  border: 1px solid transparent !important;
}

/* Footer container */

._footer_1iasy_531 {
  width: 984px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: var(--Selected-Gray, #F9F9F9);
  border-top: 1px solid var(--Stroke-Gray, #E3E3E3);
}

/* Selected info and "Showing" text styling */

._selectedInfo_1iasy_555,
._showingTex_1iasy_557 {
  font-size: 12px;
  color: #4A4A4A;
  font-weight: 400;
}

/* Pagination container */

._pagination_1iasy_571 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Page navigation buttons */

._pageButton_1iasy_585 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  padding: 5px;
  gap: 10px;
}

/* Disabled button styling */

._pageButton_1iasy_585:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
  border-color: #ddd;
}

/* Hover effect for page buttons */

._pageButton_1iasy_585:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

/* "1 of 2" text styling */

._pageText_1iasy_647 {
  width: 71px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  padding: 10px 16px;
  gap: 10px;
}

._popover_1iasy_679 {
  width: 2px !important;
  height: 5px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border: none;
}

._popoverBody_1iasy_693 {
  padding: 0 !important;
}

._modalButton_1iasy_701 {
  display: flex;
  align-items: center;
  width: 150px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

._modalButton_1iasy_701:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_1iasy_737 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_1iasy_749 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Skeleton Loading Styles */

._skeleton_1iasy_763 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_1iasy_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_1iasy_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._skeletonText_1iasy_799 {
  height: 16px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_1iasy_811 {
  height: 24px;
  width: 24px;
  border-radius: 50%;
}

._skeletonSwitch_1iasy_823 {
  height: 24px;
  width: 48px;
  border-radius: 12px;
}

._emptyState_1rg0b_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
  background: white;
  border-radius: 8px;
  margin: 20px;
}

._emptyStateIcon_1rg0b_27 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  margin-bottom: 16px;
}

._emptyState_1rg0b_1 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
  font-weight: 600;
}

._emptyState_1rg0b_1 p {
  margin-bottom: 16px;
  color: #666;
  max-width: 400px;
}

._addButton_1rg0b_67 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  white-space: nowrap; 
  padding: 8px 16px;
}

._addButton_1rg0b_67:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}
._addButton_1rg0b_67:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}/* Page Container */
._pageContainer_nlk2x_2 {
  width: 100% !important;
  height: calc(100vh - 150px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  scrollbar-color: #ccc transparent !important;
}

/* For Chrome, Edge, and Safari */
._pageContainer_nlk2x_2::-webkit-scrollbar {
  width: 8px;
}

._pageContainer_nlk2x_2::-webkit-scrollbar-track {
  background: transparent;
}

._pageContainer_nlk2x_2::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

/* Alignment Utility */
._alignWithButton_nlk2x_26 {
  padding-left: 16px;
  padding-right: 16px;
}

/* Card Body Layout */
._cardBody_nlk2x_32 {
  display: flex;
  justify-content: center;
}

/* Positioning Utilities */
._position-relative_nlk2x_38 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

._d-flex_nlk2x_44 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* User Avatar */
._avatar_nlk2x_51 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* Circular Shape */
    background: linear-gradient(145deg, #cfcfcf, #f0f0f0);
    /* Gradient Background */
    box-shadow:
        inset 4px 4px 6px #ffffff,
        inset -4px -4px 6px #aaaaaa;
    /* Inner Shadow */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px !important;
    margin-right: 10px;
    text-transform: uppercase;
    /* Uppercase Text */
}

/* Table Container */
._tableContainer_nlk2x_75 {
  border: 0px solid #dee2e6 !important;
  border-collapse: collapse !important;
  max-height: 600px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-spacing: 0;
  width: 100% !important;
}

/* Table Header Row */
._headerRow_nlk2x_87 {
    background-color: #F9F9F9 !important;
    color: #424242 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19.36px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    border-bottom: 1px solid #dee2e6 !important;
    border-left: none !important;
    border-right: none !important;
    text-align: left !important;
    padding: 5px 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

/* Table Header Cells */
._tableHeaderName_nlk2x_106 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #424242 !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding: 9px 18px !important;
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
}

._tableHeader_nlk2x_106 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #424242 !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding: 9px 24px !important;
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
}

._tableHeader_nlk2x_106 th {
  vertical-align: middle !important;
}

/* Table Rows */
._tableRow_nlk2x_135 {
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
    /* Default to #E3E3E3 */
    width: 100% !important;
}

._tableRowDark_nlk2x_141 {
  border-bottom: 1px solid #000000;
  /* If you want a darker border */
}

/* Table Data Cells */
._tableCell_nlk2x_147 {
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 18px !important;
}

._tableCell1_nlk2x_155 {
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 0px !important;
}

._avatarCircle_nlk2x_163 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  background: linear-gradient(
    to bottom,
    #d3d3d3,
    #888
  ); /* Gradient like the image */
  color: white;
  margin-right: 14px;
}

._formHeader_nlk2x_181 {
  font-size: 16px;
  font-weight: 500;
  background-color: #f9f9f9;
}

/* Name Column in Table */
._tableCellName_nlk2x_188 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Custom Purple Checkbox Styles */
input[type="checkbox"]:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
}

input[type="checkbox"]:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}

/* React Bootstrap Specific Override */
._form-check-input_nlk2x_211:checked {
  background-color: 6a0dad !important;
  border-color: #6a0dad !important;
}

/* Image Style for Table Cells */
._imageStyle_nlk2x_217 {
  width: 30px;
  height: 30px;
}

/* Dropdown Menu */

._dropdown-menu_nlk2x_224 {
  font-size: 0.85rem !important;
  min-width: 150px !important;
}

/* Dropdown Items */
._dropdown-item_nlk2x_230 {
  padding: 0.25rem 1rem !important;
}

._dropdownItem_nlk2x_234:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdownMenu_nlk2x_240 ._dropdownItem_nlk2x_234:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdown-item_nlk2x_230:hover {
  background-color: #f8f9fa;
  color: #000;
}

/* Dropdown Toggle Button */
._dropdownToggle_nlk2x_252 {
  font-size: 14px !important;
  padding: 2px 8px !important;
}

._filterButton_nlk2x_257,
._searchButton_nlk2x_258 {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgb(228, 228, 228) !important;
    background-color: white !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

._filterButton_nlk2x_257:hover,
._searchButton_nlk2x_258:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transform: scale(1.05) !important;
}

._filterButton_nlk2x_257 i,
._searchButton_nlk2x_258 i {
  font-size: 18px !important;
  color: #424242 !important;
}

/* Search Container */
._searchContainer_nlk2x_286 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Collapsed Search Input */
._searchInput_nlk2x_297 {
    transition: width 0.3s ease, opacity 0.3s ease !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    height: 32px !important;
    padding: 4px 8px !important;
    border: 1px solid #ccc !important;
}

/* Expanded Search Input */
._searchInputExpanded_nlk2x_310 {
  width: 200px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  margin-right: 10px !important;
}

/* Email Header and Column */
._emailHeader_nlk2x_319 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #424242 !important;
    text-align: left !important;
    /* Ensure left alignment */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    /* Set width to match the column width */
    height: 32px !important;
    padding-top: 9px !important;
    padding-right: 24px !important;
    padding-bottom: 9px !important;
    padding-left: 24px !important;
    /* Align with the column's padding */
    gap: 10px !important;
    border-bottom-width: 1px !important;
    box-sizing: border-box !important;
}

._emailColumn_nlk2x_343 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    color: #4A4A4A !important;
    text-align: left !important;
    /* Ensure left alignment to match the header */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    /* Set width to match the header */
    height: 38px !important;
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    /* Align with the header's padding */
    gap: 10px !important;
    box-sizing: border-box !important;
}

/* Assigned Header and Column */
._assignedHeader_nlk2x_367 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #424242 !important;
    text-align: left !important;
    /* Ensure left alignment */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    /* Set width to match the column width */
    height: 32px !important;
    padding-top: 9px !important;
    padding-right: 24px !important;
    padding-bottom: 9px !important;
    padding-left: 24px !important;
    /* Align with the column's padding */
    gap: 10px !important;
    border-bottom-width: 1px !important;
    box-sizing: border-box !important;
}

._assignedColumn_nlk2x_391 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    color: #4A4A4A !important;
    text-align: left !important;
    /* Ensure left alignment to match the header */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    /* Set width to match the header */
    height: 38px !important;
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    /* Align with the header's padding */
    gap: 10px !important;
    box-sizing: border-box !important;
}

/* Menu */
._menuIcon_nlk2x_415 {
  display: inline-block;
  padding-top: 5px;
  vertical-align: middle;
  cursor: pointer;
}

/* Pagination Container */
._paginationContainer_nlk2x_423 {
  font-size: 14px !important;
  color: #555 !important;
  background-color: #f9f9f9 !important;
  border-top: 1px solid #ddd !important;
  border-radius: 0 0 8px 8px !important;
}

._paginationTextContainer_nlk2x_431 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  background-color: #fff !important;
  min-width: 60px !important;
  font-size: 12px !important;
  color: #555 !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}

._paginationText_nlk2x_431 {
  font-size: 10px !important;
  font-weight: normal !important;
}

._paginationButton_nlk2x_451 {
  border: none !important;
  background: transparent !important;
  padding: 4px !important;
}

._paginationWrapper_nlk2x_457 {
  display: flex !important;
  align-items: left !important;
  gap: 8px !important;
  margin-left: auto !important;
}

._squareButton_nlk2x_464 {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: #fff !important;
  transition: background-color 0.3s ease !important;
}

._squareButton_nlk2x_464:hover {
  background-color: #f8f9fa !important;
}

._squareButton_nlk2x_464:disabled {
  background-color: #f9f9f9 !important;
  color: #eeeeee !important;
  border-color: #e2e2e2 !important;
  cursor: not-allowed !important;
}

._purpleCheckbox_nlk2x_488 ._form-check-input_nlk2x_211:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
  box-shadow: none !important;
}

._purpleCheckbox_nlk2x_488 ._form-check-input_nlk2x_211:checked::before {
  background-color: white !important;
}

._purpleCheckbox_nlk2x_488 ._form-check-input_nlk2x_211:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}

/* Text and Font Utilities */
._selectedText_nlk2x_503 {
  font-size: 14px;
  font-weight: normal;
}

._customFontSize_nlk2x_508 {
  font-size: 10px;
}

._customPopover_nlk2x_512 {
  padding: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
  min-width: 200px !important;
  max-width: 400px !important;
}

._customPopoverBody_nlk2x_521 {
  padding: 0 !important;
}

._customDropdownItem_nlk2x_525 {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  width: 100% !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 14px !important;
  color: #333 !important;
  transition: background 0.2s !important;
  box-sizing: border-box !important;
}

._customDropdownItem_nlk2x_525:hover {
  background: #f5f5f5 !important;
}

._customDropdownItem_nlk2x_525 + ._customDropdownItem_nlk2x_525 {
  border-top: 1px solid #e0e0e0 !important;
}

._customDropdownItem_nlk2x_525 img {
  margin-right: 8px !important;
}

._menuIcon_nlk2x_415::after {
  display: none !important;
}

._menuIcon_nlk2x_415 {
  position: relative;
}

._menuIcon_nlk2x_415::before {
  content: "▼";
  font-size: 12px;
  color: white;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}

._custom-select_nlk2x_571 {
  padding: 5px 8px !important;
  font-size: 0.875rem !important;
  width: 60px !important;
  height: 34px !important;
  border-radius: 5px !important;
}

/* Style selected option */
._custom-select_nlk2x_571 option {
  background-color: transparent !important;
  color: #000 !important;
}

/* Style selected option (highlighted) */
._custom-select_nlk2x_571 option:checked {
  background-color: #6f42c1 !important;
  color: #fff !important;
}

/* Remove the blue hover effect */
._custom-select_nlk2x_571 option:hover,
._custom-select_nlk2x_571 option:focus {
  background-color: gray !important;
  color: white !important;
}

._nameLabel_nlk2x_598 {
  font-size: 12px !important;
  color: #333 !important;
  margin-left: 14px !important;
  white-space: nowrap !important;
}

._confirmModal_nlk2x_605 {
  border-radius: 12px !important;
  max-width: 450px !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08) !important;
  border: none !important;
}

._removeBtn_nlk2x_612 {
  background-color: white !important;
  border: 1px solid #d0d0d0 !important;
  color: #000 !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
}

._removeBtn_nlk2x_612:hover {
  background-color: #f7f7f7 !important;
  border-color: #c0c0c0 !important;
}

._cancelBtn_nlk2x_626 {
  background-color: #8c30f5 !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  border: none !important;
  border-radius: 6px !important;
}

._cancelBtn_nlk2x_626:hover {
  background-color: #7a2ee0 !important;
}

._modalTitle_nlk2x_639 {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  color: #111827 !important;
  /* optional for better match */
}

._modalDivider_nlk2x_647 {
  border-top: 1px solid #e5e7eb !important;
  margin: 16px -1.5rem 0 -1.5rem !important;
  width: auto !important;
}

._toastSuccess_nlk2x_653 {
  border-color: #ffffff !important;
  color: #198754 !important;
}

._toastDanger_nlk2x_658 {
  border-color: #ffffff !important;
  color: #ff0000 !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Main container for the categories section */

._categoryContainer_4qxzg_15 {
  width: 984px;
  height: 592px;
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--Stroke-Gray, #e3e3e3);
  background: var(--White, #ffffff);
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}

/* Header section containing title and controls */

._header_4qxzg_41 {
  width: 982px !important;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: var(--Selected-Gray, #f9f9f9);
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  background: #f8f9fa !important;
}

/* Title styling */

._title_4qxzg_67 {
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
  padding-left: 12px;
}

/* Container for control buttons */

._controls_4qxzg_83 {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Common styling for filter and search icon buttons */

._filterButton_4qxzg_97,
._searchIconButton_4qxzg_99 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Filter icon styling */

._filterIcon_4qxzg_129 {
  padding-bottom: 4px;
  padding-right: 1px;
}

/* Hover effect for filter and search buttons */

._filterButton_4qxzg_97:hover,
._searchIconButton_4qxzg_99:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside filter and search buttons */

._filterButton_4qxzg_97 img,
._searchIconButton_4qxzg_99 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_4qxzg_169 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_4qxzg_185 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_4qxzg_185._visible_4qxzg_209 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_4qxzg_185::placeholder {
  color: #000000;
}

/* Table container */

._tableContainer_4qxzg_241 {
  width: 984px;
  max-height: 100%;
  overflow-y: auto;
}

/* Table styling */

._table_4qxzg_241 {
  width: 100%;
  border-collapse: collapse;
}

/* Table header styling */

._table_4qxzg_241 thead {
  width: 100% !important;
  height: 32px;
  font-family: Inter;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0;
  color: #4a4a4a;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Table header cell styling */

._table_4qxzg_241 th {
  font-weight: 500;
}

/* Checkbox column styling */

._table_4qxzg_241 thead th:first-child {
  width: 183px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Type column styling */

._table_4qxzg_241 thead th:nth-child(2) {
  width: 355px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Name column styling */

._table_4qxzg_241 thead th:nth-child(3) {
  width: 247px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Abstract Type column styling */

._table_4qxzg_241 thead th:nth-child(4) {
  width: 204px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Table row styling */

._table_4qxzg_241 tbody tr {
  width: 100%;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Checkbox cell styling */

._table_4qxzg_241 tbody td:first-child {
  width: 183px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Type cell styling */

._table_4qxzg_241 tbody td:nth-child(2) {
  width: 355px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Name cell styling */

._table_4qxzg_241 tbody td:nth-child(3) {
  width: 247px;
  font-size: 14px;
  font-weight: 400;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Abstract Type cell styling */

._table_4qxzg_241 tbody td:nth-child(4) {
  width: 170px;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Options button cell styling */

._table_4qxzg_241 tbody td:last-child {
  width: 30px;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

._btn_4qxzg_469:hover {
  border-color: none !important;
}

/* Options button styling */

._optionsButton_4qxzg_479 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none !important;
  margin-right: 2px;
}

._optionsButton_4qxzg_479:hover {
  background: #f5f5f5 !important;
}

._optionsButton_4qxzg_479:focus,
._optionsButton_4qxzg_479:active {
  border: 1px solid transparent !important;
}

/* Footer container */

._footer_4qxzg_525 {
  width: 984px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: var(--Selected-Gray, #f9f9f9);
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Selected info and "Showing" text styling */

._selectedInfo_4qxzg_549,
._showingTex_4qxzg_551 {
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

/* Pagination container */

._pagination_4qxzg_565 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Page navigation buttons */

._pageButton_4qxzg_579 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  padding: 5px;
  gap: 10px;
}

/* Disabled button styling */

._pageButton_4qxzg_579:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
  border-color: #ddd;
}

/* Hover effect for page buttons */

._pageButton_4qxzg_579:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

._paginationIconBack_4qxzg_639 {
  margin-left: 10px;
}

/* "1 of 2" text styling */

._pageText_4qxzg_647 {
  width: 71px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  padding: 10px 16px;
  gap: 10px;
}

._popover_4qxzg_679 {
  width: 2px !important;
  height: 5px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border: none;
}

._popoverBody_4qxzg_693 {
  padding: 0 !important;
}

._modalButton_4qxzg_701 {
  display: flex;
  align-items: center;
  width: 150px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

._modalButton_4qxzg_701:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_4qxzg_737 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_4qxzg_749 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Skeleton Loading Styles */

._skeleton_4qxzg_763 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _shimmer_4qxzg_1 1.5s infinite linear;
}

@keyframes _shimmer_4qxzg_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Header row skeleton */

._skeletonHeader_4qxzg_797 {
  height: 32px;
  background: #f9f9f9;
}

._skeletonBadge_4qxzg_807 {
  width: 100px;
  height: 24px;
  border-radius: 12px;
}

._skeletonText_4qxzg_819 {
  height: 20px;
}

/* Specific column widths to match original table */

._skeletonType_4qxzg_829 {
  width: 120px;
}

._skeletonName_4qxzg_837 {
  width: 260px;
}

._skeletonAbstract_4qxzg_845 {
  width: 190px;
}

._skeletonStatus_4qxzg_853 {
  width: 80px;
}

._skeletonOptions_4qxzg_861 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

/* Header skeletons */

._skeletonHeaderCell_4qxzg_875 {
  height: 14px;
  background: #e0e0e0;
}

._skeletonHeaderCheckbox_4qxzg_885 {
  width: 16px;
  height: 16px;
  margin: 8px 0 8px 8px;
}

/* Search and controls */

._skeletonControl_4qxzg_899 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}

._skeletonSearch_4qxzg_911 {
  width: 200px;
  height: 34px;
  border-radius: 6px;
}

._skeletonPagination_4qxzg_923 {
  width: 200px;
  height: 34px;
  border-radius: 6px;
  margin: 0 auto;
}

/* Table row styling */

._skeletonRow_4qxzg_939 {
  height: 48px; /* Matches your original row height */
  border-bottom: 1px solid #e3e3e3;
}

@keyframes _pulse_4qxzg_1 {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
}
._emptyState_z169m_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
  background: white;
  border-radius: 8px;
  margin: 20px;
}

._emptyStateIcon_z169m_14 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  margin-bottom: 16px;
}

._emptyState_z169m_1 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
  font-weight: 600;
}

._emptyState_z169m_1 p {
  margin-bottom: 16px;
  color: #666;
  max-width: 400px;
}

._addButton_z169m_34 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  white-space: nowrap; 
  padding: 8px 16px;
}

._addButton_z169m_34:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}
._addButton_z169m_34:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


* {
  font-family: 'Inter', sans-serif !important;
}

/* Toast Container */

.custom-toast-container {
  z-index: 9999;
}

/* Toast Wrapper */

.custom-toast {
  max-width: 520px !important;
  min-height: 48px !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  margin-top: 50px !important;
  background: linear-gradient(135deg, #ffffff, #f8f8f8) !important;
  color: #1A1A1A !important;

  /* Stronger and deeper shadow */
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.12),
    0 16px 24px rgba(0, 0, 0, 0.08) !important;

  backdrop-filter: blur(6px) !important;
  transition: all 0.3s ease !important;
}

/* Toast Body */

.custom-toast-body {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  color: #333 !important;
}

/* Toast Message */

.custom-toast .toast-message {
  margin-left: 8px;
}

/* Toast Types */

.custom-toast.Toastify__toast--info {
  border-left: 5px solid #7534E5 !important;
}

.custom-toast.Toastify__toast--success {
  border-left: 5px solid #7534E5 !important;
}

.custom-toast.Toastify__toast--error {
  border-left: 5px solid #7534E5 !important;
}

.custom-toast.Toastify__toast--warning {
  border-left: 5px solid #7534E5 !important;
}

/* Close Button */

.custom-toast .Toastify__close-button {
  align-self: flex-start !important;
  color: #888 !important;
  opacity: 1 !important;
  font-size: 14px !important;
  transition: color 0.2s ease-in-out !important;
}

.custom-toast .Toastify__close-button:hover {
  color: #7534E5 !important;
}

/* Progress Bar */

.custom-progress {
  background: #7534E5 !important;
  height: 4px !important;
  border-radius: 0 0 10px 10px !important;
  transition: width 0.4s ease-in-out !important;
}
._filterButton_4ypgn_1,
._filterButton_4ypgn_1:hover,
._filterButton_4ypgn_1:active,
._filterButton_4ypgn_1:focus-visible,
._filterButton_4ypgn_1:disabled,
._filterButton_4ypgn_1:focus {
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  background: white;
  aspect-ratio: 1/1;
}
._searchWrapper_s7gzp_1 {
  display: flex;
  align-items: center;
  position: relative;
  width: 40px;
  transition: width 0.3s ease;
  margin-left: auto;
  /* Moves it to the right */
  justify-content: flex-end;
  /* Ensures proper alignment */
}

._searchWrapper_s7gzp_1._expanded_s7gzp_13 {
  width: 300px;
  z-index: 5;
  /* Ensure search bar doesn't cover other elements */
}

._searchInput_s7gzp_19 {
  width: 100%;
  height: 36px;
  flex-grow: 1;
  margin-right: 0.5rem;
  padding: 0 40px 0 16px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  font-size: 14px;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

._expanded_s7gzp_13 ._searchInput_s7gzp_19 {
  opacity: 1;
  pointer-events: all;
}

._searchButton_s7gzp_39,
._searchButton_s7gzp_39:focus,
._searchButton_s7gzp_39:hover {
  border: 1px solid #d1d1d1;
  border-radius: 6px;
  background: white;
  aspect-ratio: 1/1;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Main container for the presenters section */

._presentersContainer_ymifo_15 {
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  min-height: 100%;
  border: none !important;
}

/* Header section containing title and controls */

._header_ymifo_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: #e3e3e3 !important;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px;
  width: 1, 464px;
  height: 60px;
}

._presentersContainer_ymifo_15 ._header_ymifo_37 {
  background: #f8f9fa !important;
}

/* Title styling */

._title_ymifo_71 {
  font-weight: 500;
  font-size: 16px;
  padding-left: 0px;
  width: 500px;
  height: 12px;
}

/* Container for control buttons */

._controls_ymifo_89 {
  display: flex;
  gap: 8px;
}

/* Common styling for filter and search icon buttons */

._filterButton_ymifo_101,
._searchIconButton_ymifo_103 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease !important;
}

/* Filter icon styling */

._filterIcon_ymifo_137 {
  padding-bottom: 4px;
  padding-right: 1px;
}

/* Hover effect for filter and search buttons */

._filterButton_ymifo_101:hover,
._searchIconButton_ymifo_103:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside filter and search buttons */

._filterButton_ymifo_101 img,
._searchIconButton_ymifo_103 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_ymifo_177 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_ymifo_193 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition:
    width 0.3s ease,
    opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_ymifo_193._visible_ymifo_221 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_ymifo_193::placeholder {
  color: #000000;
}

/* Table styling */

._table_ymifo_253 {
  width: 100%;
  border-collapse: collapse;
}

/* Table header styling */

._table_ymifo_253 thead {
  background: #f8f9fa;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0;
  color: #4a4a4a;
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Table header cell styling */

._table_ymifo_253 th {
  font-weight: 500;
}

/* Table row styling */

._table_ymifo_253 tr {
  height: 32px !important;
  padding: 12px 24px 12px;
  gap: 10px;
  text-align: left;
  font-size: 12px;
  background: #ffffff;
  align-items: center;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  color: #4a4a4a;
}

._table_ymifo_253 tbody td._avatar_ymifo_321 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  height: 44px;
}

/* Checkbox column styling */

._table_ymifo_253 thead th:first-child {
  width: 600px !important;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
  height: 32px !important;
}

._table_ymifo_253 thead th:nth-child(2) {
  height: 32px !important;
  width: 300px !important;
}

._table_ymifo_253 thead th:nth-child(3) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 thead th:nth-child(4) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 thead th:nth-child(5) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 tbody td:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

._table_ymifo_253 tbody td:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
}

._table_ymifo_253 tbody td:nth-child(3) {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
}

/* Avatar circle styling */

._avatarCircle_ymifo_433 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  background: linear-gradient(to bottom, #d3d3d3, #888);
  /* Gradient like the image */
  color: white;
}

/* Options button styling */

._optionsButton_ymifo_463 {
  background: transparent;
  border: none;
  cursor: pointer;
}

._footer_ymifo_475 {
  display: flex;
  justify-content: flex-end;
  /* Push everything to the right */
  align-items: center;
  padding: 24px;
  background: #f8f9fa;
  border-top: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  height: 60px;
  font-size: 14px;
  color: #4a4a4a;
}

/* Right-aligned container for both dropdown and pagination */

._footer-right_ymifo_505 {
  display: flex;
  align-items: center;
  gap: 16px;
  /* Adjust spacing between elements */
}

/* Showing text and dropdown */

._showing-container_ymifo_521 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Rest of your existing styles remain the same */

._dropdownContainer_ymifo_535 {
  position: relative;
  display: inline-block;
}

._customDropdown_ymifo_545 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

._pagination_ymifo_575 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 15px;
}

/* Selected info and "Showing" text styling */

._selectedInfo_ymifo_591,
._showingText_ymifo_593 {
  margin-right: 12px;
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

._customDropdown_ymifo_545 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
}

/* Dropdown options (popup above) */

._dropdownOptions_ymifo_641 {
  position: absolute;
  bottom: 100%;
  /* Positions the dropdown list above */
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  /* Adds slight spacing between the button and the dropdown */
}

/* Individual option */

._dropdownOptions_ymifo_641 li {
  padding: 8px 10px;
  cursor: pointer;
}

/* Hover effect for options */

._dropdownOptions_ymifo_641 li:hover {
  background-color: #6200ea !important;
  color: #f5f5f5;
}

/* Dropdown arrow */

._dropdownArrow_ymifo_701 {
  width: 20px;
  height: auto;
  margin-left: 8px;
}

/* Page navigation buttons */

._pageButton_ymifo_715 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
  padding: 5px;
  gap: 10px;
  padding-left: 12px !important;
}

/* Disabled button styling */

._pageButton_ymifo_715:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
  border-color: #ddd;
}

/* Hover effect for page buttons */

._pageButton_ymifo_715:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

/* "1 of 2" text styling */

._pageText_ymifo_783 {
  width: 71 px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  font-size: 12px;
  font-weight: 400;
}

._popover_ymifo_825 {
  width: 216px !important;
  /* Set the width of the popover */
  height: 68px !important;
  /* Set the height of the popover */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  border: none;
  /* Remove default border */
}

._popoverBody_ymifo_847 {
  padding: 0 !important;
  /* Remove padding to make the border stretch fully */
}

._modalButton_ymifo_857 {
  display: flex;
  align-items: center;
  width: 216px !important;
  height: 34px !important;
  padding: 8px 16px;
  /* Adjust padding as needed */
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  /* Adjust text color */
}

._modalButton_ymifo_857:hover {
  background-color: #f5f5f5;
  /* Add hover effect */
}

._icon_ymifo_897 {
  margin-right: 8px;
  /* Space between icon and text */
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_ymifo_911 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  /* Color of the horizontal border */
}

html,
body {
  overflow: hidden !important;
  /* Prevents unnecessary scrollbars */
}

._customModal_ymifo_937 {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);

  padding: 0 !important;
  width: 456px !important;
}

/* Skeleton Loading Styles */

._skeleton_ymifo_959 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_ymifo_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_ymifo_1 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

._skeletonText_ymifo_997 {
  height: 20px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_ymifo_1009 {
  height: 30px;
  width: 30px;
}

._skeletonPagination_ymifo_1019 {
  height: 30px;
  width: 100%;
}

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

._skeletonHeader_ymifo_1039 {
  height: 60px;
  width: 100%;
}

._skeletonFormGroup_ymifo_1049 {
  height: 80px;
  width: 100%;
  margin-bottom: 20px;
}

._skeletonInput_ymifo_1061 {
  height: 50px;
  width: 100%;
}

._skeletonSaveButton_ymifo_1071 {
  height: 40px;
  width: 120px;
  margin-top: 20px;
}

._sumitted_ymifo_1083 {
  text-transform: capitalize !important;
}

._badge_ymifo_1091 {
  border: 1px solid #e3e3e3 !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  width: fit-content !important;
  text-transform: uppercase !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_15681_15 {
  margin: 0 auto !important;
  /* Center the modal */
  width: 456px !important;
  /* Set the maximum width */
  width: 100% !important;
  /* Ensure it takes full width up to the max-width */
  height: 164px !important;
  /* Set the height */
}

/* Header */

._header_15681_39 {
  border-bottom: none !important;
  /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_15681_53 {
  height: 12px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Body */

._body_15681_77 {
  height: 80px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4a4a4a !important;
  /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Footer */

._footer_15681_109 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Delete Button */

._deleteButton_15681_133 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  /* Stroke-Gray */
  background: #ffffff !important;
  /* White */
  color: #000000 !important;
  /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  /* Smooth transition */
}

._deleteButton_15681_133:hover {
  background-color: #f4f4f4 !important;
  color: #2e2e2e !important;
  border-color: #ebebeb !important;
}

._deleteButton_15681_133:active {
  background-color: #f4f4f4 !important;
  color: #2e2e2e !important;
  border-color: #ebebeb !important;
}

/* Cancel Button */

._cancelButton_15681_201 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #ffffff66 !important;
  /* Stroke-40 */
  background: #7534e5 !important;
  /* Primary */
  color: #ffffff !important;
  /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  /* Smooth transition */
}

._cancelButton_15681_201:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._cancelButton_15681_201:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._selectedText_112t9_13 {
    font-weight: 600;
    color: #6200ea;
  }

/* Update the modalButton to handle the check icon */

._modalButton_112t9_25 {
    display: flex;
    align-items: center;
    width: 188px !important;
    height: 34px !important;
    padding: 8px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    gap: 8px; /* Add gap between icon and text */
  }

._modalButton_112t9_25:hover {
    background-color: #f5f5f5;
  }

._filterPopoverBody_112t9_61 {
    padding: 0 !important;
    width: 188px !important;
  }

._filterOption_112t9_71 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 8px 11px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    gap: 8px;
  }

._filterOption_112t9_71:hover {
    background-color: #f5f5f5;
    border-radius: 6px;
  }

._filterOption_112t9_71._selected_112t9_13 {

    color: #000;
  }

._checkIcon_112t9_119 {
    width: 22px !important;
    height: 22px !important;
    margin-right: 2px;
  }

._divider_112t9_131 {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
  }._emptyState_1rg0b_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
  background: white;
  border-radius: 8px;
  margin: 20px;
}

._emptyStateIcon_1rg0b_27 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  margin-bottom: 16px;
}

._emptyState_1rg0b_1 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
  font-weight: 600;
}

._emptyState_1rg0b_1 p {
  margin-bottom: 16px;
  color: #666;
  max-width: 400px;
}

._addButton_1rg0b_67 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  white-space: nowrap; 
  padding: 8px 16px;
}

._addButton_1rg0b_67:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}
._addButton_1rg0b_67:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

* {
  font-family: "Inter", sans-serif !important;
}

/* Main container for the presenters section */

._presentersContainer_ymifo_15 {
  display: flex;
  flex-direction: column;
  background: #f9f9f9;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  min-height: 100%;
  border: none !important;
}

/* Header section containing title and controls */

._header_ymifo_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: #e3e3e3 !important;
  border-radius: 8px 8px 0 0;
  border-bottom: 1px;
  width: 1, 464px;
  height: 60px;
}

._presentersContainer_ymifo_15 ._header_ymifo_37 {
  background: #f8f9fa !important;
}

/* Title styling */

._title_ymifo_71 {
  font-weight: 500;
  font-size: 16px;
  padding-left: 0px;
  width: 500px;
  height: 12px;
}

/* Container for control buttons */

._controls_ymifo_89 {
  display: flex;
  gap: 8px;
}

/* Common styling for filter and search icon buttons */

._filterButton_ymifo_101,
._searchIconButton_ymifo_103 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease !important;
}

/* Filter icon styling */

._filterIcon_ymifo_137 {
  padding-bottom: 4px;
  padding-right: 1px;
}

/* Hover effect for filter and search buttons */

._filterButton_ymifo_101:hover,
._searchIconButton_ymifo_103:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside filter and search buttons */

._filterButton_ymifo_101 img,
._searchIconButton_ymifo_103 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_ymifo_177 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_ymifo_193 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition:
    width 0.3s ease,
    opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_ymifo_193._visible_ymifo_221 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_ymifo_193::placeholder {
  color: #000000;
}

/* Table styling */

._table_ymifo_253 {
  width: 100%;
  border-collapse: collapse;
}

/* Table header styling */

._table_ymifo_253 thead {
  background: #f8f9fa;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0;
  color: #4a4a4a;
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Table header cell styling */

._table_ymifo_253 th {
  font-weight: 500;
}

/* Table row styling */

._table_ymifo_253 tr {
  height: 32px !important;
  padding: 12px 24px 12px;
  gap: 10px;
  text-align: left;
  font-size: 12px;
  background: #ffffff;
  align-items: center;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  color: #4a4a4a;
}

._table_ymifo_253 tbody td._avatar_ymifo_321 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  height: 44px;
}

/* Checkbox column styling */

._table_ymifo_253 thead th:first-child {
  width: 600px !important;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
  height: 32px !important;
}

._table_ymifo_253 thead th:nth-child(2) {
  height: 32px !important;
  width: 300px !important;
}

._table_ymifo_253 thead th:nth-child(3) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 thead th:nth-child(4) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 thead th:nth-child(5) {
  height: 32px !important;
  width: 202px !important;
}

._table_ymifo_253 tbody td:first-child {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

._table_ymifo_253 tbody td:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
}

._table_ymifo_253 tbody td:nth-child(3) {
  font-size: 14px;
  font-weight: 400;
  color: #4a4a4a;
}

/* Avatar circle styling */

._avatarCircle_ymifo_433 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 12px;
  background: linear-gradient(to bottom, #d3d3d3, #888);
  /* Gradient like the image */
  color: white;
}

/* Options button styling */

._optionsButton_ymifo_463 {
  background: transparent;
  border: none;
  cursor: pointer;
}

._footer_ymifo_475 {
  display: flex;
  justify-content: flex-end;
  /* Push everything to the right */
  align-items: center;
  padding: 24px;
  background: #f8f9fa;
  border-top: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  height: 60px;
  font-size: 14px;
  color: #4a4a4a;
}

/* Right-aligned container for both dropdown and pagination */

._footer-right_ymifo_505 {
  display: flex;
  align-items: center;
  gap: 16px;
  /* Adjust spacing between elements */
}

/* Showing text and dropdown */

._showing-container_ymifo_521 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Rest of your existing styles remain the same */

._dropdownContainer_ymifo_535 {
  position: relative;
  display: inline-block;
}

._customDropdown_ymifo_545 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  position: relative;
}

._pagination_ymifo_575 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 15px;
}

/* Selected info and "Showing" text styling */

._selectedInfo_ymifo_591,
._showingText_ymifo_593 {
  margin-right: 12px;
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

._customDropdown_ymifo_545 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 60px;
  height: 34px;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
}

/* Dropdown options (popup above) */

._dropdownOptions_ymifo_641 {
  position: absolute;
  bottom: 100%;
  /* Positions the dropdown list above */
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  border: 1px solid #ddd;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  /* Adds slight spacing between the button and the dropdown */
}

/* Individual option */

._dropdownOptions_ymifo_641 li {
  padding: 8px 10px;
  cursor: pointer;
}

/* Hover effect for options */

._dropdownOptions_ymifo_641 li:hover {
  background-color: #6200ea !important;
  color: #f5f5f5;
}

/* Dropdown arrow */

._dropdownArrow_ymifo_701 {
  width: 20px;
  height: auto;
  margin-left: 8px;
}

/* Page navigation buttons */

._pageButton_ymifo_715 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
  padding: 5px;
  gap: 10px;
  padding-left: 12px !important;
}

/* Disabled button styling */

._pageButton_ymifo_715:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
  border-color: #ddd;
}

/* Hover effect for page buttons */

._pageButton_ymifo_715:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

/* "1 of 2" text styling */

._pageText_ymifo_783 {
  width: 71 px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    transform 0.1s ease;
  padding: 10px 16px 10px 16px;
  gap: 10px;
  font-size: 12px;
  font-weight: 400;
}

._popover_ymifo_825 {
  width: 216px !important;
  /* Set the width of the popover */
  height: 68px !important;
  /* Set the height of the popover */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  /* Add a subtle shadow */
  border: none;
  /* Remove default border */
}

._popoverBody_ymifo_847 {
  padding: 0 !important;
  /* Remove padding to make the border stretch fully */
}

._modalButton_ymifo_857 {
  display: flex;
  align-items: center;
  width: 216px !important;
  height: 34px !important;
  padding: 8px 16px;
  /* Adjust padding as needed */
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  /* Adjust text color */
}

._modalButton_ymifo_857:hover {
  background-color: #f5f5f5;
  /* Add hover effect */
}

._icon_ymifo_897 {
  margin-right: 8px;
  /* Space between icon and text */
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_ymifo_911 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  /* Color of the horizontal border */
}

html,
body {
  overflow: hidden !important;
  /* Prevents unnecessary scrollbars */
}

._customModal_ymifo_937 {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);

  padding: 0 !important;
  width: 456px !important;
}

/* Skeleton Loading Styles */

._skeleton_ymifo_959 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_ymifo_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_ymifo_1 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

._skeletonText_ymifo_997 {
  height: 20px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_ymifo_1009 {
  height: 30px;
  width: 30px;
}

._skeletonPagination_ymifo_1019 {
  height: 30px;
  width: 100%;
}

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

._skeletonHeader_ymifo_1039 {
  height: 60px;
  width: 100%;
}

._skeletonFormGroup_ymifo_1049 {
  height: 80px;
  width: 100%;
  margin-bottom: 20px;
}

._skeletonInput_ymifo_1061 {
  height: 50px;
  width: 100%;
}

._skeletonSaveButton_ymifo_1071 {
  height: 40px;
  width: 120px;
  margin-top: 20px;
}

._sumitted_ymifo_1083 {
  text-transform: capitalize !important;
}

._badge_ymifo_1091 {
  border: 1px solid #e3e3e3 !important;
  padding: 0.25rem 0.5rem !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  width: fit-content !important;
  text-transform: uppercase !important;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._selectedText_112t9_13 {
    font-weight: 600;
    color: #6200ea;
  }

/* Update the modalButton to handle the check icon */

._modalButton_112t9_25 {
    display: flex;
    align-items: center;
    width: 188px !important;
    height: 34px !important;
    padding: 8px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    gap: 8px; /* Add gap between icon and text */
  }

._modalButton_112t9_25:hover {
    background-color: #f5f5f5;
  }

._filterPopoverBody_112t9_61 {
    padding: 0 !important;
    width: 188px !important;
  }

._filterOption_112t9_71 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 8px 11px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    gap: 8px;
  }

._filterOption_112t9_71:hover {
    background-color: #f5f5f5;
    border-radius: 6px;
  }

._filterOption_112t9_71._selected_112t9_13 {

    color: #000;
  }

._checkIcon_112t9_119 {
    width: 22px !important;
    height: 22px !important;
    margin-right: 2px;
  }

._divider_112t9_131 {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
  }._emptyState_1rg0b_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
  background: white;
  border-radius: 8px;
  margin: 20px;
}

._emptyStateIcon_1rg0b_27 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  margin-bottom: 16px;
}

._emptyState_1rg0b_1 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
  font-weight: 600;
}

._emptyState_1rg0b_1 p {
  margin-bottom: 16px;
  color: #666;
  max-width: 400px;
}

._addButton_1rg0b_67 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  white-space: nowrap; 
  padding: 8px 16px;
}

._addButton_1rg0b_67:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}
._addButton_1rg0b_67:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}._directory-container_1t2ii_1 {
  display: flex;
  width: calc(100%); /* Adjust width to leave space on the right */
  height: calc(100%) !important;
  position: relative;

  transition: all 0.3s ease;
}

._card-header_1t2ii_10 {
  background-color: #ffffff !important;
  padding: 0px;
  border: none !important;
  border-bottom: 1px solid #ffffff !important;
}

._main-content_1t2ii_17 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  transition: all 0.3s ease;
  position: relative;
  height: 103%;
  padding-right: 24px;
}

._main-content_1t2ii_17._expanded_1t2ii_27 {
  margin-right: 0;
  border-right: none;
}

._cards-container_1t2ii_32 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0px;
  border-radius: 10px;
  overflow-y: auto;
  flex-grow: 1;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._client-card_1t2ii_45 {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
  height: 138px;
  width: calc(98%);
}

._card-header_1t2ii_10 {
  margin-bottom: 0px;
}

._card-header_1t2ii_10 h1 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  color: #111827;
  margin-left: 6px;
}

._card-content_1t2ii_67 {
  padding: 8px;
}

._content-rows_1t2ii_71 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

._info-row_1t2ii_77 {
  font-family: Inter, sans-serif;
  font-size: 14px;
  line-height: 17px;
  color: #4b5563;
  padding: 0%;
}

._last-row_1t2ii_85 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._category-tags_1t2ii_91 {
  display: flex;
  gap: 8px;
  margin-top: 20px;
}

._category-tag_1t2ii_91 {
  color: #4b5563;
}

._category-tag_1t2ii_91:not(:last-child)::after {
  content: ",";
  margin-right: 4px;
}

._view-button_1t2ii_106 {
  background: #7523e5;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 8px 16px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  min-width: 103px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._view-button_1t2ii_106:hover {
  background: #6019c2;
}

._sidebar_1t2ii_128 {
  position: relative;
  left: 0;
  top: 0;
  margin-top: -25px;

  display: flex;
  flex-direction: column;
  height: 106%;
  width: 300px;
  transition: transform 0.3s ease, border 0.3s ease; /* Smooth transition */
  background-color: #ffffff;

  z-index: 10;

  /* Add a visible border when sidebar is shown */
  border-left: 1px solid #e5e7eb;
}
._rightSidebar_1t2ii_146 {
  position: relative;
  margin-left: 0px;
  right: 0;
  left: auto;
  order: 3;
}
._clear-filter-button_1t2ii_153 {
  width: 140px;
}
._sidebar_1t2ii_128._hidden_1t2ii_156 {
  transform: translateX(-100%);
  border-right: none; /* Hide the border */
  border-left: none;
  width: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

._rightSidebar_1t2ii_146._hidden_1t2ii_156 {
  transform: translateX(100%); /* Move off-screen to the right when hidden */
  border-left: none;
}

._header_1t2ii_171 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  margin-top: 20px;
}

._header_1t2ii_171 h2 {
  font-family: Inter, sans-serif;
  font-size: 19px;

  color: #111827;
  margin: 0;
  font-family: "Inter", sans-serif !important;
  font-weight: bold;
}

._toggle-button_1t2ii_189 {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #000000;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
}

._search-section_1t2ii_199 {
  display: block;
  transition: opacity 0.3s ease-in-out;
  margin-top: 30px;
  margin-left: 24px;
}
._type-section_1t2ii_205,
._categories-section_1t2ii_206 {
  margin-bottom: 24px;
  margin-left: 24px;
}

._type-section_1t2ii_205 h3,
._categories-section_1t2ii_206 h3 {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #111827;
  margin: 0 0 12px 0;
  font-family: "Inter", sans-serif !important;
  font-weight: bold;
}

._categories-group_1t2ii_222 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._search-input-wrapper_1t2ii_228 {
  position: relative;
  margin-bottom: 12px;
}

._search-input_1t2ii_228 {
  width: 100%;
  padding: 8px 36px 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #111827;
}

._search-input_1t2ii_228::placeholder {
  color: #9ca3af;
}

._search-button_1t2ii_247 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #6b7280;
}

._clear-icon_1t2ii_259 {
  font-size: 24px; /* Adjust the size as needed */
  width: 24px;
  height: 24px;
}

._search-icon_1t2ii_265 {
  font-size: 20px; /* Adjust this value as needed */
}

._clear-filter-button_1t2ii_153 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 8px;
  background-color: #f9f9f9;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #b8b8b8;
  cursor: pointer;
  transition: background-color 0.2s;

  gap: 8px !important;
}

._clear-filter-button_1t2ii_153:hover {
  background-color: #e5e7eb;
}
._clear-filter-wrapper_1t2ii_290 ._clear-icon_1t2ii_259 {
  margin-right: 0px;
  color: #b8b8b8;
}

._select-wrapper_1t2ii_295 {
  margin-bottom: 12px;
}

._select-wrapper_1t2ii_295:last-child {
  margin-bottom: 0;
}

._select-input_1t2ii_303 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  color: #111827;
  background: #ffffff;
  cursor: pointer;
}
._select-input_1t2ii_303 option {
  background-color: #ffffff;
  color: #111827;
}

._select-input_1t2ii_303 :focus {
  outline: 2px solid #7523e5 !important;
  outline-offset: -1px;
  border-color: #7523e5 !important;
}

._select-input_1t2ii_303:active {
  border-color: #7523e5 !important;
}

/* Update the show-sidebar-button styling to have a consistent fixed position */
._show-sidebar-button_1t2ii_330 {
  position: absolute; /* Stay in place on resizing */
  right: 5px; /* Adjust based on preference */
  top: 6%; /* Center vertically */
  transform: translateY(-50%); /* Ensure perfect vertical centering */
  z-index: 1000; /* Stay on top */
  border-radius: 6px;

  border: 1px solid #e5e7eb;
  width: 39px;
  height: 39px;
  background: #ffffff;

  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

._sidebar-footer_1t2ii_350 {
  margin-top: auto;
  padding-top: 16px;
}

._clear-filter-wrapper_1t2ii_290 {
  display: flex;
  justify-content: center;
}

._hidden_1t2ii_156 {
  transform: translateX(-100%);
  width: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

._show-sidebar-button_1t2ii_330:hover {
  background: #f3f4f6;
}

/* Responsive Design for Mobile and Tablets */
@media (max-width: 1024px) {
  ._directory-container_1t2ii_1 {
    width: calc(100% - 20px); /* Adjust width to leave space on the right */
    height: 100%;
    flex-direction: row;
    padding: 16px;
  }

  ._sidebar_1t2ii_128 {
    position: fixed; /* Fixed position on mobile */
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ffffff;
    z-index: 1000; /* Ensure it's above other content */
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
  }

  ._main-content_1t2ii_17 {
    width: 100%; /* Take full width on mobile */
    margin-left: 0;
  }

  /* Update media queries for right sidebar */
  ._show-sidebar-button_1t2ii_330 {
    position: fixed;
    right: 10px; /* Moves the button to the left */
    bottom: 15px; /* Place near bottom for easier thumb reach */
    margin-top: 200px;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 50%; /* Circular button */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000; /* Ensure it stays on top */
  }

  ._show-sidebar-button_1t2ii_330:hover {
    background: #f3f4f6;
    transform: scale(1.1); /* Slight zoom on hover */
  }
  ._sidebar-overlay_1t2ii_420 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
  }

  ._rightSidebar_1t2ii_146 {
    right: 0;
    left: auto;
    box-shadow: -2px 0px 10px rgba(0, 0, 0, 0.1);
  }

  ._sidebar-content_1t2ii_437 {
    flex-grow: 1;
    overflow-y: auto;
    padding: 20px;
  }

  ._sidebar-footer_1t2ii_350 {
    padding: 16px 24px;
  }
}

@media (max-width: 768px) {
  ._client-card_1t2ii_45 {
    padding: 8px;
    height: auto; /* Allow height to adjust dynamically */
  }

  ._card-content_1t2ii_67 {
    padding: 6px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  ._last-row_1t2ii_85 {
    flex-direction: row; /* Keep it in a row */
    justify-content: space-between; /* Maintain spacing */
    align-items: center;
  }

  ._view-button_1t2ii_106 {
    width: auto; /* Keep original width */
    min-width: auto; /* Maintain button size */
    height: 34px;
    padding: 8px 16px;
    font-size: 14px;
    justify-content: flex-start; /* Align to the left */
  }

  ._category-tags_1t2ii_91 {
    flex-wrap: wrap;
    margin-top: 12px;
  }
}

._no-results_1t2ii_482 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
._skeleton_1bxry_1 {
  background-color: #e0e0e0;
  border-radius: 4px;
  animation: _shimmer_1bxry_1 1.5s infinite linear;
  background-image: linear-gradient(
    to right,
    #e0e0e0 0%,
    #f5f5f5 50%,
    #e0e0e0 100%
  );
  background-size: 200% 100%;
}

._skeletonTitle_1bxry_14 {
  height: 20px;
  width: 60%;
  margin-bottom: 10px;
}

._skeletonLine_1bxry_20 {
  height: 16px;
  width: 80%;
  margin: 6px 0;
}

._skeletonTag_1bxry_26 {
  height: 20px;
  width: 60px;
  margin-right: 8px;
  display: inline-block;
}

._skeletonButton_1bxry_33 {
  height: 30px;
  width: 70px;
  border-radius: 6px;
}

@keyframes _shimmer_1bxry_1 {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
._toggleSwitch_1ymkn_1 {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Vertically align items for better layout */
  padding: 16px 24px;
  width: 810px; /* Consider using max-width or making this responsive */
  height: 70px;
}

._toggleLabel_1ymkn_10 {
  display: flex;
  flex-direction: column;
  justify-content: center; /* Center label text vertically */
}

/* --- Input Base Styles --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input {
  width: 48px !important;
  height: 24px !important;
  background-color: #e0e0e0; /* Default off background */
  border-radius: 100px;
  cursor: pointer;
  border: 0.5px solid #cccccc; /* Default off border */
  margin-top: 0; /* Reset margin */
  position: relative;
  /* Remove default Bootstrap background image (the likely cause of the 'blue' circle) */
  background-image: none !important;
  /* Transition for the track color */
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  /* Ensure focus outline is removed */
  box-shadow: none !important;
}

/* --- Input Checked State --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input:checked {
  background-color: #7534E5;
  border-color: #7534E5;
  /* Ensure focus outline is removed when checked */
  box-shadow: none !important;
}

/* --- Thumb (Circle) Base Styles --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input::before {
  content: '';
  position: absolute;
  top: 2px;  /* Adjusted slightly for centering within 24px height - 18px thumb - 1px border*2 */
  left: 2px;  /* Adjusted slightly for centering */
  width: 18px;
  height: 18px;
  border-radius: 100px;
  background-color: white;
  border: 0.5px solid lightgray;
  /* Define the transition for the thumb's movement ONCE here */
  transition: transform 0.3s ease-in-out;
  transform: translateX(0); /* Explicitly set initial state */
}

/* --- Thumb (Circle) Checked State --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input:checked::before {
  transform: translateX(24px); /* Move the thumb to the right */
  border-color: white; /* Optional: Make border match background when checked */
}


/* --- Input Focus State (ensure no outline) --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input:focus {
  box-shadow: none !important; /* Force removal */
  border-color: #cccccc; /* Maintain original border color on focus when off */
}
._toggleSwitch_1ymkn_1 .form-switch .form-check-input:checked:focus {
    border-color: #7534E5; /* Maintain checked border color on focus when on */
    box-shadow: none !important; /* Force removal */
}


/* --- Input Hover State --- */
._toggleSwitch_1ymkn_1 .form-switch .form-check-input:hover {
  opacity: 0.9;
}


/* --- Label Styles --- */
._label_1ymkn_83 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2; /* Use unitless line-height */
  color: #000000;
}

/* --- Description Styles --- */
._description_1ymkn_92 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2; /* Use unitless line-height */
  color: #4A4A4A;
  margin-top: 4px; /* Add a small gap */
  margin-bottom: 0px;
}

/* --- Remove deprecated/unnecessary global rules outside the component scope --- */
/* :global .form-switch .form-check-input:focus { ... } */
/* :global .form-switch .form-check-input:hover { ... } */
/* These are now handled within the .toggleSwitch scope */
  ._numberInput_744na_2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 24px 16px 24px;
  }
  
  ._numberButtons_744na_9 {
    display: flex;
    align-items: center;
  }

  ._numberButtons_744na_9 ._icon_744na_14 {
    width: 16px;  /* Set the width of the icon */
    height: 16px; /* Set the height of the icon */
    margin: 0;  
    fill: #000000;  /* Remove any margin to align the icon correctly */
  }
  
  ._button_744na_21 {
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    width: 34px;
    height: 34px;
    padding: 5px;
    background-color: #FFFFFF;
  }
  
  ._valueInput_744na_30 { /* Renamed from .value to match JSX */
    margin: 0 16px;
    width: 71px;
    height: 34px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    padding: 10px 16px;
    background-color: #FFFFFF;
    font-size: 16px;
    /* Hide spin buttons */
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Target WebKit browsers to remove spin buttons */
._valueInput_744na_30::-webkit-outer-spin-button,
._valueInput_744na_30::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
  ._label_744na_51 {
    font-family: 'Inter', sans-serif; /* Set the font to Inter */
    font-size: 14px; /* Set the font size to 14px */
    font-weight: 600; /* Set the font weight to 400 */
    line-height: 16.94px; /* Set the line height to 16.94px */
    color: #000000; /* Color for the label */
  }

  ._description_744na_59 {
    font-family: 'Inter', sans-serif; /* Set the font to Inter */
    font-size: 14px; /* Set the font size to 14px */
    font-weight: 400; /* Set the font weight to 400 */
    line-height: 16.94px; /* Set the line height to 16.94px */
    color: #4A4A4A; /* Light gray color for description */
    margin-top: 0px; /* Adjust the spacing between label and description */
    margin-bottom: 0px; /* Adjust the spacing between description and next label */
  }

 ._settingsContainer_1xofi_1 {
  width: 810px;
  margin-bottom: 24px;
  border-radius: 8px;
  padding: 0px;
}

._settingsHeader_1xofi_8 {
  background-color: #f8f9fa;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

._settingsBody_1xofi_16 {
  padding: 0px !important;
}/* Settings/components/DateTimeRangePicker/dateTimeRangePicker.module.css */

._rangeInputContainer_1gsfm_3 {
  display: grid;
  grid-template-columns: 1fr 390px; /* Label | Input */
  align-items: center;
  gap: 24px;
  width: 100%; /* Should fill SettingsContainer width */
  padding: 16px 24px;
  border-bottom: 1px solid #e0e0e0; /* Add divider */
}
/* Remove divider for the last item in a container */
._rangeInputContainer_1gsfm_3:last-child {
    border-bottom: none;
}


._labelContainer_1gsfm_18 {
  grid-column: 1;
  display: flex;
  flex-direction: column;
}

._label_1gsfm_18 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #000000;
}

._description_1gsfm_32 {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #4A4A4A;
  margin-top: 4px;
  margin-bottom: 0px;
}

._dateInputWrapper_1gsfm_42 {
  grid-column: 2;
  width: 390px; /* Match image input width */
  position: relative;
}

/* Style for the custom button acting as input */
._datePickerInput_1gsfm_49 {
  width: 100%;
  height: 40px;
  padding: 8px 16px 8px 40px; /* Space for icon */
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  color: #000; /* Color for selected dates */
  text-align: left;
  cursor: pointer;
  display: flex; /* Align icon and text if needed */
  align-items: center; /* Vertically center text */
}

._datePickerInput_1gsfm_49:hover {
    border-color: #999;
}

._placeholder_1gsfm_69 {
    color: #6c757d; /* Bootstrap's default placeholder color */
    font-style: italic;
}


._icon_1gsfm_75 {
  position: absolute;
  left: 12px; /* Position inside the padding */
  top: 50%;
  transform: translateY(-50%);
  width: 16px; /* Icon size */
  height: 16px;
  z-index: 1; /* Above the input field */
  pointer-events: none; /* Click goes through to input */
}

._datePickerWrapper_1gsfm_86 {
    width: 100%; /* Make the wrapper take full width */
}

._hiddenDatePicker_1gsfm_90 {
    /* If you use customInput, the original input might not be needed visually */
    /* display: none; */ /* Uncomment if the default input is still showing */
}

/* --- Styling for the DatePicker Popup --- */
/* You might need to increase specificity if styles don't apply */
.react-datepicker-popper {
  z-index: 10; /* Ensure picker is on top */
}

.react-datepicker {
  font-family: 'Inter', sans-serif;
  border-radius: 8px;
  border: 1px solid #ddd;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.react-datepicker__header {
  background-color: #f8f9fa; /* Light header background */
  border-bottom: 1px solid #ddd;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker__day-name {
  color: #333; /* Darker text for headers/days */
  font-weight: 600;
}

.react-datepicker__day--selected,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-range {
  background-color: #7534E5; /* Your primary color */
  color: white;
  border-radius: 50%;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover {
  background-color: #5a28b3; /* Darker shade for hover */
}

.react-datepicker__day--keyboard-selected {
    background-color: #a98eda; /* Lighter shade for keyboard focus */
    color: white;
}


.react-datepicker__day:hover {
  background-color: #eee;
  border-radius: 50%;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #7534E5; /* Primary color for selected time */
    color: white;
    font-weight: bold;
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    background-color: #eee; /* Hover for time */
}


.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  /* Add or ensure these exist: */
  height: 250px; /* Or other appropriate height */
  max-height: 250px;
  overflow-y: scroll !important; /* Add !important temporarily if needed to fight specificity */

  /* Keep existing styles */
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}

/* --- Optional: Custom Calendar specific styles --- */
._customCalendar_1gsfm_171 {
    /* Add styles here if needed to scope calendar overrides */
}

/* --- Error Styling --- */
._error_1gsfm_176 {
  border-color: #ff4444 !important; /* Red border for error */
}

._errorMessage_1gsfm_180 {
  color: #ff4444;
  font-size: 12px;
  margin-top: 4px;
  position: absolute; /* Position below the input */
  bottom: -20px; /* Adjust as needed */
  left: 0;
}

._container_1py6d_1 {
  margin: 0;
  padding: 0;
  height: auto; /* Changed from 100vh to auto */
  overflow: visible; /* Changed from auto to visible */
  /* Remove redundant overflow properties */
}
/* Add this class to ensure the content is scrollable */
._settingsContainer_1py6d_9 {
  width: 100%;
  max-width: 812px; /* Or your desired max width */
  margin-left: 0; /* Align content to the left */
  padding: 0px; /* Optional: Adjust padding for spacing */
}

._settingsWrapper_1py6d_16 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 30px;
  overflow-y: visible;
}

._row_1py6d_24 {
  margin: 0;
  padding: 0;
  overflow:none;
}

._pageContainer_1py6d_30 {
  padding: 0px;
}

._span_1py6d_34 {
  margin: 0 8px;
}

._divider_1py6d_38 {
  margin: 0;
  border-top: 1px solid #4A4A4A;
}

._label_1py6d_43 {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 600; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #000000; /* Color for the label */
}

::placeholder {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  color: #4A4A4A;
}

._description_1py6d_58 {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #4A4A4A; /* Light gray color for description */
  margin-top: 0px; /* Adjust the spacing between label and description */
  margin-bottom: 0px; /* Adjust the spacing between description and next label */
}


* {
  font-family: "Inter", sans-serif !important;
}

._navbar_ni3ho_7 {
  border-bottom: 1px solid #e5e5e5;
  height: 56px !important;
}

._navbarRow_ni3ho_12 {
  width: 100%;
}

._navbarCol_ni3ho_16 {
  text-align: end;
  display: flex;
  justify-content: end;
}

._headerWrapper_ni3ho_22 {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

._backButton_ni3ho_28 {
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: background 0.2s;
}

._backButton_ni3ho_28:hover {
  background: #f5f5f5;
}

._backIcon_ni3ho_47 {
  width: 18px;
  height: 18px;
}

._pageTitle_ni3ho_52 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

._icon_ni3ho_59 {
  width: 23px !important;
  margin-right: 8px !important;
  margin-top: -3px !important;
  margin-top: 0px !important;
}

._editBtn_ni3ho_66 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  padding: 6px 16px !important;
  width: 89px;
  height: 34px;
}

._editBtn_ni3ho_66:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._editBtn_ni3ho_66:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._viewBtn_ni3ho_88 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  margin-right: 15px;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  height: auto;
  font-weight: 600 !important;
}

._viewBtn_ni3ho_88:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

/* Responsive Styles */

@media (max-width: 720px) {
  ._headerWrapper_ni3ho_22 {
    padding-left: 15px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 14px;
  }

  ._viewBtn_ni3ho_88 {
    font-size: 12px !important;
    padding: 5px 12px !important;
  }

  ._icon_ni3ho_59 {
    width: 20px !important;
    margin-right: 5px !important;
    margin-top: 1px !important;
    margin-left: 1px !important;
  }

  ._editBtn_ni3ho_66 {
    font-size: 13px !important;
    padding: 2px 13px !important;
    width: 79px;
    height: 30px;
  }

  ._backButton_ni3ho_28 {
    width: 28px;
    height: 28px;
  }

  ._backIcon_ni3ho_47 {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 480px) {
  ._navbar_ni3ho_7 {
    height: 40px !important;
  }

  ._headerWrapper_ni3ho_22 {
    padding-left: 10px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 13px;
  }

  ._editBtn_ni3ho_66,
  ._viewBtn_ni3ho_88 {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }

  ._icon_ni3ho_59 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  ._editBtn_ni3ho_66 {
    width: 65px;
    height: 25px;
  }

  ._viewBtn_ni3ho_88 {
    margin-right: 10px;
  }

  ._backButton_ni3ho_28 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_ni3ho_188 {
    margin-left: -90px;
  }

  ._backIcon_ni3ho_47 {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 375px) {
  ._navbar_ni3ho_7 {
    height: 40px !important;
  }

  ._headerWrapper_ni3ho_22 {
    padding-left: 10px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 10px;
  }

  ._editBtn_ni3ho_66,
  ._viewBtn_ni3ho_88 {
    font-size: 8px !important;
    padding: 4px 8px !important;
  }

  ._icon_ni3ho_59 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
  }

  ._editBtn_ni3ho_66 {
    width: 55px;
    height: 23px;
  }

  ._viewBtn_ni3ho_88 {
    margin-right: 10px;
  }

  ._backButton_ni3ho_28 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_ni3ho_188 {
    margin-left: -50px;
  }

  ._backIcon_ni3ho_47 {
    width: 14px;
    height: 14px;
  }

  ._navbar_ni3ho_7 {
    margin-top: -11px !important;
  }
}

._inputIconError_17e8h_3 {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  border-right: none !important;
}

/* Optional: Change icon color to red when there's an error */
._inputIconError_17e8h_3 img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(98%) saturate(7441%) hue-rotate(353deg) brightness(94%) contrast(118%);
}

/* Ensure the input border matches when there's an error */
._is-invalid_17e8h_27 {
  border-left-color: #dc3545 !important;
}

/* Keep all your existing styles below */
._container_17e8h_37 {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

._topRow_17e8h_49 {
  position: sticky;
  top: 0;
  z-index: 3;
}

._headerRow_17e8h_61 {
  position: sticky;
  top: 60px;
  z-index: 2;
  background-color: white !important;
}

._contentRow_17e8h_75 {
  flex-grow: 1;
  overflow: auto;
  padding: 24px !important;
  
}

._cardBody_17e8h_89 {
  padding: 36px !important;
}

._avatarCol_17e8h_97 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem !important;
}


@media (min-width: 768px) {
  ._avatarCol_17e8h_97 {
    margin-left: 36px !important;
    margin-right: 48px !important;
  }
}

._avatar_17e8h_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(to bottom, #d3d3d3, #888) !important;
  width: 140px !important;
  height: 140px !important;
}

._avatarInitial_17e8h_147 {
  color: white !important;
  font-weight: 500 !important;
  font-size: 60px !important;
}

._form_17e8h_159 {
  width: 597px !important;
}
._formGroup_17e8h_165 {
  margin-bottom: 55px !important;
  
}

._inputGroup_17e8h_175 {
  height: 10px !important;
}

._inputIcon_17e8h_3 {
  height: 48px !important;
  width: 43px !important;
  background-color: #FFFFFF !important;
}

._inputIcon_17e8h_3 img {
  width: 24px !important;
  height: 24px !important;
}

._floatingLabel_17e8h_205 {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

._input_17e8h_3 {
  height: 48px !important;
  min-height: 48px !important;
  line-height: 16px !important;
  width: 540px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-left: none !important;
}



._errorMessage_17e8h_241 {
  display: block !important;
}

._saveButtonContainer_17e8h_249 {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem !important;
}

._saveButton_17e8h_249 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-right: 20px !important;
  
}

._saveIcon_17e8h_299 {
  width: 17px;
  height: 17px;
}

._saveButton_17e8h_249:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_17e8h_249:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_17e8h_249:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._tooltip_17e8h_339 {
  position: fixed;
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 1000;
  pointer-events: none;
  white-space: nowrap;
}



._errorMessage_17e8h_241 {
display: block;
margin-top: 10px;
font-size: 12px;
color: #dc3545;
position: relative;
bottom: -40px;
left: 0;
} 

/* Skeleton Styles */
._avatarSkeleton_17e8h_389 {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #e0e0e0;
}

._formGroupSkeleton_17e8h_403 {
  margin-bottom: 55px;
}

._inputSkeleton_17e8h_411 {
  width: 100%;
  height: 48px;
  background: #e0e0e0;
  border-radius: 4px;
}

._saveButtonSkeleton_17e8h_425 {
  width: 95px;
  height: 34px;
  background: #e0e0e0;
  border-radius: 6px;
  margin-right: 20px;
  float: right;
}

/* Skeleton Animation */
@keyframes _shimmer_17e8h_1 {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

._skeleton_17e8h_463 {
  background: #f6f7f8;
  background-image: linear-gradient(
    to right,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  animation: _shimmer_17e8h_1 1.2s ease-in-out infinite;
  border-radius: 4px;
}

/* Specific skeleton elements */
._skeletonTop_17e8h_499 {
  height: 60px;
  width: 100%;
}

._skeletonHeader_17e8h_509 {
  height: 80px;
  width: 100%;
  margin-bottom: 24px;
}

/* Avatar skeleton */
._avatar_17e8h_97._skeleton_17e8h_463 {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
}

/* Input skeleton */
._input_17e8h_3._skeleton_17e8h_463 {
  height: 48px !important;
  border-left: 1px solid #e0e0e0 !important;
}

/* Input icon skeleton */
._inputIcon_17e8h_3._skeleton_17e8h_463 {
  height: 48px !important;
  width: 43px !important;
}

/* Save button skeleton */
._saveButton_17e8h_249._skeleton_17e8h_463 {
  background: #e0e0e0 !important;
  border: none !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Light theme main container */

._abstractContainer_vldlz_15 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 24px !important;
}

/* Light header */

._header_vldlz_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: #ffffff !important;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}

/* Light title */

._title_vldlz_63 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
  padding-left: 12px;
  color: #333333;
}

/* Common styling for search icon buttons */

._searchIconButton_vldlz_81 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Hover effect for search buttons */

._searchIconButton_vldlz_81:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside search buttons */

._searchIconButton_vldlz_81 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_vldlz_135 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_vldlz_151 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_vldlz_151._visible_vldlz_175 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_vldlz_151::placeholder {
  color: #000000;
}

/* Light table container */

._tableContainer_vldlz_207 {
  width: 100%;
  overflow: auto;
  background: #ffffff;
}

._table_vldlz_207 {
  width: 100%;
  border-collapse: collapse;
}

._table_vldlz_207 thead {
  width: 100% !important;
  font-family: Inter;
  font-size: 12px;
  color: #666666;
  font-weight: 500 !important;
}

._table_vldlz_207 th {
  font-weight: 500 !important;
  background: #ffffff;
  color: #666666;
}

._table_vldlz_207 tr {
  border-bottom: 1px solid #e0e0e0;
}

._table_vldlz_207 thead th:first-child,
._table_vldlz_207 tbody td:first-child {
  width: 150px;
  height: 32px !important;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(2) {
  width: 890px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(3) {
  width: 176px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(4) {
  width: 214px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(5) {
  width: 34px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 tbody td:nth-child(1) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  height: 38px !important;
  font-weight: 500 !important;
  color: #333333;
  font-size: 14px;
}

._table_vldlz_207 tbody td:nth-child(2) {
  width: 890px;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

._table_vldlz_207 tbody td:nth-child(3) {
  width: 176px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_vldlz_207 tbody td:nth-child(4) {
  width: 214px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_vldlz_207 tbody td:nth-child(5) {
  width: 34px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

/* Light options button */

._optionsButton_vldlz_421 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}

._popover_vldlz_443 {
  width: 2px !important;
  height: 5px !important;
  border: none;
  background: #f5f5f5;
}

._popoverBody_vldlz_457 {
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

._modalButton_vldlz_471 {
  display: flex;
  align-items: center;
  width: 188px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #333333;
}

._modalButton_vldlz_471:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_vldlz_507 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
  filter: brightness(0) invert(0);
}

._divider_vldlz_521 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Light status pills */

._statusPill_vldlz_535 {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  height: 28px;
  min-width: 100px;
  justify-content: center;
}

._statusDot_vldlz_565 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._statusText_vldlz_579 {
  font-weight: 700;
  font-size: 11px;
}

/* Status-specific styling */

._statusReviewing_vldlz_591 {
  border: 1px solid #FFEACC;
  background-color: #FFF4E5;
}

._statusReviewing_vldlz_591 ._statusDot_vldlz_565 {
  background-color: #FD9013;
}

._statusReviewing_vldlz_591 ._statusText_vldlz_579 {
  color: #FD9013;
}

._statusSubmitted_vldlz_617 {
  border: 1px solid #D1E7F9;
  background-color: #E8F3FC;
}

._statusSubmitted_vldlz_617 ._statusDot_vldlz_565 {
  background-color: #1B82D7;
}

._statusSubmitted_vldlz_617 ._statusText_vldlz_579 {
  color: #1B82D7;
}

._statusAccepted_vldlz_643 {
  border: 1px solid #D5F0E2;
  background-color: #E8F8EF;
}

._statusAccepted_vldlz_643 ._statusDot_vldlz_565 {
  background-color: #27B266;
}

._statusAccepted_vldlz_643 ._statusText_vldlz_579 {
  color: #27B266;
}

/* Skeleton Loading Styles */

._skeleton_vldlz_671 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_vldlz_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_vldlz_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._skeletonText_vldlz_707 {
  height: 20px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_vldlz_719 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
/* Page Container */
._pageContainer_bvnhj_5 {
    width: 100% !important;
    height: calc(100vh - 150px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    padding-top: 1.5rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    scrollbar-width: none !important;
    scrollbar-color: #ccc transparent !important;
}

/* For Chrome, Edge, and Safari */
._pageContainer_bvnhj_5::-webkit-scrollbar {
    width: 8px;
}

._pageContainer_bvnhj_5::-webkit-scrollbar-track {
    background: transparent;
}

._pageContainer_bvnhj_5::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
}

/* Alignment Utility */
._alignWithButton_bvnhj_61 {
    padding-left: 16px;
    padding-right: 16px;
}

/* Card Body Layout */
._cardBody_bvnhj_73 {
    display: flex;
    justify-content: center;
}

/* Positioning Utilities */
._position-relative_bvnhj_85 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

._d-flex_bvnhj_97 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* User Avatar */
._avatar_bvnhj_111 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* Circular Shape */
    background: linear-gradient(145deg, #cfcfcf, #f0f0f0);
    /* Gradient Background */
    box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;
    /* Inner Shadow */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px !important;
    margin-right: 10px;
    text-transform: uppercase;
    /* Uppercase Text */
}

/* Table Container */
._tableContainer_bvnhj_155 {
    border: 1px solid #dee2e6 !important;
    border-collapse: collapse !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-spacing: 0;
    width: 85% !important;
}

/* Table Header Row */
._headerRow_bvnhj_179 {
    background-color: #F9F9F9 !important;
    color: #424242 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19.36px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
    border-bottom: 1px solid #dee2e6 !important;
    border-left: none !important;
    border-right: none !important;
    text-align: left !important;
    padding: 5px 18px !important;
    margin: 0 !important;
    border-radius: 6px !important;
}

/* Table Header Cells */
._tableHeader_bvnhj_213 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #424242 !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding: 9px 24px !important;
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
}

._tableHeader_bvnhj_213 th {
    vertical-align: middle !important;
}


/* Table Rows */
._tableRow_bvnhj_249 {
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
    /* Default to #E3E3E3 */
    width: 100% !important;
}

._tableRowDark_bvnhj_261 {
    border-bottom: 1px solid #000000;
    /* If you want a darker border */
}

/* Table Data Cells */
._tableCell_bvnhj_273 {
    font-size: 0.875rem !important;
    text-align: left !important;
    vertical-align: middle !important;
    border-bottom: none !important;
    padding: 9px 24px !important;
}

._stepTitle_bvnhj_289 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
    padding-bottom: 4px !important;
}

._stepDescription_bvnhj_305 {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
}

/* Name Column in Table */
._tableCellName_bvnhj_321 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Custom Purple Checkbox Styles */
input[type="checkbox"]:checked {
    background-color: #6a0dad !important;
    border-color: #6a0dad !important;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}

/* React Bootstrap Specific Override */
._form-check-input_bvnhj_367:checked {
    background-color: 6a0dad !important;
    border-color: #6a0dad !important;
}


/* Image Style for Table Cells */
._imageStyle_bvnhj_381 {
    width: 30px;
    height: 30px;
}

/* Dropdown Menu */

._dropdown-menu_bvnhj_395 {
    font-size: 0.85rem !important;
    min-width: 150px !important;
}

/* Dropdown Items */
._dropdown-item_bvnhj_407 {
    padding: 0.25rem 1rem !important;
}

._dropdownItem_bvnhj_415:active {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

._dropdownMenu_bvnhj_427 ._dropdownItem_bvnhj_415:active {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

._dropdown-item_bvnhj_407:hover {
    background-color: #f8f9fa;
    color: #000;
}

/* Dropdown Toggle Button */
._dropdownToggle_bvnhj_451 {
    font-size: 14px !important;
    padding: 2px 8px !important;
}

._selectAllButton_bvnhj_461,
._filterButton_bvnhj_463,
._searchButton_bvnhj_465 {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgb(228, 228, 228) !important;
    background-color: white !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

._selectAllButton_bvnhj_461:hover,
._filterButton_bvnhj_463:hover,
._searchButton_bvnhj_465:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.05) !important;
}

._selectAllButton_bvnhj_461 i,
._filterButton_bvnhj_463 i,
._searchButton_bvnhj_465 i {
    font-size: 18px !important;
    color: #424242 !important;
}

/* Search Container */
._searchContainer_bvnhj_525 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Collapsed Search Input */
._searchInput_bvnhj_547 {
    transition: width 0.3s ease, opacity 0.3s ease !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    height: 32px !important;
    padding: 4px 8px !important;
    border: 1px solid #ccc !important;
}

/* Expanded Search Input */
._searchInputExpanded_bvnhj_573 {
    width: 200px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
    margin-right: 10px !important;
}

/* Email Header and Column */
._emailHeader_bvnhj_591 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    letter-spacing: 0% !important;
    color: #424242 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    height: 32px !important;
    padding-top: 9px !important;
    padding-right: 24px !important;
    padding-bottom: 9px !important;
    padding-left: 24px !important;
    gap: 10px !important;
    border-bottom-width: 1px !important;
    box-sizing: border-box !important;
}

._emailColumn_bvnhj_635 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #4A4A4A !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    height: 38px !important;
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

/* Assigned Header and Column */
._assignedHeader_bvnhj_679 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    letter-spacing: 0% !important;
    color: #424242 !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    height: 32px !important;
    padding-top: 9px !important;
    padding-right: 24px !important;
    padding-bottom: 9px !important;
    padding-left: 24px !important;
    gap: 10px !important;
    border-bottom-width: 1px !important;
    box-sizing: border-box !important;
}

._assignedColumn_bvnhj_723 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #4A4A4A !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 176px !important;
    height: 38px !important;
    padding-top: 12px !important;
    padding-right: 24px !important;
    padding-bottom: 12px !important;
    padding-left: 24px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

/* Menu */
._menuIcon_bvnhj_767 {
    display: inline-block;
    padding-top: 5px;
    vertical-align: middle;
    cursor: pointer;
}

/* Pagination Container */
._paginationContainer_bvnhj_783 {
    font-size: 14px !important;
    color: #555 !important;
    background-color: #f9f9f9 !important;
    border-top: 1px solid #ddd !important;
    border-radius: 0 0 8px 8px !important;
}

._paginationTextContainer_bvnhj_799 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    background-color: #fff !important;
    min-width: 60px !important;
    font-size: 12px !important;
    color: #555 !important;
    box-shadow: none !important;
    margin: 0 8px !important;
}

._paginationText_bvnhj_799 {
    font-size: 10px !important;
    font-weight: normal !important;
}

._paginationButton_bvnhj_839 {
    border: none !important;
    background: transparent !important;
    padding: 4px !important;
}

._paginationWrapper_bvnhj_851 {
    display: flex !important;
    align-items: left !important;
    gap: 8px !important;
    margin-left: auto !important;
}

._squareButton_bvnhj_865 {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0 !important;
    background-color: #fff !important;
    transition: background-color 0.3s ease !important;
}

._squareButton_bvnhj_865:hover {
    background-color: #f8f9fa !important;
}

._squareButton_bvnhj_865:disabled {
    background-color: #f9f9f9 !important;
    color: #eeeeee !important;
    border-color: #e2e2e2 !important;
    cursor: not-allowed !important;
}

._purpleCheckbox_bvnhj_913 ._form-check-input_bvnhj_367:checked {
    background-color: #6a0dad !important;
    border-color: #6a0dad !important;
    box-shadow: none !important;
}

._purpleCheckbox_bvnhj_913 ._form-check-input_bvnhj_367:checked::before {
    background-color: white !important;
}

._purpleCheckbox_bvnhj_913 ._form-check-input_bvnhj_367:focus {
    box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}


/* Text and Font Utilities */
._selectedText_bvnhj_945 {
    font-size: 14px;
    font-weight: normal;
}

._customFontSize_bvnhj_955 {
    font-size: 10px;
}

._customPopover_bvnhj_963 {
    padding: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    overflow: hidden !important;
    min-width: 200px !important;
    max-width: 400px !important;
}

._customPopoverBody_bvnhj_981 {
    padding: 0 !important;
}

._customDropdownItem_bvnhj_989 {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    width: 100% !important;
    padding: 8px 12px !important;
    padding: 10px 16px !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 14px !important;
    color: #333 !important;
    transition: background 0.2s !important;
    box-sizing: border-box !important;
}

._customDropdownItem_bvnhj_989:hover {
    background: #f5f5f5 !important;
}

._customDropdownItem_bvnhj_989+._customDropdownItem_bvnhj_989 {
    border-top: 1px solid #e0e0e0 !important;
}

._customDropdownItem_bvnhj_989 img {
    margin-right: 8px !important;
}

._menuIcon_bvnhj_767::after {
    display: none !important;
}

._menuIcon_bvnhj_767 {
    position: relative;
}

._menuIcon_bvnhj_767::before {
    content: "▼";
    font-size: 12px;
    color: white;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
}

._custom-select_bvnhj_1083 {
    padding: 5px 8px !important;
    font-size: 0.875rem !important;
    width: 60px !important;
    height: 34px !important;
    border-radius: 5px !important;
  }
  
  /* Style selected option */
  ._custom-select_bvnhj_1083 option {
    background-color: transparent !important;
    color: #000 !important;
  }
  
  /* Style selected option (highlighted) */
  ._custom-select_bvnhj_1083 option:checked {
    background-color: #6f42c1 !important;
    color: #fff !important;
  }
  
  /* Remove the blue hover effect */
  ._custom-select_bvnhj_1083 option:hover,
  ._custom-select_bvnhj_1083 option:focus {
    background-color: gray !important;
    color: white !important;
  }
  

._fixedFooter_bvnhj_1139 {
    position: fixed !important;   /* Fixed at the bottom */
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 60px !important;  /* Adjust the height here */
    padding: 0 2rem !important;
    background-color: #fff !important;
    border-top: 1px solid #eaeaea !important;
    display: flex !important;
    align-items: center !important;  /* Center align content vertically */
    justify-content: flex-end !important;
    z-index: 10 !important;
}

._nextButton_bvnhj_1169 {
    background-color: #7534E5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

._previousButton_bvnhj_1191 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 4px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
    margin-right: 15px !important;
}

._nextButton_bvnhj_1169:hover {
    background-color: #5a33a6 !important;
}

._nameLabel_bvnhj_1223 {
    font-size: 12px !important;
    color: #333 !important;
    margin-left: 15px !important;
    white-space: nowrap !important;
}._navbar_1uyhq_1 {
  border-bottom: 1px solid #e5e5e5;
}

._navbarRow_1uyhq_9 {
  width: 100%;
}

._navbarCol_1uyhq_17 {
  text-align: end;
}

._icon_1uyhq_25 {
  font-size: 24px !important;
}

._addBtn_1uyhq_33 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._input_1uyhq_53 {
  margin-top: 10px;
}

._closeBtn_1uyhq_61 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}

._modalBody_1uyhq_83 {
  max-height: 60vh;
  /* Restrict height */
  overflow-y: auto;
  /* Enable scrolling */
  scrollbar-width: none;
  /* Hide scrollbar for Firefox */
  -ms-overflow-style: none;
  /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_1uyhq_83::-webkit-scrollbar {
  display: none;
}

._modalFooter_1uyhq_115 {
  display: block !important;
  width: 100% !important;
}

._deleteCol_1uyhq_125 {
  text-align: start !important;
}

._delete_1uyhq_125 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}

._saveCol_1uyhq_161 {
  text-align: end !important;
}

._save_1uyhq_161 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_1uyhq_195 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

._icon2_1uyhq_209 {
  width: 40px !important;
}

._imageUpload_1uyhq_217 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

._uploadLabel_1uyhq_241 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}

._icon3_1uyhq_255 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}

._saveDiv_1uyhq_267 {
  margin-top: 2px !important;
}

._label_1uyhq_275 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_1uyhq_301 {
  display: flex;
  align-items: center;
  gap: 10px;
  /* Space between items */
}

._colorPickerLabel_1uyhq_315 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_1uyhq_327 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_1uyhq_351 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_1uyhq_365 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

._colorText_1uyhq_381 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

/* CSS For Color Picker START */

/* Split Button CSS START */
._splitButton_1uyhq_401 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 715px;
  /* Total width */
  height: 34px;

  margin-left: 2rem;
}

._formsButton_1uyhq_429 {
  width: 98px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._formsButtonActive_1uyhq_467 {
  width: 98px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._submissionButton_1uyhq_505 {
  width: 138px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._submissionButtonActive_1uyhq_543 {
  width: 138px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._identifiersButton_1uyhq_581 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._identifiersButtonActive_1uyhq_619 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._reviewersButton_1uyhq_657 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._reviewersButtonActive_1uyhq_695 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._publishedButton_1uyhq_733 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._publishedButtonActive_1uyhq_771 {
  width: 124px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._settingsButton_1uyhq_809 {
  width: 111px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black;
  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._settingsButtonActive_1uyhq_845 {
  width: 111px;
  /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2;

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_1uyhq_883 {
  width: 1px;
  height: 100%;
  background-color: #ccc;
}

._formsButton_1uyhq_429:hover,
._submissionButton_1uyhq_505:hover,
._identifiersButton_1uyhq_581:hover,
._reviewersButton_1uyhq_657:hover,
._publishedButton_1uyhq_733:hover,
._settingsButton_1uyhq_809:hover {
  background-color: white;
}

._icon_1uyhq_25 {
  margin-right: 6px;
}

._uploadBtn_1uyhq_921 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  margin-right: 15px;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 5px 5px !important;
  font-size: 14px !important;
  height: auto;
}

._uploadBtn_1uyhq_921:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

._uploadBtn_1uyhq_921 ._icon_1uyhq_25 {
  width: 20px;
  height: 20px;
  margin-right: 0px;
}

._addReviewerIcon_1uyhq_969 {
  transition: fill 0.3s ease;
}

._addBtn_1uyhq_33 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease;
  gap: 8px;
}

._addBtn_1uyhq_33:hover {
  background-color: #8650e4 !important;
  color: #333;
  border-color: #7534e5 !important;
}

._headerWrapper_1uyhq_1017 {
  display: flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
}

._backButton_1uyhq_1029 {
  background: transparent !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  padding: 5px !important;
  margin-right: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  transition: background 0.2s !important;
}

._backButton_1uyhq_1029:hover {
  background: #f5f5f5 !important;
}

._backIcon_1uyhq_1067 {
  width: 18px !important;
  height: 18px !important;
}

._pageTitle_1uyhq_1077 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  margin: 0 !important;
}

._modalBody_1uyhq_83 {
  text-align: left !important;
  padding: 20px !important;
  border-radius: 8px !important;
}

._modalTitle_1uyhq_1103 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  color: #333 !important;
}

._modalText_1uyhq_1117 {
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 20px !important;
}

._modalButtons_1uyhq_1129 {
  display: flex !important;
  justify-content: right !important;
  gap: 10px !important;
}

._modalDivider_1uyhq_1141 {
  border-top: 1px solid #e0e0e0 !important;
  width: calc(100% + 4rem) !important;
  margin: 0 -2rem !important;
  margin-bottom: 20px !important;
}

._exitButton_1uyhq_1155 {
  background: #fff !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
  padding: 5px 15px !important;
  border-radius: 4px !important;
}

._exitButton_1uyhq_1155:hover {
  background: #f5f5f5 !important;
}

._continueButton_1uyhq_1179 {
  background: #6f42c1 !important;
  border: none !important;
  color: #fff !important;
  padding: 5px 15px !important;
  border-radius: 4px !important;
}

._continueButton_1uyhq_1179:hover {
  background: #5a32a3 !important;
}

/* Split Button CSS END */

/* --- MODIFICATION START: Add styles for action buttons --- */
._navbarCol_1uyhq_17 {
  display: flex;
  /* Enable flexbox */
  justify-content: flex-end;
  /* Align items to the end (right) */
  align-items: center;
  /* Center items vertically */
  padding-right: 20px;
  /* Add some padding to the right */
}

._actionButtonsContainer_1uyhq_1231 {
  display: flex;
  gap: 10px;
  /* Space between buttons */
  align-items: center;
}

._actionButtonSecondary_1uyhq_1245,
._actionButtonPrimary_1uyhq_1247 {
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  /* Adjust padding */
  height: 34px !important;
  /* Fixed height */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px;
  /* Space between icon and text */
  box-shadow: none !important;
}

._actionButtonSecondary_1uyhq_1245 {
  background-color: white !important;
  border: 1px solid #ced4da !important;
  /* Grey border */
  color: #495057 !important;
  /* Dark grey text */
}

._actionButtonSecondary_1uyhq_1245:hover {
  background-color: #f8f9fa !important;
  /* Light hover */
  border-color: #adb5bd !important;
}

._actionButtonPrimary_1uyhq_1247 {
  background-color: #7534e5 !important;
  /* Purple background */
  border: 1px solid #7534e5 !important;
  color: white !important;
}

._actionButtonPrimary_1uyhq_1247:hover {
  background-color: #6429c8 !important;
  /* Darker purple hover */
  border-color: #6429c8 !important;
}

._buttonIcon_1uyhq_1335 {
  width: 16px;
  /* Adjust icon size */
  height: 16px;
}

/* --- MODIFICATION END --- */

/* Modal styles remain the same... */
._modalBody_1uyhq_83 {
  text-align: left !important;
  padding: 20px !important;
  border-radius: 8px !important;
}

._modalTitle_1uyhq_1103 {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 5px !important;
  color: #333 !important;
}

._modalText_1uyhq_1117 {
  font-size: 14px !important;
  color: #666 !important;
  margin-bottom: 20px !important;
}

._modalButtons_1uyhq_1129 {
  display: flex !important;
  justify-content: right !important;
  gap: 10px !important;
}

._modalDivider_1uyhq_1141 {
  border-top: 1px solid #e0e0e0 !important;
  /* Adjust width calculation if needed based on modal padding */
  width: calc(100% + 40px) !important;
  margin: 20px -20px !important;
  /* Counteract modal body padding */
}

._exitButton_1uyhq_1155 {
  background: #fff !important;
  border: 1px solid #ccc !important;
  color: #333 !important;
  padding: 5px 15px !important;
  border-radius: 4px !important;
}

._exitButton_1uyhq_1155:hover {
  background: #f5f5f5 !important;
}

._continueButton_1uyhq_1179 {
  background: #7534e5 !important;
  /* Updated color to match primary */
  border: none !important;
  color: #fff !important;
  padding: 5px 15px !important;
  border-radius: 4px !important;
}

._continueButton_1uyhq_1179:hover {
  background: #6429c8 !important;
  /* Darker purple hover */
}

._exportResultsButton_1uyhq_1471,
._exportResultsButton_1uyhq_1471:focus,
._exportResultsButton_1uyhq_1471:hover {
  border: 1px solid #e0e0e0;
  font-weight: 600;
  display: flex !important;
  gap: 0.5rem !important;
  padding: 0.2rem 0.8rem !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

._pageContainer_1yf36_13 {
  width: 100% !important;

  scrollbar-width: none !important;
  scrollbar-color: #ccc transparent !important;
}

._pageContainer_1yf36_13::-webkit-scrollbar {
  width: 8px;
}

._pageContainer_1yf36_13::-webkit-scrollbar-track {
  background: transparent;
}

._pageContainer_1yf36_13::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}

._alignWithButton_1yf36_53 {
  padding-left: 16px;
  padding-right: 16px;
}

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

._position-relative_1yf36_73 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

._d-flex_1yf36_85 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

._avatar_1yf36_97 {
  width: 30px;
  height: 30px;
  border-radius: 50%;

  background: linear-gradient(145deg, #cfcfcf, #f0f0f0);

  box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;

  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}

._tableContainer_1yf36_135 {
  border: 0px solid #dee2e6 !important;
  border-collapse: collapse !important;
  max-height: 600px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-spacing: 0;
  width: 100% !important;
}

._headerRow_1yf36_157 {
  height: 60px !important;
  background-color: #f9f9f9 !important;
  color: #424242 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  font-family: "Inter", sans-serif !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: none !important;
  border-right: none !important;
  text-align: left !important;
  padding: 5px 18px !important;
  padding-top: 24px !important;
  padding-bottom: 24px !important;
  margin: 0 !important;
  border-radius: 6px !important;
}

._tableRow_1yf36_195 {
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;

  width: 100% !important;
}

._tableRowDark_1yf36_207 {
  border-bottom: 1px solid #000000;
}

._tableCell_1yf36_215 {
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 24px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

._tableCellName_1yf36_235 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

._checkboxColumn_1yf36_259 {
  width: 40px !important;
  height: 32px !important;
  padding: 5px 5px 0px 24px !important;
}

._checkboxHeaderCell_1yf36_271 {
  width: 40px !important;
  height: 32px !important;
  padding: 0px 0px 0px 24px !important;
}

._idColumn_1yf36_283 {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._speakerIdColumn_1yf36_323 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._titleColumn_1yf36_363 {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._submittedOnColumn_1yf36_403 {
  width: 180px !important;
  min-width: 180px !important;
  max-width: 180px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  height: 38px !important;
  padding-top: 15px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._typeColumn_1yf36_447 {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 120px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  padding-top: 13px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

._statusColumn_1yf36_487 {
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  padding-top: 11px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._actionsColumn_1yf36_521 {
  width: 60px !important;
  min-width: 60px !important;
  max-width: fit-content !important;
  text-align: end !important;
  background-color: white !important;
}

._tableHeader_1yf36_537 {
  width: 100% !important;
  background-color: white !important;
}

._tableHeaderFixed_1yf36_547 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding: 9px 24px 9px 24px !important;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;
  border-top: 1px solid #dee2e6 !important;
  height: 40px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._tableFixedLayout_1yf36_579 {
  table-layout: fixed !important;
  width: 100% !important;
}

input[type="checkbox"]:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
}

input[type="checkbox"]:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}

._form-check-input_1yf36_607:checked {
  background-color: 6a0dad !important;
  border-color: #6a0dad !important;
}

._imageStyle_1yf36_617 {
  width: 30px;
  height: 30px;
}

._dropdown-menu_1yf36_627 {
  font-size: 13px !important;
  font-weight: 400 !important;
  width: 188px !important;
}

._dropdown-item_1yf36_639 {
  padding: 5px 5px 5px 10px !important;
  width: 188px !important;
  height: 34px !important;
}

._dropdownItem_1yf36_651:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdownMenu_1yf36_663 ._dropdownItem_1yf36_651:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdown-item_1yf36_639:hover {
  background-color: #f9f9f9 !important;
  color: #000;
}

._dropdownToggle_1yf36_685 {
  font-size: 14px !important;
  padding: 2px 8px !important;
}

._searchButton_1yf36_695 {
  padding: 0.25rem 0.5rem !important;
  aspect-ratio: 1/1 !important;
  border: 1px solid #e3e3e3 !important;
  background-color: white !important;
  margin-left: 1rem !important;
}

._filterButton_1yf36_711 {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgb(228, 228, 228) !important;
  background-color: white !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

._filterButton_1yf36_711:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transform: scale(1.05) !important;
}

._filterButton_1yf36_711 i {
  font-size: 18px !important;
  color: #424242 !important;
}

._searchContainer_1yf36_761 {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

._emailHeader_1yf36_781 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  letter-spacing: 0% !important;
  color: #424242 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 32px !important;
  padding-top: 9px !important;
  padding-right: 24px !important;
  padding-bottom: 9px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  border-bottom-width: 1px !important;
  box-sizing: border-box !important;
}

._emailColumn_1yf36_825 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 12px !important;
  padding-right: 24px !important;
  padding-bottom: 12px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._assignedHeader_1yf36_867 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  letter-spacing: 0% !important;
  color: #424242 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 32px !important;
  padding-top: 9px !important;
  padding-right: 24px !important;
  padding-bottom: 9px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  border-bottom-width: 1px !important;
  box-sizing: border-box !important;
}

._assignedColumn_1yf36_911 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 12px !important;
  padding-right: 24px !important;
  padding-bottom: 12px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._menuIcon_1yf36_953 {
  display: inline-block !important;
  padding-top: 0px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

._paginationContainer_1yf36_967 {
  font-size: 14px !important;
  color: #555 !important;
  background-color: #f9f9f9 !important;
  border-top: 1px solid #ddd !important;
  border-radius: 0 0 8px 8px !important;
}

._paginationTextContainer_1yf36_983 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  background-color: #fff !important;
  min-width: 60px !important;
  font-size: 12px !important;
  color: #555 !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}

._paginationText_1yf36_983 {
  font-size: 10px !important;
  font-weight: normal !important;
}

._paginationButton_1yf36_1023 {
  border: none !important;
  background: transparent !important;
  padding: 4px !important;
}

._paginationWrapper_1yf36_1035 {
  display: flex !important;
  align-items: left !important;
  gap: 8px !important;
  margin-left: auto !important;
}

._squareButton_1yf36_1049 {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: #fff !important;
  transition: background-color 0.3s ease !important;
}

._squareButton_1yf36_1049:hover {
  background-color: #f8f9fa !important;
}

._squareButton_1yf36_1049:disabled {
  background-color: #f9f9f9 !important;
  color: #eeeeee !important;
  border-color: #e2e2e2 !important;
  cursor: not-allowed !important;
}

._purpleCheckbox_1yf36_1097 ._form-check-input_1yf36_607:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
  box-shadow: none !important;
}

._purpleCheckbox_1yf36_1097 ._form-check-input_1yf36_607:checked::before {
  background-color: white !important;
}

._purpleCheckbox_1yf36_1097 ._form-check-input_1yf36_607:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}

._selectedText_1yf36_1125 {
  font-size: 14px;
  font-weight: normal;
}

._customFontSize_1yf36_1135 {
  font-size: 10px;
}

._customPopover_1yf36_1143 {
  position: absolute !important;
  z-index: 1050 !important;
  max-width: 250px !important;
  background-color: white !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: hidden !important;
}

._customDropdownItem_1yf36_1165 {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  color: #333 !important;
}

._customDropdownItem_1yf36_1165:hover {
  background-color: #f9f9f9 !important;
}

._dropdown-toggle_1yf36_1189::after {
  display: none !important;
}

._menuIcon_1yf36_953 {
  cursor: pointer !important;
}

._menuIcon_1yf36_953::after {
  display: inline-block !important;
  content: "▼" !important;
  font-size: 10px !important;
  color: white !important;
  margin-left: 0px !important;
}

._customSelectToggle_1yf36_1221 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 120px !important;
  padding: 6px 12px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  min-width: 150px !important;
}

._iconRight_1yf36_1247 {
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
}

._customPopoverBody_1yf36_1259 {
  padding: 0 !important;
}

._customDropdownItem_1yf36_1165 {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  width: 100% !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 12px !important;
  color: #333 !important;
  transition: background 0.2s !important;
  box-sizing: border-box !important;
}

._customDropdownItem_1yf36_1165 + ._customDropdownItem_1yf36_1165 {
  border-top: 1px solid #e0e0e0 !important;
}

._customDropdownItem_1yf36_1165 img {
  margin-right: 8px !important;
}

._speakerIdColumn_1yf36_323,
._speakerColumn_1yf36_1317,
._dateColumn_1yf36_1319 {
  width: 100%;
}

._idColumn_1yf36_283,
._titleColumn_1yf36_363,
._speakerIdColumn_1yf36_323,
._speakerColumn_1yf36_1317,
._dateColumn_1yf36_1319 {
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
}

._submittedOnColumn_1yf36_403 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  background: #ffffff !important;
  text-align: left !important;
  white-space: nowrap !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 15px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._typeColumn_1yf36_447 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  background: #ffffff !important;
  text-align: left !important;
  padding-top: 13px !important;
  padding-right: 90px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._statusColumn_1yf36_487 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  padding-top: 11px !important;
  background: #ffffff !important;
  padding-right: 54px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._divider_1yf36_1463 {
  margin: 0 !important;
  border-top: 1px solid #585858 !important;
}

._statusBadge_1yf36_1473 {
  width: 112px !important;
  display: flex !important;
  align-items: center !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  padding: 3px 8px !important;
  font-size: 12px !important;
}

._statusBadgeNA_1yf36_1495 {
  justify-content: center !important;
}

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

._statusDot_1yf36_1511 {
  height: 8px !important;
  width: 8px !important;

  border-radius: 50% !important;
  margin-right: 6px !important;
}

._statusText_1yf36_1527 {
  font-weight: 600 !important;
  text-transform: uppercase;
}

._statusSubmitted_1yf36_1537 {
  color: #1b82d7 !important;
}

._statusReviewing_1yf36_1545 {
  color: #fd9013 !important;
}

._statusAccepted_1yf36_1553 {
  color: #27b266 !important;
}

._statusRejected_1yf36_1561 {
  color: #e43232 !important;
}

._statusNa_1yf36_1569 {
  color: #808080 !important;
}

._statusDefault_1yf36_1577 {
  color: #7534e5 !important;
}

form select option:hover {
  background-color: gray !important;
  color: white !important;
}

._popover_1yf36_1595 {
  width: 216px !important;
  height: 68px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
  position: relative !important;
}

._popoverBody_1yf36_1611 {
  padding: 0 !important;
  width: 190px !important;
}

._modalButton_1yf36_1621 {
  display: flex;
  align-items: center;
  width: 216px !important;
  height: 34px !important;
  padding: 8px 16px;

  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

._modalButton_1yf36_1621:hover {
  background-color: #f5f5f5;
  width: 190px !important;
}

._icon_1yf36_1247 {
  margin-right: 8px;

  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_1yf36_1463 {
  border-color: #ebecee !important;
  width: 100% !important;
  height: 1px !important;
  background-color: #e0e0e0 !important;
}

#_popover-filter-main_1yf36_1 ._popover-arrow_1yf36_1687 {
  display: none !important;
}

._disabledDropdownItem_1yf36_1695 {
  color: #aaa !important;
  cursor: not-allowed !important;
  background-color: #f8f9fa !important;
  pointer-events: none;
}

._disabledDropdownItem_1yf36_1695:hover {
  background-color: #f8f9fa !important;
}

/* submissions.module.css */

._customDropdownItem_1yf36_1165 {
  position: relative;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
}

._customDropdownItem_1yf36_1165:hover {
  background-color: #f8f9fa;
}

._disabledDropdownItem_1yf36_1695 {
  opacity: 0.5;
  pointer-events: none;
}

._nestedMenu_1yf36_1753 {
  position: absolute;
  top: 0;
  left: 100%;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 180px;
  z-index: 1000;
}
._authorFormModal_dxbcv_1 ._modal-content_dxbcv_1 {
  border-radius: 8px;
  border: none;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  width: 456px;
  max-width: 456px;
}

._modalHeader_dxbcv_9 {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 56px;
}

._modalTitle_dxbcv_18 {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  padding-top: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
  margin: 0;
}

._closeButton_dxbcv_28 {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s;
}

._closeButton_dxbcv_28:hover {
  background-color: #f5f5f5;
  color: #333;
}

._modalBody_dxbcv_46 {
  padding: 18px 0px 0px 24px;
  height: 148px;
  width: 456px;
  box-sizing: border-box;
}

._formList_dxbcv_53 {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

._formOption_dxbcv_60 {
  display: flex;
  align-items: center;
  cursor: pointer;

  border-radius: 6px;
  transition: background-color 0.2s;
  position: relative;
  min-height: 40px;
}

._formOption_dxbcv_60:hover {
  background-color: #f8f9fa;
}

._radioInput_dxbcv_75 {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

._radioCustom_dxbcv_81 {
  width: 18px;
  height: 18px;
  border: 1.5px solid #d0d0d0;
  border-radius: 50%;
  margin-right: 12px;
  position: relative;
  transition: all 0.2s ease;
  flex-shrink: 0;
  background-color: white;
}

._radioInput_dxbcv_75:checked + ._radioCustom_dxbcv_81 {
  border-color: #7534e5;
  background-color: white;
}

._radioInput_dxbcv_75:checked + ._radioCustom_dxbcv_81::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #7534e5;
}

._formOption_dxbcv_60:hover ._radioCustom_dxbcv_81 {
  border-color: #a0a0a0;
}
._formName_dxbcv_113 {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  flex: 1;
}

._modalFooter_dxbcv_122 {
  border-top: 1px solid #e0e0e0;
  padding: 0 24px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 56px;
  box-sizing: border-box;
}

._downloadButton_dxbcv_132 {
  background-color: #7534e5;
  border-color: #7534e5;
  border-radius: 6px;
  padding: 8px 20px 8px 15px;
  height: 34px;
  width: 127px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}

._downloadButton_dxbcv_132:hover {
  background-color: #5a0b9a;
  border-color: #5a0b9a;
  transform: translateY(-1px);
}

._downloadButton_dxbcv_132:disabled {
  background-color: #ccc;
  border-color: #ccc;
  cursor: not-allowed;
  transform: none;
}

._downloadButton_dxbcv_132:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25);
}

/* Added loading and empty state styles */
._loadingState_dxbcv_165 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #666;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}

._spinner_dxbcv_175 {
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #6a0dad;
  border-radius: 50%;
  animation: _spin_dxbcv_175 1s linear infinite;
  margin-right: 12px;
}

@keyframes _spin_dxbcv_175 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

._emptyState_dxbcv_194 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  color: #999;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  text-align: center;
}
._skeleton_ch8d5_1 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _shimmer_ch8d5_1 1.5s infinite linear;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1em;
  line-height: 1;
}

@keyframes _shimmer_ch8d5_1 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}


._skeletonTableContainer_ch8d5_47 {
  border: 0px solid #dee2e6;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}


._skeletonCardHeaderRow_ch8d5_63 {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #F9F9F9;
  border-bottom: 1px solid #dee2e6;
}

._skeletonCardHeaderContent_ch8d5_79 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  height: 60px;
  box-sizing: border-box;
}

._skeletonHeaderTitleContainer_ch8d5_97 {
  flex: 1;
}

._skeletonHeaderTitle_ch8d5_97 {
  width: 180px;
  height: 24px;
  border-radius: 4px;
}

._skeletonHeaderButtonsContainer_ch8d5_117 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._skeletonActionButton_ch8d5_129 {
  width: 120px;
  height: 34px;
  border-radius: 6px;
}

._skeletonSmallButton_ch8d5_141 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}



._skeletonColHeaderRow_ch8d5_157 {
  position: sticky;
  top: 60px;
  z-index: 2;
  background-color: #ffffff;
  border-bottom: 1px solid #e3e3e3;
}


._skeletonTableHeaderCellBase_ch8d5_175 {
  text-align: left;
  vertical-align: middle;
  padding: 9px 24px;
  height: 40px;
}

._skeletonHeaderCheckbox_ch8d5_189 {
  width: 40px;
  padding-left: 24px;
  padding-right: 5px;
}

._skeletonHeaderId_ch8d5_201 {
  width: 100px;
}

._skeletonHeaderTitleCol_ch8d5_209 {
  width: 250px;
}

._skeletonHeaderSubmittedOn_ch8d5_217 {
  width: 180px;
}

._skeletonHeaderType_ch8d5_225 {
  width: 120px;
}

._skeletonHeaderStatusCol_ch8d5_233 {
  width: 130px;
}

._skeletonHeaderActions_ch8d5_241 {
  width: 60px;
  text-align: center;
  padding-left: 0;
  padding-right: 24px;
}

._skeletonHeaderCellContent_ch8d5_255 {
  height: 14px;
  width: 80%;
  border-radius: 4px;
}



._skeletonDataRow_ch8d5_271 {
  height: 44px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #ffffff;
}

._skeletonDataCellBase_ch8d5_283 {
  vertical-align: middle;
  padding: 0;
}

._skeletonCellCheckbox_ch8d5_293 {
  padding: 5px 5px 0px 24px;
  width: 40px;
}

._skeletonCellId_ch8d5_303 {
  padding: 15px 14px 12px 9px;
  width: 100px;
}

._skeletonCellTitle_ch8d5_313 {
  padding: 15px 14px 12px 9px;
  width: 250px;
}

._skeletonCellSubmittedOn_ch8d5_323 {
  padding: 15px 10px 12px 9px;
  width: 180px;
}

._skeletonCellType_ch8d5_333 {
  padding: 13px 10px 12px 10px;
  width: 120px;
}

._skeletonCellStatus_ch8d5_343 {
  padding: 11px 10px 12px 10px;
  width: 130px;
}

._skeletonCellActions_ch8d5_353 {
  text-align: center;
  padding: 0;
  width: 60px;
}

._skeletonTextCell_ch8d5_365 {
  height: 16px;
  border-radius: 4px;
}

._skeletonCellId_ch8d5_303 ._skeletonTextCell_ch8d5_365 {
  width: 70%;
}

._skeletonCellTitle_ch8d5_313 ._skeletonTextCell_ch8d5_365 {
  width: 90%;
}

._skeletonCellSubmittedOn_ch8d5_323 ._skeletonTextCell_ch8d5_365 {
  width: 80%;
}

._skeletonCellType_ch8d5_333 ._skeletonTextCell_ch8d5_365 {
  width: 60%;
}

._skeletonStatusBadge_ch8d5_407 {
  width: 100px;
  height: 24px;
  border-radius: 6px;
}

._skeletonCheckboxCell_ch8d5_419 {
  width: 20px;
  height: 20px;
  border-radius: 3px;
  margin-left: 3px;
}

._skeletonActionIcon_ch8d5_433 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
}


._skeletonPaginationContainer_ch8d5_449 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 24px;
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  border-radius: 0 0 8px 8px;
  height: 50px;
}

._skeletonPaginationText_ch8d5_471 {
  width: 150px;
  height: 16px;
}

._skeletonPaginationControls_ch8d5_481 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._skeletonPaginationSelect_ch8d5_493 {
  width: 60px;
  height: 34px;
}

._skeletonPaginationButton_ch8d5_503 {
  width: 32px;
  height: 32px;
}

._skeletonPaginationPageInfo_ch8d5_513 {
  width: 70px;
  height: 34px;
}


/* Submission/components/submissionsComponents/SubmissionsEmptyState.module.css */
* {
  font-family: "Inter", sans-serif !important;
}
._emptyState_1wu9f_17 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px; /* Adjust padding as needed for table integration */
    text-align: center;
    width: 100%; 
    box-sizing: border-box;
}
._emptyStateIcon_1wu9f_39 {
    width: 70px; /* Slightly smaller for table context potentially */
    height: 70px;
    opacity: 0.5;
    margin-bottom: 10px; 
}
._emptyState_1wu9f_17 h4 {
    margin: 8px 0;
    font-size: 1.1rem; /* Adjust size as needed */
    color: #333;
    font-weight: 500; 
}
._emptyState_1wu9f_17 p {
    margin-bottom: 16px;
    color: #666;
    font-size: 0.875rem; /* ~14px */
}
/* Optional: If you want a button for "Add New Submission" for a truly empty state */
._addSubmissionButton_1wu9f_81 { 
    background-color: #7534e5 !important;
    border: 1px solid rgba(117, 52, 229, 0.5) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: white !important;
    white-space: nowrap; 
    padding: 6px 16px !important;
    border-radius: 6px !important; 
    transition: background-color 0.2s ease, border-color 0.2s ease; 
}
._addSubmissionButton_1wu9f_81:hover {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
}
._addSubmissionButton_1wu9f_81:active {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
}

* {
  font-family: "Inter", sans-serif !important;
}

._filterPopoverContainer_1r0lm_13 {
  /* Base container for the popover */
  position: relative;
  /* Set a fixed width, matching the width of a single menu list */
  width: 188px !important; /* Or adjust if your base width is different */
  /* Ensure children positioned outside are still visible */
  border-radius: 6px !important;
  overflow: visible;
}

._popoverList_1r0lm_33 {
  padding: 0; /* Remove default ListGroup padding */
  border: none; /* Remove default ListGroup border */
  min-width: 188px !important; /* Minimum width */
  width: 188px !important; /* Explicit width for consistency */
  border-radius: 6px !important;
  overflow: hidden; /* Keep list items clipped */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); /* Add shadow for depth */
  background-color: #fff;
}

._popoverItem_1r0lm_55 {
  padding: 0.6rem 1rem;
  font-size: 0.9rem;
  cursor: pointer;
  border: none !important; /* Remove default individual item borders */
  background-color: #fff;
  color: #000000;
  transition: background-color 0.15s ease-in-out;
  /* Ensure border doesn't add to the box size unexpectedly */
  box-sizing: border-box;
}

/* New style for adding a border below specific items */

._hasBottomBorder_1r0lm_81 {
  border-bottom: 1px solid #e3e3e3 !important; /* Use Bootstrap's default divider color */
}

._popoverItem_1r0lm_55:hover {
  background-color: #e3e3e3;
}

._popoverList_1r0lm_33 > ._popoverItem_1r0lm_55:last-child {
  border-bottom: none !important;
}

._checkmarkIcon_1r0lm_105,
._chevronIcon_1r0lm_107 {
  height: 20px;
  width: 20px;
  vertical-align: middle;
}

._checkmarkIcon_1r0lm_105 {
  margin-right: 9px;
  margin-left: -6px;
}

._chevronIcon_1r0lm_107 {
  margin-right: -12px; /* Space between chevron and text */
}

._iconPlaceholder_1r0lm_137 {
  display: inline-block; /* Allow width/height */
  width: 1em; /* Match the icon width */
  height: 1em; /* Match the icon height */
  margin-right: 8px;
}

._itemContent_1r0lm_151 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

._itemText_1r0lm_165 {
  flex-grow: 1;
}

._itemTextType_1r0lm_173 {
  flex-grow: 1;
  margin-left: 1.4rem !important;
}

._itemTextStatus_1r0lm_183 {
  flex-grow: 1;
  margin-left: 1.4rem !important;
}

._divider_1r0lm_193 {
  margin: 0 0 0 0;
  border-top: 10px solid #e3e3e3 !important;
}

._selectedItem_1r0lm_203 {
  font-weight: 400;
}

._nestedMenuContainer_1r0lm_211 {
  position: relative;
  height: auto;
}

._mainMenu_1r0lm_221 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

._subMenu_1r0lm_235 {
  position: absolute;
  top: 0;
  right: 100%;
  margin-right: 8px;
  z-index: 1;
  animation: _fadeInLeft_1r0lm_1 0.2s ease-in-out;
}

._disabledItem_1r0lm_253 {
  color: #000000 !important;
  pointer-events: none;
  cursor: not-allowed !important;
  opacity: 0.6;
}

@keyframes _fadeInLeft_1r0lm_1 {
  from {
    opacity: 0;
    transform: translateX(5px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}




* {
  font-family: 'Inter', sans-serif !important;
}

._modalDialog_1m50a_17 {
  margin: 0 auto !important; /* Center the modal */
  max-width: 456px !important; /* Set the maximum width */
  width: 100% !important; /* Ensure it takes full width up to the max-width */
  height: 164px !important; /* Set the height */
  z-index: 1070 !important; /* Ensures it's above other elements */
}

/* Header */

._header_1m50a_35 {
  border-bottom: none !important; /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_1m50a_47 {
  width: 375px !important;
  height: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important; /* Remove default margin */
}

/* Body */

._body_1m50a_71 {
  width: 408px !important;
  height: 80px !important; 
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4A4A4A !important; /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Footer */

._footer_1m50a_101 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Delete Button */

._deleteButton_1m50a_123 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._deleteButton_1m50a_123:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._deleteButton_1m50a_123:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

/* Cancel Button */

._cancelButton_1m50a_177 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #FFFFFF66 !important; /* Stroke-40 */
  background: #7534E5 !important; /* Primary */
  color: #FFFFFF !important; /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._cancelButton_1m50a_177:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._cancelButton_1m50a_177:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._publishButton_1m50a_225 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._publishButton_1m50a_225:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._publishButton_1m50a_225:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}._searchButton_3bi3d_1 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  padding: 0.25rem 0.5rem !important;
}
/* table */
._pageContainer_1o4kk_2 {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  overflow: visible !important;
  position: relative !important;
  border: none;
}
/* design  */
._formCard_1o4kk_11 {
  border: transparent !important;
  box-shadow: none !important;
  background-color: transparent;
}
._cardBody_1o4kk_16 {
  overflow: visible !important;
  background-color: transparent;
  padding: 0 !important;
}
._navbar_170ht_1 {
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_170ht_4 {
  width: 100%;
}
._navbarCol_170ht_7 {
  text-align: end;
}
._icon_170ht_10 {
  font-size: 24px !important;
}
._addBtn_170ht_13 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}
._input_170ht_22 {
  margin-top: 10px;
}
._input2_170ht_25 {
}
._closeBtn_170ht_27 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 10px !important;

  padding: 0 !important;
  padding-left: 4px !important;
}
._modalBody_170ht_37 {
  max-height: 60vh; /* Restrict height */
  overflow-y: auto; /* Enable scrolling */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
  -ms-overflow-style: none; /* Hide scrollbar for Internet Explorer and Edge */
}

/* Hide scrollbar for WebKit browsers (Chrome, Safari) */
._modalBody_170ht_37::-webkit-scrollbar {
  display: none;
}
._modalFooter_170ht_48 {
  display: block !important;
  width: 100% !important;
}
._deleteCol_170ht_52 {
  text-align: start !important;
}
._delete_170ht_52 {
  width: 34px !important;
  height: 34px !important;
  background-color: transparent !important;
  border: 1px solid #b8b8b8 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: #b8b8b8 !important;

  padding: 0 !important;
}
._saveCol_170ht_68 {
  text-align: end !important;
}
._save_170ht_68 {
  width: 95px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
}

._form_170ht_84 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
._icon2_170ht_90 {
  width: 40px !important;
}
._imageUpload_170ht_93 {
  width: 462px;
  height: 231px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
._uploadLabel_170ht_104 {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: #4a4a4a !important;
}
._icon3_170ht_110 {
  width: 24px !important;
  margin-right: 5px !important;
  margin-top: -3px !important;
}
._saveDiv_170ht_115 {
  margin-top: 2px !important;
}

._label_170ht_119 {
  text-align: left;
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;

  width: 100% !important;
  margin-bottom: 10px;
  border-radius: 10px !important;
}

/* CSS For Color Picker START */
._colorPickerContainer_170ht_132 {
  display: flex;
  align-items: center;
  gap: 10px; /* Space between items */
}

._colorPickerLabel_170ht_138 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._colorPickerButton_170ht_144 {
  background-color: white !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px;
  border: 1px solid #e3e3e3 !important;

  padding: 0 !important;
  padding-left: 5px !important;
  cursor: pointer;
}

._colorPreview_170ht_156 {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

._colorInput_170ht_163 {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
._colorText_170ht_170 {
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Inter", sans-serif !important;
  color: black !important;
}
/* CSS For Color Picker START */
/* Split Button CSS START */
._splitButton_170ht_178 {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;

  width: 636px; /* Total width */
  height: 34px;

  margin-left: 2rem;
}
._categoryButton_170ht_190 {
  width: 119px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._categoryButtonActive_170ht_207 {
  width: 119px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._tracksButton_170ht_224 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._tracksButtonActive_170ht_241 {
  width: 101px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._evaluationButton_170ht_258 {
  width: 172px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._evaluationButtonActive_170ht_275 {
  width: 172px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._acceptanceButton_170ht_292 {
  width: 244px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: #f9f9f9;
  color: black; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}
._acceptanceButtonActive_170ht_309 {
  width: 244px; /* Fixed width */
  padding: 10px 16px;
  border: none;
  background: white;
  color: #8a2be2; /* Purple */

  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
}

._divider_170ht_327 {
  width: 1px;
  height: 100%; /* Full height */
  background-color: #ccc;
}

._categoryButton_170ht_190:hover,
._tracksButton_170ht_224:hover,
._evaluationButton_170ht_258:hover,
._acceptanceButton_170ht_292:hover {
  background-color: white; /* Light Purple */
}


._icon_170ht_10 {
  margin-right: 6px;
}

/* Split Button CSS END */
._tableContainer_1qszb_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #e4e7ec;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  margin: 2px 2px 0 2px;
}

._formHeader_1qszb_12 {
  font-size: 16px;
  font-weight: 500;
  padding: 18px 14px;
  border-bottom: 1px solid #e4e7ec;
  background-color: #f9f9f9;
}

._custom-table_1qszb_20 th {
  font-size: 12px !important;
  font-weight: 500;
  color: #4a4a4a !important;
  padding: 9px 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #e4e7ec;
}

._custom-table_1qszb_20 td {
  font-size: 14px !important;
  padding: 12px 24px 12px 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 1px solid #f1f3f5;
}

._custom-table_1qszb_20 td._boldText_1qszb_42 {
  font-weight: 500;
  color: #000;
}

._custom-table_1qszb_20 td._lightText_1qszb_47 {
  font-weight: 400;
  color: #7a7a7a;
}

._clickableRow_1qszb_52 {
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

._clickableRow_1qszb_52:hover {
  background-color: #f8f9fa;
}

._dropdown-menu-custom_1qszb_61 {
  min-width: 150px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid #e4e7ec;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  padding: 0;
  position: absolute !important;
  z-index: 9999 !important;
  overflow: visible !important;
  background-color: white;
  border-radius: 6px;
  transform: translate3d(0, 10px, 0) !important;
  padding-top: 0;
}

._dropdown-item-custom_1qszb_77 {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  color: #000;
  font-weight: 400;
  font-size: 13px;
  font-family: "Inter", sans-serif !important;
}

._dropdown-item-custom_1qszb_77:active {
  background-color: transparent !important;
  color: inherit !important;
}

._dropdown-item-custom_1qszb_77:hover {
  background-color: #f8f9fa;
}

._dropdown-icon_1qszb_96 {
  margin-right: 12px;
  color: #667085;
}

._dropdown-divider_1qszb_101 {
  margin: 0;
  border-top: 1px solid #e4e7ec;
}

._kebab-toggle_1qszb_106 {
  padding: 0;
  background: none;
  border: none;
  color: #000;
  margin-left: auto;
}

._kebab-toggle_1qszb_106::after {
  display: none !important;
}

._kebab-icon_1qszb_118 {
  color: #667085;
}

._actionCell_1qszb_122 {
  position: relative;
  width: 24px;
  padding: 12px 16px 12px 14px !important;
  text-align: center;
  overflow: visible !important;
}

._pageContainer_1qszb_130,
._formCard_1qszb_131,
._cardBody_1qszb_132,
._tableContainer_1qszb_1,
._custom-table_1qszb_20 {
  overflow: visible !important;
}

._custom-table_1qszb_20 {
  margin-bottom: 0 !important;
}

._tableContainer_1qszb_1 {
  padding-bottom: 0 !important;
}

._custom-table_1qszb_20 input[type="checkbox"]:checked {
  background-color: #6f42c1;
  border-color: #6f42c1;
  accent-color: #6f42c1;
}

._paginationContainer_1qszb_152 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 16px 24px;
  border-top: 1px solid #e4e7ec;
  background-color: #f9f9f9;
  font-size: 14px;
}
._paginationLeft_1qszb_161 {
  color: #667085;
}

._paginationCenter_1qszb_165 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._showingText_1qszb_171 {
  color: #667085;
}

._pageSizeSelect_1qszb_175 {
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  padding: 4px 8px;
  background-color: white;
  color: #667085;
  font-size: 14px;
  cursor: pointer;
  width: 60px;
  margin-right: 8px;
}

._pageInfo_1qszb_187 {
  color: #667085;
  padding: 0 8px;
}

._paginationButton_1qszb_192 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
  margin: 0 4px;
}

._paginationButton_1qszb_192:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

._paginationButton_1qszb_192 img {
  width: 16px;
  height: 16px;
}

._paginationRight_1qszb_215 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}
/* Set the modal width & height */
._modalCustom_g2aoa_2 {
  max-width: 456px !important;
  width: 456px !important;
  height: 456px !important;
}

/* Header Styling */
._modalHeader_g2aoa_9 {
  width: 100% !important;
  height: 56px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #e3e3e3 !important;
  box-sizing: border-box;
}

/* Title Styling */
._modalTitle_g2aoa_21 {
  font-size: 16px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
}
/* close button */
._closeButton_g2aoa_27 {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #e3e3e3 !important;
  background: white !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}

._closeButton_g2aoa_27:hover {
  background: #f5f5f5 !important;
}

/* Modal Body */
._modalBody_g2aoa_45 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  height: 100%;
}
/* qr container */
._qrContainer_g2aoa_54 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px !important;
  height: 300px !important;
  margin-bottom: 16px;
}

._buttonGroup_g2aoa_63 {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

._actionButton_g2aoa_69 {
  width: 126px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  cursor: pointer;
  margin-bottom: 10px;
}

._actionButton_g2aoa_69 svg {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
._actionButton_g2aoa_69:hover {
  background: #f5f5f5;
}
/* Modal Content */
._modal-content_1d1ec_2 {
  width: 456px !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Modal Body */
._modal-body-custom_1d1ec_11 {
  text-align: left;
  padding: 20px 24px 16px 24px !important;
}

/* Title */
._modal-title_1d1ec_17 {
  font-weight: 500 !important;
  font-size: 16px !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  color: #000000;
}

/* Paragraph Text */
._modal-text_1d1ec_26 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  font-family: "Inter", sans-serif !important;
}

/* Grey Divider Line */
._modal-divider_1d1ec_36 {
  height: 1px !important;
  background-color: #e3e3e3 !important;
  border: none !important;
  margin: 0 !important;
}

/* Modal Footer */
._modal-footer-custom_1d1ec_44 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 12px 24px !important;
  gap: 8px !important;
  background-color: white !important;
  border-top: none !important;
  margin: 0 !important;
}

/* Unpublish Button */
._unpublish-button_1d1ec_56 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: black !important;
  transition: all 0.2s ease-in-out !important;
  font-family: "Inter", sans-serif !important;
  width: 96px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._unpublish-button_1d1ec_56:hover {
  background-color: #f8f8f8 !important;
}

/* Cancel Button */
._cancel-button_1d1ec_77 {
  background-color: #6f42c1 !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
  width: 76px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._cancel-button_1d1ec_77:hover {
  background-color: #5a32a3 !important;
}

/* Error Message */
._error-message_1d1ec_98 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #dc3545;
  font-family: "Inter", sans-serif !important;
  padding: 8px 12px;
  background-color: #f8d7da;
  border-radius: 4px;
  border: 1px solid #f5c6cb;
}
._modal-content_1bhyy_1 {
  width: 400px !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
}

._modal-body-custom_1bhyy_8 {
  text-align: left !important;
  padding: 24px !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._modal-title_1bhyy_14 {
  font-weight: 500 !important;
  font-size: 16px !important;
  margin: 0 !important;
  color: #000000;
}

._modal-text_1bhyy_21 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

._error-text_1bhyy_29 {
  color: #dc3545 !important;
  font-size: 14px !important;
  margin-top: 8px !important;
}

._modal-footer-custom_1bhyy_35 {
  display: flex !important;
  justify-content: flex-end !important;
  padding: 16px 24px !important;
  gap: 8px !important;
}

._delete-button_1bhyy_42 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  color: black !important;
}

._cancel-button_1bhyy_51 {
  background-color: #6f42c1 !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
}

._delete-button_1bhyy_42:disabled,
._cancel-button_1bhyy_51:disabled {
  opacity: 0.7 !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

._emptyState_1xfb7_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
}

._emptyStateIcon_1xfb7_17 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
}

._emptyState_1xfb7_7 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
}

._emptyState_1xfb7_7 p {
  margin-bottom: 16px;
  color: #666;
}

._addCategoryButton_1xfb7_34 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  white-space: nowrap;
}

._addCategoryButton_1xfb7_34:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._addCategoryButton_1xfb7_34:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Main container for the categories section */

._categoryContainer_1ndsl_8 {
  width: 984px;
  height: max-content;
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--Stroke-Gray, #e3e3e3);
  background: var(--White, #ffffff);
  display: flex;
  flex-direction: column;
  font-family: "Inter", sans-serif;
}

/* Header section containing title and controls */

._header_1ndsl_21 {
  width: 982px !important;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 10px;
  background: var(--Selected-Gray, #f9f9f9);
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  background: #f8f9fa !important;
}

/* Title styling */

._title_1ndsl_34 {
  margin-top: 14px;
  font-weight: 500;
  font-size: 16px;
  padding-left: 4px;
}

/* Container for control buttons */

._controls_1ndsl_42 {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* Common styling for filter and search icon buttons */

._filterButton_1ndsl_49,
._searchIconButton_1ndsl_50 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Filter icon styling */

._filterIcon_1ndsl_65 {
  padding-bottom: 4px;
  padding-right: 1px;
}

/* Hover effect for filter and search buttons */

._filterButton_1ndsl_49:hover,
._searchIconButton_1ndsl_50:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside filter and search buttons */

._filterButton_1ndsl_49 img,
._searchIconButton_1ndsl_50 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_1ndsl_85 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_1ndsl_93 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_1ndsl_93._visible_1ndsl_105 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_1ndsl_93::placeholder {
  color: #000000;
}

/* Table container */

._tableContainer_1ndsl_121 {
  width: 984px;
  max-height: 100%;
  overflow-y: auto;
}

/* Table styling */

._table_1ndsl_121 {
  width: 100%;
  border-collapse: collapse;
}

/* Table header styling */

._table_1ndsl_121 thead {
  width: 100% !important;
  height: 32px;
  font-family: Inter;
  font-size: 12px;
  line-height: 14.52px;
  letter-spacing: 0;
  color: #4a4a4a;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Table header cell styling */

._table_1ndsl_121 th {
  font-weight: 500;
}

/* Checkbox column styling */

._table_1ndsl_121 thead th:first-child {
  width: 183px;
  height: 32px;
  padding: 9px 14px;
  gap: 10px;
}

/* Type column styling */

._table_1ndsl_121 thead th:nth-child(2) {
  width: 355px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Name column styling */

._table_1ndsl_121 thead th:nth-child(3) {
  width: 247px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Abstract Type column styling */

._table_1ndsl_121 thead th:nth-child(4) {
  width: 204px;
  height: 32px;
  padding: 9px 24px 9px;
  gap: 10px;
}

/* Table row styling */

._table_1ndsl_121 tbody tr {
  width: 100%;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Checkbox cell styling */

._table_1ndsl_121 tbody td:first-child {
  width: 183px;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 24px 12px 14px;
}

/* Type cell styling */

._table_1ndsl_121 tbody td:nth-child(2) {
  width: 355px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Name cell styling */

._table_1ndsl_121 tbody td:nth-child(3) {
  width: 247px;
  font-size: 14px;
  font-weight: 400;
  color: #4A4A4A;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Abstract Type cell styling */

._table_1ndsl_121 tbody td:nth-child(4) {
  width: 170px;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

/* Options button cell styling */

._table_1ndsl_121 tbody td:last-child {
  width: 30px;
  padding-left: 24px;
  padding-bottom: 0.175rem !important;
  padding-top: 0.175rem !important;
}

._btn_1ndsl_235:hover {
  border-color: none !important;

}

/* Options button styling */

._optionsButton_1ndsl_241 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none !important;
  box-shadow: none !important;
  margin-right: 2px;
}

._optionsButton_1ndsl_241:hover {
  background: #f5f5f5 !important;
}

._optionsButton_1ndsl_241:focus,
._optionsButton_1ndsl_241:active {
  border: 1px solid transparent !important;
}

/* Footer container */

._footer_1ndsl_264 {
  width: 984px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: var(--Selected-Gray, #f9f9f9);
  border-top: 1px solid var(--Stroke-Gray, #e3e3e3);
}

/* Selected info and "Showing" text styling */

._selectedInfo_1ndsl_276,
._showingTex_1ndsl_277 {
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

/* Pagination container */

._pagination_1ndsl_284 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Page navigation buttons */

._pageButton_1ndsl_291 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 16px;
  color: #4a4a4a;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  padding: 5px;
  gap: 10px;
}

/* Disabled button styling */

._pageButton_1ndsl_291:disabled {
  color: #c4c4c4;
  cursor: not-allowed;
  border-color: #ddd;
}

/* Hover effect for page buttons */

._pageButton_1ndsl_291:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

._paginationIconBack_1ndsl_321 {
  margin-left: 10px;
}

/* "1 of 2" text styling */

._pageText_1ndsl_325 {
  width: 71px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  padding: 10px 16px;
  gap: 10px;
}

._popover_1ndsl_341 {
  width: 2px !important;
  height: 5px !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border: none;
}

._popoverBody_1ndsl_348 {
  padding: 0 !important;
}

._modalButton_1ndsl_352 {
  display: flex;
  align-items: center;
  width: 150px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

._modalButton_1ndsl_352:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_1ndsl_370 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
}

._divider_1ndsl_376 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Skeleton Loading Styles */

._skeleton_1ndsl_383 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _shimmer_1ndsl_1 1.5s infinite linear;
}

@keyframes _shimmer_1ndsl_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

/* Header row skeleton */

._skeletonHeader_1ndsl_400 {
  height: 32px;
  background: #f9f9f9;
}

._skeletonBadge_1ndsl_406 {
  width: 100px;
  height: 24px;
  border-radius: 12px;
}

._skeletonText_1ndsl_412 {
  height: 20px;
}

/* Specific column widths to match original table */

._skeletonType_1ndsl_417 {
  width: 120px;
}

._skeletonName_1ndsl_421 {
  width: 260px;
}

._skeletonAbstract_1ndsl_425 {
  width: 190px;
}

._skeletonStatus_1ndsl_429 {
  width: 80px;
}

._skeletonOptions_1ndsl_433 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
}

/* Header skeletons */

._skeletonHeaderCell_1ndsl_440 {
  height: 14px;
  background: #e0e0e0;
}

._skeletonHeaderCheckbox_1ndsl_445 {
  width: 16px;
  height: 16px;
  margin: 8px 0 8px 8px;
}

/* Search and controls */

._skeletonControl_1ndsl_452 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}

._skeletonSearch_1ndsl_458 {
  width: 200px;
  height: 34px;
  border-radius: 6px;
}

._skeletonPagination_1ndsl_464 {
  width: 200px;
  height: 34px;
  border-radius: 6px;
  margin: 0 auto;
}

/* Table row styling */

._skeletonRow_1ndsl_472 {
  height: 48px; /* Matches your original row height */
  border-bottom: 1px solid #e3e3e3;
}

@keyframes _pulse_1ndsl_1 {
  0%, 100% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.3;
  }
}



* {
  font-family: "Inter", sans-serif !important;
}

._emptyState_1wml6_7 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    height: 300px;
    text-align: center;
  }

._emptyStateIcon_1wml6_17 {
    width: 80px;
    height: 80px;
    opacity: 0.6;
  }

._emptyState_1wml6_7 h4 {
    margin: 8px 0;
    font-size: 1.25rem;
    color: #333;
  }

._emptyState_1wml6_7 p {
    margin-bottom: 16px;
    color: #666;
  }

._addCategoryButton_1wml6_34 {
    background-color: #7534e5 !important;
    border: 1px solid rgba(117, 52, 229, 0.5) !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: white !important;
    white-space: nowrap; 
  }

._addCategoryButton_1wml6_34:hover {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
  }

._addCategoryButton_1wml6_34:active {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
  }
  


* {
  font-family: 'Inter', sans-serif !important;
}

._selectedText_1ym0o_7 {
    font-weight: 600;
    color: #6200ea;
  }

/* Update the modalButton to handle the check icon */

._modalButton_1ym0o_13 {
    display: flex;
    align-items: center;
    width: 188px !important;
    height: 34px !important;
    padding: 8px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    gap: 8px; /* Add gap between icon and text */
  }

._modalButton_1ym0o_13:hover {
    background-color: #f5f5f5;
  }

._filterPopoverBody_1ym0o_31 {
    padding: 0 !important;
    width: 188px !important;
  }

._filterOption_1ym0o_36 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 8px 11px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    gap: 8px;
  }

._filterOption_1ym0o_36:hover {
    background-color: #f5f5f5;
    border-radius: 6px;
  }

._filterOption_1ym0o_36._selected_1ym0o_7 {

    color: #000;
  }

._checkIcon_1ym0o_60 {
    width: 22px !important;
    height: 22px !important;
    margin-right: 2px;
  }

._divider_1ym0o_66 {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
  }/* Update the pagination styles to match the image */
._paginationContainer_qgy6c_2 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  position: relative;
}

._pagination_qgy6c_2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._paginationButton_qgy6c_16 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  background: white;
  border-radius: 4px;
  cursor: pointer;
  transition:
    background-color 0.2s,
    border-color 0.2s;
  padding: 0;
}

._paginationButton_qgy6c_16:hover:not(:disabled) {
  background-color: #f5f5f5;
  border-color: #d0d0d0;
}

._paginationButton_qgy6c_16:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._paginationIcon_qgy6c_42 {
  color: #333;
}

._disabledIcon_qgy6c_46 {
  color: #ccc;
}

._pageIndicator_qgy6c_50 {
  height: 36px;
  min-width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e0e0e0;
  background: white;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  padding: 0 12px;
}

._paginationLoadingIndicator_qgy6c_64 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}

._paginationSpinner_qgy6c_72 {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(124, 58, 237, 0.2);
  border-radius: 50%;
  border-top-color: #7c3aed;
  animation: _spin_qgy6c_1 1s linear infinite;
}

@keyframes _spin_qgy6c_1 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Keep the rest of your existing CSS */
._tracksContainer_qgy6c_92 {
  width: 984px;
  position: absolute;
  border-radius: 6px;
  border: 1px solid var(--Stroke-Gray, #d1d1d1);
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
}

._tracksHeader_qgy6c_102 {
  height: 58px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 14px !important;
  border-bottom: 1px solid var(--Stroke-Gray, #d1d1d1);
  position: relative;
  /* Ensures absolute positioning works inside */
}

._tracksHeader_qgy6c_102 p {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  color: #000000;
}

._headerControls_qgy6c_120 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

._tableContainer_qgy6c_127 {
  width: 100%;
  background: white;
  border-radius: 6px;
  box-shadow: none;
  table-layout: fixed;
}

._tracksTable_qgy6c_135 {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  background-color: white;
}

._tracksTable_qgy6c_135 th {
  padding: 8px 16px;
  /* Reduce padding to decrease row height */
  font-size: 12px;
  border-bottom: 1px solid #e3e3e3;
  background-color: white;
  font-weight: 500;
  color: #4a4a4a;
  border-top: 1px solid #e3e3e3;
}

._tracksTable_qgy6c_135 td {
  padding: 0px 16px;
  font-size: 14px;
  border-bottom: 1px solid #e3e3e3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* location */
  max-width: 20px;
  /* for location */
}

._tracksTable_qgy6c_135 tr {
  height: 40px;
  vertical-align: middle;
}

._tracksTable_qgy6c_135 td,
._tracksTable_qgy6c_135 th {
  vertical-align: middle;
}

/* Specific adjustments for checkbox and name columns */
._tracksTable_qgy6c_135 td:first-child {
  max-width: 20px;
  /* name */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

._tracksTable_qgy6c_135 td:nth-child(2) {
  padding: 8px 8px 8px 16px;
  /* Reduced left padding */
  width: auto;
  font-weight: 500;
}

._tracksTable_qgy6c_135 td:nth-child(3) {
  padding: 8px 8px 8px 16px; /* Reduced left padding */
  width: auto;
  font-weight: 400;
  color: #4A4A4A;
}

._checkboxContainer_qgy6c_199 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: -8px;
  /* Compensate for checkbox padding */
}

/* Ensure header alignment matches body */
._tracksTable_qgy6c_135 thead tr {
  height: 40px;
  /* Match body row height */
}

._tracksTable_qgy6c_135 tbody tr {
  background-color: white;
}

._tracksTable_qgy6c_135 tbody tr:hover {
  background-color: #ffffff;
}

._searchWrapper_qgy6c_221 {
  display: flex;
  align-items: center;
  position: relative;
  width: 40px;
  transition: width 0.3s ease;
  margin-left: auto;
  /* Moves it to the right */
  justify-content: flex-end;
  /* Ensures proper alignment */
}

._searchWrapper_qgy6c_221._expanded_qgy6c_233 {
  width: 300px;
  z-index: 5;
  /* Ensure search bar doesn't cover other elements */
}

._searchWrapper_qgy6c_221._expanded_qgy6c_233+._filterButton_qgy6c_239 {
  margin-left: 8px;
}

._searchInput_qgy6c_243 {
  width: 100%;
  height: 34px;
  flex-grow: 1;
  margin-right: 40px;
  padding: 0 40px 0 16px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  font-size: 14px;
  background: white;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

._expanded_qgy6c_233 ._searchInput_qgy6c_243 {
  opacity: 1;
  pointer-events: all;
}

._searchButton_qgy6c_263 {
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  cursor: pointer;
  border: 1px solid #d1d1d1;
  /* Adds a border */
  border-radius: 6px;
  /* Rounded corners */
  background: white;
  /* Ensures background is white */
}

._filterButton_qgy6c_239 {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  align-items: center;
  color: #000000;
  cursor: pointer;
  border: 1px solid #d1d1d1;
  /* Adds a border */
  border-radius: 6px;
  /* Rounded corners */
  background: white;
  /* Ensures background is white */
  margin-right: 10px;
}

._switch_qgy6c_298 {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 24px;
}

._switch_qgy6c_298 input {
  opacity: 0;
  width: 0;
  height: 0;
}

._slider_qgy6c_311 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 28px;
}

._slider_qgy6c_311:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

._switch_qgy6c_298 input:checked+._slider_qgy6c_311 {
  background-color: #7c3aed;
}

._switch_qgy6c_298 input:checked+._slider_qgy6c_311:before {
  transform: translateX(22px);
}

._menuContainer_qgy6c_343 {
  left: 17px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

/* Update the menu popup styling */
._menuPopup_qgy6c_353 {
  position: fixed;
  /* Keep fixed positioning for better visibility */
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  /* High z-index to ensure visibility */
  overflow: visible;
  width: 150px;
  height: 75px;
}

._menuPopup_qgy6c_353::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 30%;
  right: 10px;
  width: 12px;
  height: 12px;
  background: white;
  border-left: 1px solid #e5e7eb;
  border-top: 1px solid #e5e7eb;
  transform: rotate(45deg);
  z-index: -1;
}

._popoverContent_qgy6c_383 {
  display: flex;
  flex-direction: column;
}

/* Update the popoverItem class to add spacing between icon and text */
._popoverItem_qgy6c_389 {
  padding: 8px 16px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  /* Add gap between icon and text */
}

/* You can also adjust the icon size if needed */
._popoverItem_qgy6c_389 svg {
  width: 16px;
  height: 16px;
}

._popoverItem_qgy6c_389:hover {
  background-color: #f5f5f5;
}

._popoverItem_qgy6c_389:first-child {
  border-bottom: 1px solid #e5e7eb;
}

._iconButton_qgy6c_415 {
  width: 34px;
  height: 34px;
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}

._iconButton_qgy6c_415:hover {
  background-color: #f3f4f6;
}

/* Add styles for action buttons */
._actionButton_qgy6c_434 {
  padding: 4px 8px;
  font-size: 12px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  background-color: white;
  cursor: pointer;
  margin-right: 4px;
}

._actionButton_qgy6c_434:hover {
  background-color: #f3f4f6;
}

._checkboxContainer_qgy6c_199 {
  display: flex;
  align-items: center;
}

._checkbox_qgy6c_199 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #6a0dad;
}

/* Add these to your existing CSS */
._skeletonTitle_qgy6c_461 {
  width: 100px;
  height: 24px;
}

._skeletonLocation_qgy6c_466 {
  width: 150px;
}

._skeletonStatus_qgy6c_470 {
  width: 46px;
  height: 24px;
  border-radius: 12px;
}

._skeletonOptions_qgy6c_476 {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}

/* Adjust existing skeleton styles if needed */
._skeletonName_qgy6c_483 {
  width: 200px;
}

._skeletonAbstract_qgy6c_487 {
  width: 120px;
}

/* Add skeleton animation styles */
._skeleton_qgy6c_461 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_qgy6c_1 1.5s infinite;
  border-radius: 4px;
  height: 16px;
}

@keyframes _shimmer_qgy6c_1 {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

._skeletonText_qgy6c_510 {
  height: 16px;
  margin: 8px 0;
}

._skeletonHeaderCell_qgy6c_515 {
  height: 16px;
  margin: 8px 0;
}

._skeletonBadge_qgy6c_520 {
  height: 24px;
  width: 46px;
  border-radius: 12px;
}

._skeletonControl_qgy6c_526 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  margin-right: 5px;
}

._skeletonSearch_qgy6c_533 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}

._skeletonRow_qgy6c_539 td {
  padding: 8px 16px;
  border-bottom: 1px solid #e3e3e3;
}

/* Footer styles */
._footer_qgy6c_545 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: #f9f9f9;
  border-top: 1px solid #e3e3e3;
  border-radius: 0 0 6px 6px;
  height: 60px;
  font-size: 14px;
  color: #4a4a4a;
  position: relative;
}

._selectedInfo_qgy6c_559 {
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

/* Responsive styles */
@media (max-width: 768px) {
  ._tracksContainer_qgy6c_92 {
    padding: 16px;
    width: 100%;
  }

  ._tracksTable_qgy6c_135 {
    font-size: 13px;
  }

  ._footer_qgy6c_545 {
    flex-direction: column;
    height: auto;
    padding: 12px;
    gap: 12px;
  }

  ._pagination_qgy6c_2 {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 480px) {

  ._tracksTable_qgy6c_135 th:nth-child(3),
  ._tracksTable_qgy6c_135 td:nth-child(3),
  ._tracksTable_qgy6c_135 th:nth-child(4),
  ._tracksTable_qgy6c_135 td:nth-child(4) {
    display: none;
  }

  ._pageIndicator_qgy6c_50 {
    padding: 0 8px;
    min-width: 60px;
  }
}
._modalOverlay_1iuqf_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

._modalContent_1iuqf_14 {
  background-color: white;
  border-radius: 8px;
  width: 100%;
  max-width: 450px;
  height: 648px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._deleteModal_1iuqf_24 {
  background-color: white;
  border-radius: 8px;
  width: 100%;
  max-width: 500px;
  /* Smaller width for delete modal */
  height: auto;
  /* Adjust height as needed */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._deleteModalBody_1iuqf_36 {
  padding: 20px;
  text-align: center;
}

._deleteWarning_1iuqf_41 {
  color: #ef4444;
  font-size: 14px;
  margin-top: 8px;
}

._deleteModalActions_1iuqf_47 {
  display: flex;
  justify-content: center;
  /* Centering buttons */
  gap: 10px;
  padding: 16px 20px;
}

._modalHeader_1iuqf_55 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  border-bottom: 1px solid #e3e3e3;
}

._modalContent_1iuqf_14 h2 {
  font-size: 18px;
  font-weight: 500;
}

._deleteModal_1iuqf_24 h1 {
  padding-top: 19px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
}

._deleteModal_1iuqf_24 p {
  padding-left: 20px;
}

._closeButton_1iuqf_79 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

._formGroup_1iuqf_91 {
  margin-bottom: 16px;
  margin: 20px;
  position: relative;
}

._formGroup_1iuqf_91 label {
  position: absolute;
  left: 9px;
  top: 10px;
  font-size: 14px;
  color: #6b7280;
  pointer-events: none;
  transition: 0.2s ease all;

  padding: 0 4px;
}

._input_1iuqf_109:focus~label,
._input_1iuqf_109:not(:placeholder-shown)~label,
._select_1iuqf_111:focus~label,
._select_1iuqf_111:not([value=""]):valid~label {
  top: 1px;
  font-size: 12px;
  color: #000000;
}

._input_1iuqf_109,
._select_1iuqf_111,
._datePickerWrapper_1iuqf_120 input {
  width: 100%;
  padding: 16px 12px 8px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
  height: 45px;
}

._input_1iuqf_109:focus,
._select_1iuqf_111:focus,
._datePickerWrapper_1iuqf_120 input:focus {
  border-color: #7c3aed;
  outline: none;
}

._select_1iuqf_111 {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 36px;
}

/* Status group needs special handling */
._statusGroup_1iuqf_147 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._statusGroup_1iuqf_147 ._label_1iuqf_153 {
  position: static;
  background: none;
  padding: 0;
}

._toggleContainer_1iuqf_159 {
  display: flex;
  align-items: center;
  margin-top: 8px;
}

._toggleSwitch_1iuqf_165 {
  position: relative;
  width: 50px;
  height: 25px;
  background-color: #d1d5db;
  border-radius: 12px;
  transition: 0.4s;
  border-radius: 28px;
  cursor: pointer;
}

._toggleSwitch_1iuqf_165._active_1iuqf_176 {
  background-color: #7c3aed;
}

._toggleSlider_1iuqf_180 {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

._footerSeparator_1iuqf_192 {
  height: 1px;
  background-color: #000000;
  /* Black color */
  margin-left: -0px;
  /* Offsets extra width */
  margin-top: 150px;
}

._toggleSwitch_1iuqf_165._active_1iuqf_176 ._toggleSlider_1iuqf_180 {
  transform: translateX(26px);
}

._formActions_1iuqf_205 {
  display: flex;
  justify-content: flex-end;

  margin-right: 20px;
}

._saveButton_1iuqf_212 {
  width: 95px;
  height: 34px;
  position: absolute;
  background-color: #7c3aed;
  color: white;
  border: none;
  padding: 8px 24px;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

._saveButton_1iuqf_212:hover {
  background-color: #6d28d9;
}

._deleteButton_1iuqf_235 {
  width: 73px !important;
  height: 34px !important;

  color: #000000;
  border: none;
  border-radius: 4px;

  margin-right: 8px;
  font-size: 14px;
  cursor: pointer;
}

._cancelButton_1iuqf_248 {
  width: 73px !important;
  height: 34px !important;
  background-color: #7c3aed;
  color: white;
  border: none;
  border-radius: 4px;

  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

._cancelButton_1iuqf_248:hover {
  background-color: #6820e6;
}

._deleteButtonbutton_1iuqf_266 {
  width: 34px;
  height: 34px;
  color: rgb(0, 0, 0);
  background-color: #ffffff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 0;
  /* Remove padding */
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-right: 370px;
  display: flex;
  /* Add flex display */
  align-items: center;
  /* Center vertically */
  justify-content: center;
  /* Center horizontally */
}

._deleteButtonbutton_1iuqf_266:hover {
  background-color: #c0c0c0;
}

._modalActions_1iuqf_292 {
  display: flex;
  justify-content: flex-end;
  padding: 16px 20px;
  border-top: 1px solid #e3e3e3;
}

/* Date picker specific styles */
._datePickerGroup_1iuqf_300 {
  margin-bottom: 16px;
  margin: 20px;
}

._datePickerLabel_1iuqf_305 {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

._datePickerWrapper_1iuqf_120 {
  position: relative;
  width: 100%;
}

._datePickerWrapper_1iuqf_120 input {
  width: 100%;
  padding: 10px 12px;
  padding-left: 36px;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

/* Adjust the calendar icon position */
._datePickerWrapper_1iuqf_120 ._calendarIcon_1iuqf_329 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
}

/* Override react-datepicker styles to match your design */
.react-datepicker-wrapper {
  width: 100%;
}

.react-datepicker__input-container {
  width: 238px;
}

/* In addtrackmodal.module.css, add these styles */
.form-floating {
  height: auto;
}

.form-floating > .form-control {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  height: 40px;
  /* Reduced from default */
}

.form-floating > label {
  /* padding-top: 0.5rem; */
  /* font-size: 13px; */
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-select {
  height: 40px;
  /* Reduced from default */
}
._emptyStateContainer_1utba_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  width: 100%;
  padding: 2rem;
}

._emptyStateIcon_1utba_10 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
}

._emptyStateContent_1utba_16 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 400px;
}

._iconContainer_1utba_24 {
  margin-bottom: 1rem;
  color: #9ca3af; /* Gray-400 */
}

._title_1utba_29 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: #111827; /* Gray-900 */
}

._subtitle_1utba_36 {
  font-size: 0.875rem;
  color: #6b7280; /* Gray-500 */
  margin-bottom: 1.5rem;
}

._createButton_1utba_42 {
  background-color: #7c3aed; /* Purple-500 */
  color: white;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  border-radius: 0.375rem;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
}

._createButton_1utba_42:hover {
  background-color: #8b5cf6; /* Purple-600 */
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Update the modalButton to handle the check icon */

._modalButton_1abqa_8 {
  display: flex;
  align-items: center;
  width: 158px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  gap: 8px; /* Add gap between icon and text */
}

._modalButton_1abqa_8:hover {
  background-color: #f5f5f5;
}

._filterPopoverBody_1abqa_26 {
  padding: 0 !important;
  width: 158px !important;
}

._filterOption_1abqa_31 {
  display: flex;
  align-items: center;
  width: 100%;
  height: 34px;
  padding: 8px 11px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  gap: 8px;
}

._filterOption_1abqa_31:hover {
  background-color: #f5f5f5;
}

._filterOption_1abqa_31._selected_1abqa_49 {
  color: #000;
}

._checkIcon_1abqa_53 {
  width: 22px !important;
  height: 22px !important;
  margin-right: 2px;
}

._divider_1abqa_59 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}
._optionsButton_13pox_1 {
  background: transparent !important;
  border: 1px solid transparent !important;
  cursor: pointer;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 43px !important;
  height: 37px !important;
  border-radius: 6px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  color: #333 !important;
}

._optionsButton_13pox_1:hover {
  background: none !important;
  border-color: none !important;
}

._optionsButton_13pox_1:focus,
._optionsButton_13pox_1:active {
  border-color: none !important;
  background-color: none !important;
  box-shadow: none !important;
}

._popover_13pox_30 {
  width: 150px !important;
  height: auto !important;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  z-index: 1050;
  padding: 0;
}

._popoverBody_13pox_40 {
  padding: 0 !important;
  background-color: white;
  border-radius: 6px;
}

._modalButton_13pox_46 {
  display: flex;
  align-items: center;
  width: 150px;
  height: 34px !important;
  padding: 8px 12px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #333;
  text-align: left;
  gap: 8px;
}

._modalButton_13pox_46:hover {
  background-color: #f5f5f5;
}

._modalButton_13pox_46:first-of-type {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._modalButton_13pox_46:last-of-type {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
._modalButton_13pox_46:first-of-type:hover {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
._modalButton_13pox_46:last-of-type:hover {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

._icon_13pox_82 {
  display: flex; 
  align-items: center;
}

._divider_13pox_87 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  border: none;
  margin: 0;
}

._modalButton_13pox_46._delete_13pox_95,
._modalButton_13pox_46._delete_13pox_95 ._icon_13pox_82 { 
 color: #333 !important; 
}


/* Identifiers-Evaluation/components/CriteriaEmptyState/criteriaEmptyState.module.css */
* {
  font-family: "Inter", sans-serif !important;
}
._emptyState_cfpyl_9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    width: 100%; 
    box-sizing: border-box;
    border-bottom-left-radius: 6px;; 
    border-bottom-right-radius: 6px;;
  }
._emptyStateIcon_cfpyl_22 {
    width: 80px;
    height: 80px;
    opacity: 0.6;
    margin-bottom: 10px; 
  }
._emptyState_cfpyl_9 h4 {
    margin: 8px 0;
    font-size: 1.25rem; 
    color: #333;
    font-weight: 500; 
  }
._emptyState_cfpyl_9 p {
    margin-bottom: 16px;
    color: #666;
     font-size: 0.875rem; /* ~14px */
  }
._addCriteriaButton_cfpyl_43 { 
    background-color: #7534e5 !important;
    border: 1px solid rgba(117, 52, 229, 0.5) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: "Inter", sans-serif !important;
    color: white !important;
    white-space: nowrap; 
    padding: 6px 16px !important;
    border-radius: 6px !important; 
    transition: background-color 0.2s ease, border-color 0.2s ease; 
  }
._addCriteriaButton_cfpyl_43:hover {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
  }
._addCriteriaButton_cfpyl_43:active {
    background-color: #915dea !important; 
    border-color: #bd9ef2 !important; 
  }

* {
  font-family: 'Inter', sans-serif !important;
}

._selectedText_wp6li_7 {
  font-weight: 600;
  color: #6200ea; 
}

._filterPopoverBody_wp6li_13 {
  padding: 0 !important; 
  width: 188px !important;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
}

._filterOption_wp6li_21 {
  display: flex;
  align-items: center;
  width: 100%; 
  height: 34px; 
  padding: 8px 11px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  color: #000000;
  gap: 8px;
  text-align: left;
}

._filterOption_wp6li_21:hover {
  background-color: #f5f5f5; 
}

._filterOption_wp6li_21._selected_wp6li_7 {
  color: #000;
}

._checkIcon_wp6li_44 {
  width: 22px !important;
  height: 22px !important;
  /* margin-right: 2px; */
}

._divider_wp6li_50 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 0;  
}



* {
  font-family: "Inter", sans-serif !important;
  box-sizing: border-box;
}

/* Base Table and Container */

._tableComponentContainer_1faav_9 {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._tableContainer_1faav_15 {
  width: 984px;
  background-color: #ffffff;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  overflow: hidden;
  border: 1px solid #e3e3e3;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

._customTable_1faav_30 {
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
  table-layout: fixed;
}

/* Main Header Row (Title & Controls) */

._headerRow_1faav_38 {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e3e3e3;
  position: sticky;
  top: 0;
  z-index: 2;
}

._headerCell_1faav_46 {
  padding: 0;
  border-bottom: 1px solid #e3e3e3;
}

._header_1faav_38 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 16px;
  width: 100%;
  height: 60px;
  line-height: 1;
  box-sizing: border-box;
  background-color: #f9f9f9;
  border-bottom: 1px solid #e3e3e3;
}

._headerTitle_1faav_64 {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  color: black;
  margin: 0;
}

._headerButtons_1faav_72 {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Column Headers */

._tableHeaderName_1faav_79 {
  height: 32px;
  width: 304px;
  padding-left: 24px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
  position: sticky;
  top: 60px;
  z-index: 1;
  line-height: 1;
}

._tableHeaderData_1faav_97 {
  height: 32px;
  width: 302px;
  padding-left: 24px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
  position: sticky;
  top: 60px;
  z-index: 1;
  line-height: 1;
}

._tableHeaderAbstract_1faav_115 {
  height: 32px;
  width: 150px;
  padding-left: 24px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
  position: sticky;
  top: 60px;
  z-index: 1;
  line-height: 1;
}

._tableHeaderStatus_1faav_133 {
  height: 32px;
  width: 48px;
  padding-left: 24px;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
  position: sticky;
  top: 60px;
  z-index: 1;
  line-height: 1;
}

._tableHeaderMore_1faav_151 {
  height: 32px;
  width: 34px;
  padding-left: 0;
  background-color: #ffffff;
  color: #4a4a4a;
  font-size: 12px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
  position: sticky;
  top: 60px;
  z-index: 1;
  line-height: 1;
}

/* Table Data Cells */

._cellName_1faav_170 {
  height: 44px !important;
  width: 304px;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000000;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._cellData_1faav_185 {
  height: 44px !important;
  width: 326px;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  color: #000000;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._cellAbstract_1faav_200 {
  height: 44px !important;
  width: 150px;
  padding-left: 24px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  color: #4a4a4a;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._cellStatus_1faav_215 {
  height: 44px !important;
  width: 170px;
  padding-left: 24px;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
}

._cellMore_1faav_223 {
  height: 44px !important;
  width: 34px;
  padding-left: 0;
  border-bottom: 1px solid #e3e3e3;
  vertical-align: middle;
}

/* Table Row Hover */

._customTable_1faav_30 tbody tr:hover {
  background-color: none;
}

/* Generic Button Style */

._button_1faav_237 {
  padding: 5px;
  background-color: #ffffff;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  transition: transform 0.3s ease, background-color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

._button_1faav_237:hover {
  background-color: none;
}

/* Skeleton Loading Styles */

._skeleton_1faav_255 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: _shimmer_1faav_1 1.5s infinite linear;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1em;
  line-height: 1;
}

@keyframes _shimmer_1faav_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._skeletonHeaderRow_1faav_276 {
  position: sticky;
  top: 0;
  z-index: 2;
}

._skeletonCardHeader_1faav_281 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 24px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  background-color: #f9f9f9;
}

._skeletonHeaderTitle_1faav_291 {
  flex: 1;
}

._skeletonHeaderTitle_1faav_291 ._skeleton_1faav_255 {
  width: 180px;
  height: 20px;
  border-radius: 4px;
}

._skeletonHeaderButtons_1faav_299 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._skeletonControl_1faav_304 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
}

._skeletonColHeaderRow_1faav_310 {
  position: sticky;
  top: 60px;
  z-index: 1;
  background-color: #fff;
}

._skeletonTableHeader_1faav_316 {
  height: 32px;
  padding-left: 24px;
  background-color: #ffffff;
  border-bottom: 1px solid #e3e3e3;
  text-align: left;
  vertical-align: middle;
}

._skeletonTableHeader_1faav_316._name_1faav_324 {
  width: 264px;
}

._skeletonTableHeader_1faav_316._data_1faav_327 {
  width: 326px;
}

._skeletonTableHeader_1faav_316._abstract_1faav_330 {
  width: 150px;
}

._skeletonTableHeader_1faav_316._status_1faav_333 {
  width: 170px;
}

._skeletonTableHeader_1faav_316._more_1faav_336 {
  width: 34px;
  padding-left: 24px;
}

._skeletonHeaderCell_1faav_341 {
  height: 14px;
  width: 80%;
  border-radius: 4px;
}

._skeletonRow_1faav_347 {
  height: 44px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #ffffff;
}

._skeletonRow_1faav_347 td {
  vertical-align: middle;
  padding-left: 24px;
}

._skeletonRow_1faav_347 td:last-child {
  width: 34px;
  padding-left: 24px;
}

._skeletonText_1faav_361 {
  height: 16px;
  border-radius: 4px;
}

._skeletonName_1faav_365 ._skeletonText_1faav_361 {
  width: 70%;
}

._skeletonData_1faav_368 ._skeletonText_1faav_361 {
  width: 90%;
}

._skeletonAbstract_1faav_371 ._skeletonText_1faav_361 {
  width: 60%;
}

._skeletonStatus_1faav_374 {
  width: 48px;
  height: 24px;
  border-radius: 12px;
}

._skeletonOptions_1faav_379 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-block;
}

/* Pagination Footer Styles */

._footer_1faav_387 {
  width: 984px;
  padding: 12px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9f9f9;
  margin-top: auto;
  box-sizing: border-box;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #e3e3e3;
  border-top: none;
  flex-shrink: 0;
}

._selectedInfo_1faav_403 {
  font-size: 12px;
  color: #4a4a4a;
  font-weight: 400;
}

._pagination_1faav_409 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._pageButton_1faav_415 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  cursor: pointer;
  color: #4a4a4a;
  transition: background-color 0.2s ease, transform 0.1s ease;
  padding: 5px;
  gap: 10px;
}

._pageButton_1faav_415:disabled {
  color: #4a4a4a;
  cursor: not-allowed;
  border-color: #ddd;
  background-color: #ffffff;
}

._pageButton_1faav_415:hover:not(:disabled) {
  background-color: #f5f5f5;
  transform: scale(1.05);
}

._paginationIconBack_1faav_443 {
  margin-left: 10px;
}

._pageText_1faav_447 {
  width: 71px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  background: #ffffff;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #4a4a4a;
  padding: 10px 16px;
  gap: 10px;
}

/* Filter/Search Styles */

._filterButton_1faav_464 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  cursor: pointer !important;
  padding: 5px 8px 0 4px !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

._filterButton_1faav_464:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

._filterButton_1faav_464:disabled {
  cursor: not-allowed !important;
  opacity: 0.6 !important;
  background-color: #f9f9f9 !important;
  border-color: #e3e3e3 !important;
  transform: none !important;
}

._filterIcon_1faav_489 {
  padding-bottom: 4px;
  width: 24px;
  height: 24px;
}

._searchGroup_1faav_495 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 8px;
}

._searchInput_1faav_501 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease, padding 0.3s ease,
    border 0.3s ease;
  opacity: 0;
  height: 34px;
  box-sizing: border-box;
  border-radius: 6px;
  color: #000000;
}

._searchInput_1faav_501._visible_1faav_516 {
  width: 200px;
  padding: 6px 10px;
  border: 1px solid #e3e3e3;
  opacity: 1;
  background: white;
}

._searchInput_1faav_501::placeholder {
  color: #6c757d;
  opacity: 1;
}

._searchInput_1faav_501:focus {
  outline: none;
  border-color: #7534e5;
  box-shadow: 0 0 0 1px #7534e5;
}

._searchIconButton_1faav_532 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
  box-shadow: none !important;
  outline: none !important;
}

._searchIconButton_1faav_532:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

._searchIconButton_1faav_532:disabled {
  cursor: not-allowed !important;
  opacity: 0.6 !important;
  background-color: #f9f9f9 !important;
  border-color: #e3e3e3 !important;
  transform: none !important;
}

._searchSvg_1faav_558 {
  width: 24px;
  height: 24px;
  display: block;
}


* {
  font-family: 'Inter', sans-serif !important;
}

._selectedText_1ym0o_7 {
    font-weight: 600;
    color: #6200ea;
  }

/* Update the modalButton to handle the check icon */

._modalButton_1ym0o_13 {
    display: flex;
    align-items: center;
    width: 188px !important;
    height: 34px !important;
    padding: 8px 16px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #333;
    gap: 8px; /* Add gap between icon and text */
  }

._modalButton_1ym0o_13:hover {
    background-color: #f5f5f5;
  }

._filterPopoverBody_1ym0o_31 {
    padding: 0 !important;
    width: 188px !important;
  }

._filterOption_1ym0o_36 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 8px 11px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    gap: 8px;
  }

._filterOption_1ym0o_36:hover {
    background-color: #f5f5f5;
    border-radius: 6px;
  }

._filterOption_1ym0o_36._selected_1ym0o_7 {

    color: #000;
  }

._checkIcon_1ym0o_60 {
    width: 22px !important;
    height: 22px !important;
    margin-right: 2px;
  }

._divider_1ym0o_66 {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
  }

* {
  font-family: 'Inter', sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_1y413_9 {
  margin: 0 auto !important; /* Center the modal */
  max-width: 456px !important; /* Set the maximum width */
  width: 100% !important; /* Ensure it takes full width up to the max-width */
  height: 164px !important; /* Set the height */
}

/* Header */

._header_1y413_18 {
  border-bottom: none !important; /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_1y413_24 {
  width: 375px !important;
  height: 12px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important; /* Remove default margin */
}

/* Body */

._body_1y413_36 {
  width: 408px !important;
  height: 80px !important; 
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4A4A4A !important; /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Footer */

._footer_1y413_51 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important; /* Remove default margin */
}

/* Delete Button */

._deleteButton_1y413_62 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #E3E3E3 !important; /* Stroke-Gray */
  background: #FFFFFF !important; /* White */
  color: #000000 !important; /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._deleteButton_1y413_62:hover {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

._deleteButton_1y413_62:active {
  background-color: #f4f4f4 !important; 
  color: #2e2e2e !important; 
  border-color: #ebebeb!important; 
}

/* Cancel Button */

._cancelButton_1y413_89 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #FFFFFF66 !important; /* Stroke-40 */
  background: #7534E5 !important; /* Primary */
  color: #FFFFFF !important; /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease; /* Smooth transition */
}

._cancelButton_1y413_89:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}

._cancelButton_1y413_89:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}._container_1q1ac_1{
    width: 100vh;
    margin-left: 0px;
}
._reviewerContainer_1bm9e_1 {
  padding: 1rem !important;
  font-family: sans-serif !important;
  width: 100%;
  height: calc(100vh - 120px); /* Adjust based on your header height */
  overflow-y: auto; /* Enable vertical scrolling */
  overflow-x: hidden; /* Prevent horizontal scrolling */
  /* Keep the scrollbar visible */
  scrollbar-width: none;
  -ms-overflow-style: auto;
}

._reviewerHeader_1bm9e_13 {
  margin-bottom: 1rem !important;
}

._iconBtn_1bm9e_17 {
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 0.25rem !important;
  display: flex !important;
  align-items: center !important;
}

._reviewerContent_1bm9e_26 {
  display: flex !important;
  gap: 1rem !important;
  flex-wrap: wrap !important;
}

/* Left Card Styles */
._reviewerCard_1bm9e_33 {
  flex: 1 !important;
  max-width: 990px !important;
  min-width: 300px !important;
  display: flex !important;
  gap: 1rem !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  padding: 1rem !important;
  background-color: #fff !important;
  align-items: flex-start !important;
}

._avatar_1bm9e_46 {
  width: 140px !important;
  height: 140px !important;
  background: linear-gradient(to bottom, #bbb, #ddd) !important;
  color: white !important;
  font-size: 3rem !important;
  font-weight: bold !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 20px !important;
}

._infoGroup_1bm9e_60 {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}

._inputGroup_1bm9e_67 {
  display: flex;
  align-items: center;
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 0rem 0.9rem;
  margin-bottom: 1rem;
  background-color: #fff;
  width: 600px;
  height: 45px;
}

._iconWrapper_1bm9e_79 {
  margin-right: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

._floatingLabel_1bm9e_86 {
  flex-grow: 1;
}

._input_1bm9e_67 {
  border: 1px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-left: 0;
  font-size: 15px !important;
  width: 548px !important;
  height: 30px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  outline: none !important;
}

._input_1bm9e_67:focus {
  border: 1px solid transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Right Card Styles */
._categoryCard_1bm9e_112 {
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  padding: 1.25rem;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
  width: 330px !important;
}

._categoryHeader_1bm9e_121 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

._categoryHeader_1bm9e_121 h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
}

._iconBtn_1bm9e_17 {
  background: none;
  border: 1px solid #d1d5db !important;
  padding: 0.25rem;
  cursor: pointer;
  border-radius: 0.375rem;
  transition: background 0.2s ease, border-color 0.2s ease;
}

._iconBtn_1bm9e_17:hover {
  background-color: #f3f4f6;
  border-color: #9ca3af;
}

._categoryInfo_1bm9e_148 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._categoryItem_1bm9e_154 p {
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
}

._categoryItem_1bm9e_154 strong {
  display: block;
  color: #5c5c5c;
  font-weight: 400;
  font-size: 0.85rem;
  margin-bottom: -20px;
}
._navbar_10n4c_1 {
  border-bottom: 1px solid #e5e5e5;
}
._navbarRow_10n4c_4 {
  width: 100%;
}

._iconRemove_10n4c_8 {
  width: 20px;
  height: 20px;
  margin-right: 0.6rem;
  vertical-align: middle;
}

._iconGear_10n4c_15 {
  width: 20px;
  height: 20px;
  margin-left: 0.6rem;
  vertical-align: middle;
}

._leadBtn_10n4c_22,
._removeBtn_10n4c_23 {
  border: 1px solid #ccc !important;
  background-color: white !important;
  color: #000000 !important;
  border-radius: 6px !important;
  padding: 0.4rem 0.8rem !important;
  cursor: pointer !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}

._modalContent_10n4c_34 {
  padding: 1.5rem !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  max-width: 500px !important;
  margin: 0 !important;
}

._modalTitle_10n4c_42 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.2rem !important;
}

._modalSubtitle_10n4c_48 {
  color: #3b3b3b !important;
  margin-bottom: 0.9rem !important;
  font-size: 0.95rem !important;
}

._radioGroup_10n4c_54 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

._radioGroup_10n4c_54 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #000000 !important;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease-in-out;
  margin-right: 8px;
  display: inline-block;
}

._radioGroup_10n4c_54 input[type="radio"]:checked {
  background-color: white;
  border: 1px solid #7534E5 !important;
}

._radioGroup_10n4c_54 input[type="radio"]:checked::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #7534E5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioGroup_10n4c_54 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #7534E5;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}

._radioGroup_10n4c_54 input[type="radio"]:checked {
  background-color: white;
}

._radioGroup_10n4c_54 input[type="radio"]:checked::before {
  content: '';
  width: 8px;
  height: 8px;
  background: #7534E5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioInput_10n4c_123 ._form-check-label_10n4c_123 {
  color: #7c3aed !important;
  font-weight: 500;
}


._modalFooter_10n4c_129 {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

._cancelBtnLead_10n4c_137 {
  background-color: #ffffff !important;
  border: 1px solid #c9c9c9 !important;
  color: #000000 !important;
}

._doneBtn_10n4c_143 {
  background-color: #7c3aed !important;
  border: none !important;
  color: white !important;
}

._doneBtn_10n4c_143:hover {
  background-color: #6d28d9 !important;
}

._cancelBtn_10n4c_137:hover {
  background-color: #e5e7eb !important;
}

._headerWrapper_10n4c_157 {
  display: flex !important;
  align-items: center !important;
  padding: 10px 20px !important;
}

._backButton_10n4c_163 {
  background: transparent !important;
  border: 1px solid #E0E0E0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  padding: 5px !important;
  margin-right: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  transition: background 0.2s !important;
}

._backButton_10n4c_163:hover {
  background: #F5F5F5 !important;
}

._backIcon_10n4c_182 {
  width: 18px !important;
  height: 18px !important;
}

._pageTitle_10n4c_187 {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  margin: 0 !important;
}

._modalTitle_10n4c_42 {
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
  color: #111827 !important;
  /* optional for better match */
}

._modalDivider_10n4c_202 {
  border-top: 1px solid #e5e7eb !important;
  margin: 16px -1.5rem 0 -1.5rem !important;
  width: auto !important;
}

._removeBtn_10n4c_23 {
  background-color: white !important;
  border: 1px solid #d0d0d0 !important;
  color: #000 !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  border-radius: 6px !important;
}

._removeBtn_10n4c_23:hover {
  background-color: #f7f7f7 !important;
  border-color: #c0c0c0 !important;
}

._cancelBtn_10n4c_137 {
  background-color: #8c30f5 !important;
  color: #fff !important;
  font-weight: 500 !important;
  padding: 6px 16px !important;
  border: none !important;
  border-radius: 6px !important;
}

._cancelBtn_10n4c_137:hover {
  background-color: #7a2ee0 !important;
}._modalCustom_1k0xl_1 {
  max-width: 500px;
}

._modalTitle_1k0xl_5 {
  font-size: 20px !important;
  font-weight: bold;
}

._save_1k0xl_10 {
  width: 90px;
  height: 33px;
  border-radius: 10px;
  background-color: #7534e5;
  color: #fff;
  border: 1px solid #ccc;
  font-size: 13px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  box-shadow: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}

._save_1k0xl_10:hover {
  background-color: #7534e5;
  color: #ffffff;
  border-color: #ccc;
}

._trackWrapper_1k0xl_30 {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}

._trackItem_1k0xl_37 {
  background: #7534e5;
  color: #fff;
  border-radius: 15px;
  padding: 3px 10px;
  font-size: 12px;
}

._trackContainer_1k0xl_45 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

._trackBadge_1k0xl_52 {
  display: flex;
  align-items: center;
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  color: #212529;
}

._removeTrack_1k0xl_63 {
  background: none;
  border: none;
  color: #000 !important;
  font-size: 1rem;
  margin-left: 0.25rem;
  cursor: pointer;
  transition: color 0.2s ease;
}

._removeTrack_1k0xl_63:hover {
  color: #333 !important;
}

._save_1k0xl_10 {
  width: 90px !important;
  height: 33px !important;
  border-radius: 10px !important;
  background-color: #7534e5 !important;
  color: rgb(255, 255, 255) !important;
  border: 1px solid #ccc !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  box-shadow: none !important;
  padding: 5px 5px !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

._save_1k0xl_10:hover {
  background-color: #7534e5 !important;
  color: #ffffff !important;
  border-color: #ccc !important;
}

._saveIcon_1k0xl_99 {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  vertical-align: middle;
}

._footer_1k0xl_106 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  padding: 0 10px;
}

._notificationText_1k0xl_114 {
  font-size: 13px;
  color: #6c757d;
  margin-left: auto;
  margin-right: 20px !important;
}

._radioInput_1k0xl_121 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #6b6b6b;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease-in-out;
  margin-right: 8px;
}

._radioInput_1k0xl_121 input[type="radio"]:checked {
  background-color: white;
}

._radioInput_1k0xl_121 input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #7534e5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioInput_1k0xl_121 div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

input:focus,
select:focus,
textarea:focus {
  box-shadow: none !important;
  border-color: #ccc !important;
}

._multiSelectWrapper_1k0xl_165 {
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
  padding: 0.625rem 0.75rem 0.25rem 0.75rem !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-height: 50px !important;
  cursor: pointer !important;
  background-color: #fff !important;
  gap: 8px !important;
  position: relative !important;
}

._floatingLabel_1k0xl_179 {
  position: absolute !important;
  top: 50% !important;
  left: 12px !important;
  transform: translateY(-50%) !important;
  color: #6c757d !important;
  font-size: 14px !important;
  transition: all 0.2s ease-in-out !important;
  pointer-events: none !important;
}

._labelShrink_1k0xl_190 {
  top: -5px !important;
  left: 12px !important;
  font-size: 12px !important;
  background: #fff !important;
  padding: 0 4px !important;
}

._tagContainer_1k0xl_198 {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

._multiSelectTag_1k0xl_206 {
  background-color: #f1f3f5 !important;
  border: 1px solid #ced4da !important;
  border-radius: 4px !important;
  padding: 4px 10px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #495057 !important;
  white-space: nowrap !important;
}

._tagCloseBtn_1k0xl_218 {
  font-size: 12px !important;
  cursor: pointer !important;
  color: #6c757d !important;
  margin-left: 5px !important;
  transition: color 0.2s !important;
}

._tagCloseBtn_1k0xl_218:hover {
  color: #495057 !important;
}

._multiSelectDropdown_1k0xl_230 {
  border: none !important;
  outline: none !important;
  background: transparent !important;
  font-size: 1rem !important;
  padding: 0.5rem !important;
  min-width: 120px !important;
  flex-grow: 1 !important;
}

._multiSelectDropdown_1k0xl_230 option {
  color: black !important;
}


/* Page Container */
* {
  font-family: "Inter", sans-serif !important;
}
._pageContainer_1bby1_8 {
  width: 100% !important;
  height: calc(100vh - 150px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 0 !important;
  padding-top: 1.5rem !important;
  padding-left: 0rem !important;
  padding-right: 0rem !important;
  scrollbar-width: none !important;
  scrollbar-color: #ccc transparent !important;
  width: 100% !important;
  height: auto !important;
  /* Allow content to determine height */
  overflow: hidden !important;
  /* Remove scrolling */
  padding: 1.5rem 2rem !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* For Chrome, Edge, and Safari */
._pageContainer_1bby1_8::-webkit-scrollbar {
  width: 8px;
}
._pageContainer_1bby1_8::-webkit-scrollbar-track {
  background: transparent;
}
._pageContainer_1bby1_8::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
  width: 100% !important;
  height: auto !important;
  /* Allow content to determine height */
  overflow: hidden !important;
  /* Remove scrolling */
  padding: 1.5rem 2rem !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
/* Responsive Design */
@media (max-width: 1024px) {
  ._pageContainer_1bby1_8 {
    padding: 1.5rem !important;
    /* Reduce padding on medium screens */
  }
}
@media (max-width: 768px) {
  ._pageContainer_1bby1_8 {
    height: auto !important;
    /* Allow content to dictate height */
    padding: 1rem !important;
    /* Further reduce padding */
  }
}
@media (max-width: 480px) {
  ._pageContainer_1bby1_8 {
    padding: 0.5rem !important;
    /* Minimal padding on small screens */
  }
}
/* Alignment Utility */
._alignWithButton_1bby1_80 {
  padding-left: 16px;
  padding-right: 16px;
  padding-left: 16px !important;
  padding-right: 16px !important;
}
/* Card Body Layout */
._cardBody_1bby1_88 {
  display: flex;
  justify-content: center;
  display: flex !important;
  justify-content: center !important;
}
/* Positioning Utilities */
._position-relative_1bby1_96 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}
._d-flex_1bby1_102 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
/* User Avatar */
._avatar_1bby1_109 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* Circular Shape */
  background: linear-gradient(145deg, #cfcfcf, #f0f0f0);
  /* Gradient Background */
  box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;
  /* Inner Shadow */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-left: 10px !important;
  margin-right: 10px;
  text-transform: uppercase;
  /* Uppercase Text */
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /* Circular Shape */
  background: linear-gradient(145deg, #cfcfcf, #f0f0f0);
  /* Gradient Background */
  box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;
  /* Inner Shadow */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
  /* Uppercase Text */
}
/* Table Container */
._tableContainer_1bby1_148 {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  max-height: 600px;
  overflow-y: auto;
  padding: 0 !important;
  margin: 0 auto !important;
  /* Centers the table */
  border-spacing: 0;
  width: 100% !important;
  /* max-width: 1400px; */
  /* Adjust width as needed */
  border: 0px solid #dee2e6 !important;
  border-collapse: collapse !important;
  max-height: 600px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-spacing: 0;
  width: 100% !important;
  height: auto !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
/* Table Header Row */
._headerRow_1bby1_174 {
  background-color: #f9f9f9 !important;
  color: #424242 !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: none !important;
  border-right: none !important;
  text-align: left !important;
  padding: 5px 18px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  margin: 0 !important;
  border-radius: 6px !important;
}
/* Table Header Cells */
._tableHeader_1bby1_194 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  color: #424242 !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding: 9px 24px !important;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding: 8px 20px !important;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;
}
._tableHeader_1bby1_194 th {
  vertical-align: middle !important;
}
/* Table Rows */
._tableRow_1bby1_220 {
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;
  /* Default to #E3E3E3 */
  width: 100% !important;
}
._tableRowDark_1bby1_226 {
  border-bottom: 1px solid #000000;
  /* If you want a darker border */
}
/* Table Data Cells */
._tableCell_1bby1_232 {
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 24px !important;
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 24px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
/* Name Column in Table */
._tableCellName_1bby1_248 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}
/* Custom Purple Checkbox Styles */
input[type="checkbox"]:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
}
input[type="checkbox"]:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}
/* React Bootstrap Specific Override */
._form-check-input_1bby1_271:checked {
  background-color: 6a0dad !important;
  border-color: #6a0dad !important;
}
/* Image Style for Table Cells */
._imageStyle_1bby1_277 {
  width: 30px;
  height: 30px;
}
/* Dropdown Menu */
._dropdown-menu_1bby1_284 {
  font-size: 0.85rem !important;
  min-width: 150px !important;
}
/* Dropdown Items */
._dropdown-item_1bby1_290 {
  padding: 0.25rem 1rem !important;
}
._dropdownItem_1bby1_294:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
._dropdownMenu_1bby1_300 ._dropdownItem_1bby1_294:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}
._dropdown-item_1bby1_290:hover {
  background-color: #f8f9fa;
  color: #000;
}
/* Dropdown Toggle Button */
._dropdownToggle_1bby1_312 {
  font-size: 14px !important;
  padding: 2px 8px !important;
}
._filterButton_1bby1_317,
._searchButton_1bby1_318 {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgb(228, 228, 228) !important;
  background-color: white !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
._filterButton_1bby1_317:hover,
._searchButton_1bby1_318:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transform: scale(1.05) !important;
}
._filterButton_1bby1_317 i,
._searchButton_1bby1_318 i {
  font-size: 18px !important;
  color: #424242 !important;
}
/* Search Container */
._searchContainer_1bby1_346 {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* Collapsed Search Input */
._searchInput_1bby1_357 {
  transition: width 0.3s ease, opacity 0.3s ease !important;
  width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  height: 32px !important;
  padding: 4px 8px !important;
  border: 1px solid #ccc !important;
}
/* Expanded Search Input */
._searchInputExpanded_1bby1_370 {
  width: 200px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  margin-right: 10px !important;
}
/* Email Header and Column */
._emailHeader_1bby1_379 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  letter-spacing: 0% !important;
  color: #424242 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 32px !important;
  padding-top: 9px !important;
  padding-right: 24px !important;
  padding-bottom: 9px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  border-bottom-width: 1px !important;
  box-sizing: border-box !important;
}
._emailColumn_1bby1_401 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: right !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 12px !important;
  padding-right: 24px !important;
  padding-bottom: 12px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
/* Assigned Header and Column */
._assignedHeader_1bby1_423 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  letter-spacing: 0% !important;
  color: #424242 !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 32px !important;
  padding-top: 9px !important;
  padding-right: 24px !important;
  padding-bottom: 9px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  border-bottom-width: 1px !important;
  box-sizing: border-box !important;
}
._assignedColumn_1bby1_445 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 12px !important;
  padding-right: 24px !important;
  padding-bottom: 12px !important;
  padding-left: 24px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
/* Menu */
._menuIcon_1bby1_467 {
  display: inline-block;
  padding-top: 5px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block !important;
  padding-top: 0px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}
/* Pagination Container */
._paginationContainer_1bby1_479 {
  font-size: 14px !important;
  color: #555 !important;
  background-color: #f9f9f9 !important;
  border-top: 1px solid #ddd !important;
  border-radius: 0 0 8px 8px !important;
  margin: 0 auto !important;
  width: 100% !important;
  max-width: 1500px;
  font-size: 14px !important;
  color: #555 !important;
  background-color: #f9f9f9 !important;
  border-top: 1px solid #ddd !important;
  border-radius: 0 0 8px 8px !important;
}
._paginationTextContainer_1bby1_495 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  background-color: #fff !important;
  min-width: 60px !important;
  font-size: 12px !important;
  color: #555 !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}
._paginationText_1bby1_495 {
  font-size: 10px !important;
  font-weight: normal !important;
}
._paginationButton_1bby1_515 {
  border: none !important;
  background: transparent !important;
  padding: 4px !important;
}
._paginationWrapper_1bby1_521 {
  display: flex !important;
  align-items: left !important;
  gap: 8px !important;
  margin-left: auto !important;
}
._squareButton_1bby1_528 {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: #fff !important;
  transition: background-color 0.3s ease !important;
}
._squareButton_1bby1_528:hover {
  background-color: #f8f9fa !important;
}
._squareButton_1bby1_528:disabled {
  background-color: #f9f9f9 !important;
  color: #eeeeee !important;
  border-color: #e2e2e2 !important;
  cursor: not-allowed !important;
}
._purpleCheckbox_1bby1_552 ._form-check-input_1bby1_271:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
  box-shadow: none !important;
}
._purpleCheckbox_1bby1_552 ._form-check-input_1bby1_271:checked::before {
  background-color: white !important;
}
._purpleCheckbox_1bby1_552 ._form-check-input_1bby1_271:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}
/* Text and Font Utilities */
._selectedText_1bby1_567 {
  font-size: 14px;
  font-weight: normal;
}
._customFontSize_1bby1_572 {
  font-size: 10px;
}
._customPopover_1bby1_576 {
  padding: 0 !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
  min-width: 200px !important;
  max-width: 400px !important;
  /* position: absolute !important; */
  z-index: 1050 !important;
  max-width: 250px !important;
  background-color: white !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: hidden !important;
}
._customDropdownItem_1bby1_593 {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  color: #333 !important;
}
._customDropdownItem_1bby1_593:hover {
  background-color: #f1f1f1 !important;
}
._disabledItem_1bby1_605 {
  color: #c0c0c0 !important;
  pointer-events: none !important;
  opacity: 0.5 !important;
}
._dropdown-toggle_1bby1_611::after {
  display: none !important;
}
._menuIcon_1bby1_467 {
  cursor: pointer !important;
}
._menuIcon_1bby1_467::after {
  display: inline-block !important;
  content: "▼" !important;
  font-size: 10px !important;
  color: white !important;
  margin-left: 0px !important;
}
._customSelectToggle_1bby1_627 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 120px !important;
  padding: 6px 12px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  min-width: 150px !important;
}
._iconRight_1bby1_640 {
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
}
._customPopoverBody_1bby1_646 {
  padding: 0 !important;
}
._customDropdownItem_1bby1_593 {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  width: 100% !important;
  padding: 8px 12px !important;
  padding: 10px 16px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 14px !important;
  color: #333 !important;
  transition: background 0.2s !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  width: 100% !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 12px !important;
  color: #333 !important;
  transition: background 0.2s !important;
  box-sizing: border-box !important;
}
._customDropdownItem_1bby1_593:hover {
  background: #f5f5f5 !important;
}
._customDropdownItem_1bby1_593 + ._customDropdownItem_1bby1_593 {
  border-top: 1px solid #e0e0e0 !important;
}
._customDropdownItem_1bby1_593 img {
  margin-right: 8px !important;
}
._menuIcon_1bby1_467::after {
  display: none !important;
}
._menuIcon_1bby1_467 {
  position: relative;
}
._menuIcon_1bby1_467::before {
  content: "▼";
  font-size: 12px;
  color: white;
  position: absolute;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
}
._custom-select_1bby1_710 {
  padding: 5px 8px !important;
  font-size: 0.875rem !important;
  width: 60px !important;
  height: 34px !important;
  border-radius: 5px !important;
}
/* Style selected option */
._custom-select_1bby1_710 option {
  background-color: transparent !important;
  color: #000 !important;
}
/* Style selected option (highlighted) */
._custom-select_1bby1_710 option:checked {
  background-color: #6f42c1 !important;
  color: #fff !important;
}
/* Remove the blue hover effect */
._custom-select_1bby1_710 option:hover,
._custom-select_1bby1_710 option:focus {
  background-color: gray !important;
  color: white !important;
}
._nameLabel_1bby1_737 {
  font-size: 12px !important;
  color: #333 !important;
  margin-left: 14px !important;
  white-space: nowrap !important;
}
._idColumn_1bby1_744,
._titleColumn_1bby1_745 {
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
}
._submittedOnColumn_1bby1_759 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  width: 176px !important;
  height: 38px !important;
  padding-top: 15px !important;
  padding-right: 24px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
._typeColumn_1bby1_778 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  padding-top: 13px !important;
  padding-right: 90px !important;
  padding-bottom: 12px !important;
  padding-left: 20px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
._statusColumn_1bby1_793 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  padding-top: 11px !important;
  padding-right: 54px !important;
  padding-bottom: 12px !important;
  padding-left: 18px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}
._divider_1bby1_807 {
  margin: 0 !important;
  border-top: 1px solid #585858 !important;
}
._statusBadge_1bby1_812 {
  width: 100px !important;
  display: flex !important;
  align-items: center !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 6px !important;
  padding-right: 1px !important;
  margin-left: 11px !important;
  font-size: 12px !important;
  color: #007bff !important;
}
._statusDot_1bby1_828 {
  height: 8px !important;
  width: 8px !important;
  background-color: #007bff !important;
  border-radius: 50% !important;
  margin-right: 4px !important;
}
._statusText_1bby1_836 {
  font-weight: 600 !important;
}
form select option:hover {
  background-color: gray !important;
  color: white !important;
}
._modalContent_856x0_1 {
  padding: 1.5rem !important;
  border-radius: 12px !important;
  background-color: #fff !important;
  max-width: 500px !important;
  margin: 0 !important;
}

._modalTitle_856x0_9 {
  font-size: 1.125rem !important;
  font-weight: 600 !important;
  margin-bottom: 0.2rem !important;
}

._modalSubtitle_856x0_15 {
  color: #3b3b3b !important;
  margin-bottom: 0.9rem !important;
  font-size: 0.95rem !important;
}

._radioGroup_856x0_21 {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}

._radioGroup_856x0_21 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #000000 !important;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: background 0.2s ease-in-out;
  margin-right: 8px;
  display: inline-block;
}

._radioGroup_856x0_21 input[type="radio"]:checked {
  background-color: white;
  border: 1px solid #7534e5 !important;
}

._radioGroup_856x0_21 input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #7534e5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioGroup_856x0_21 input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #7534e5;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}

._radioGroup_856x0_21 input[type="radio"]:checked {
  background-color: white;
}

._radioGroup_856x0_21 input[type="radio"]:checked::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #7534e5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

._radioInput_856x0_90 ._form-check-label_856x0_90 {
  color: #7c3aed !important;
  font-weight: 500;
}

._modalFooter_856x0_95 {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0.75rem !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

._cancelBtnLead_856x0_103 {
  background-color: #ffffff !important;
  border: 1px solid #c9c9c9 !important;
  color: #000000 !important;
}

._doneBtn_856x0_109 {
  background-color: #7c3aed !important;
  border: none !important;
  color: white !important;
}

._doneBtn_856x0_109:hover {
  background-color: #6d28d9 !important;
}

._cancelBtn_856x0_103:hover {
  background-color: #e5e7eb !important;
}

._reviewer_856x0_123 {
  display: grid;
}

._reviewerName_856x0_127 {
  text-transform: capitalize;
}

._reviewerEmail_856x0_131 {
  color: #4a4a4a;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Modal dialog wrapper */

._modalDialog_15681_15 {
  margin: 0 auto !important;
  /* Center the modal */
  width: 456px !important;
  /* Set the maximum width */
  width: 100% !important;
  /* Ensure it takes full width up to the max-width */
  height: 164px !important;
  /* Set the height */
}

/* Header */

._header_15681_39 {
  border-bottom: none !important;
  /* Remove the horizontal line */
  padding: 24px 24px 0 24px !important;
}

/* Title */

._title_15681_53 {
  height: 12px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 19.36px !important;
  letter-spacing: 0% !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Body */

._body_15681_77 {
  height: 80px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  top: -8px !important;
  color: #4a4a4a !important;
  /* Text-Secondary color */
  padding: 24px !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Footer */

._footer_15681_109 {
  height: 56px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 0 24px !important;
  margin: 0 !important;
  /* Remove default margin */
}

/* Delete Button */

._deleteButton_15681_133 {
  width: 73px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #e3e3e3 !important;
  /* Stroke-Gray */
  background: #ffffff !important;
  /* White */
  color: #000000 !important;
  /* Adjust text color as needed */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  /* Smooth transition */
}

._deleteButton_15681_133:hover {
  background-color: #f4f4f4 !important;
  color: #2e2e2e !important;
  border-color: #ebebeb !important;
}

._deleteButton_15681_133:active {
  background-color: #f4f4f4 !important;
  color: #2e2e2e !important;
  border-color: #ebebeb !important;
}

/* Cancel Button */

._cancelButton_15681_201 {
  width: 76px !important;
  height: 34px !important;
  padding: 6px 16px !important;
  gap: 8px !important;
  border-radius: 6px !important;
  border: 1px solid #ffffff66 !important;
  /* Stroke-40 */
  background: #7534e5 !important;
  /* Primary */
  color: #ffffff !important;
  /* White */
  font-weight: 600 !important;
  font-size: 13px !important;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease;
  /* Smooth transition */
}

._cancelButton_15681_201:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._cancelButton_15681_201:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

._navbar_ni3ho_7 {
  border-bottom: 1px solid #e5e5e5;
  height: 56px !important;
}

._navbarRow_ni3ho_12 {
  width: 100%;
}

._navbarCol_ni3ho_16 {
  text-align: end;
  display: flex;
  justify-content: end;
}

._headerWrapper_ni3ho_22 {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

._backButton_ni3ho_28 {
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: background 0.2s;
}

._backButton_ni3ho_28:hover {
  background: #f5f5f5;
}

._backIcon_ni3ho_47 {
  width: 18px;
  height: 18px;
}

._pageTitle_ni3ho_52 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

._icon_ni3ho_59 {
  width: 23px !important;
  margin-right: 8px !important;
  margin-top: -3px !important;
  margin-top: 0px !important;
}

._editBtn_ni3ho_66 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  padding: 6px 16px !important;
  width: 89px;
  height: 34px;
}

._editBtn_ni3ho_66:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._editBtn_ni3ho_66:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._viewBtn_ni3ho_88 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  margin-right: 15px;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  height: auto;
  font-weight: 600 !important;
}

._viewBtn_ni3ho_88:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

/* Responsive Styles */

@media (max-width: 720px) {
  ._headerWrapper_ni3ho_22 {
    padding-left: 15px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 14px;
  }

  ._viewBtn_ni3ho_88 {
    font-size: 12px !important;
    padding: 5px 12px !important;
  }

  ._icon_ni3ho_59 {
    width: 20px !important;
    margin-right: 5px !important;
    margin-top: 1px !important;
    margin-left: 1px !important;
  }

  ._editBtn_ni3ho_66 {
    font-size: 13px !important;
    padding: 2px 13px !important;
    width: 79px;
    height: 30px;
  }

  ._backButton_ni3ho_28 {
    width: 28px;
    height: 28px;
  }

  ._backIcon_ni3ho_47 {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 480px) {
  ._navbar_ni3ho_7 {
    height: 40px !important;
  }

  ._headerWrapper_ni3ho_22 {
    padding-left: 10px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 13px;
  }

  ._editBtn_ni3ho_66,
  ._viewBtn_ni3ho_88 {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }

  ._icon_ni3ho_59 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  ._editBtn_ni3ho_66 {
    width: 65px;
    height: 25px;
  }

  ._viewBtn_ni3ho_88 {
    margin-right: 10px;
  }

  ._backButton_ni3ho_28 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_ni3ho_188 {
    margin-left: -90px;
  }

  ._backIcon_ni3ho_47 {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 375px) {
  ._navbar_ni3ho_7 {
    height: 40px !important;
  }

  ._headerWrapper_ni3ho_22 {
    padding-left: 10px;
  }

  ._pageTitle_ni3ho_52 {
    font-size: 10px;
  }

  ._editBtn_ni3ho_66,
  ._viewBtn_ni3ho_88 {
    font-size: 8px !important;
    padding: 4px 8px !important;
  }

  ._icon_ni3ho_59 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
  }

  ._editBtn_ni3ho_66 {
    width: 55px;
    height: 23px;
  }

  ._viewBtn_ni3ho_88 {
    margin-right: 10px;
  }

  ._backButton_ni3ho_28 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_ni3ho_188 {
    margin-left: -50px;
  }

  ._backIcon_ni3ho_47 {
    width: 14px;
    height: 14px;
  }

  ._navbar_ni3ho_7 {
    margin-top: -11px !important;
  }
}

._inputIconError_17e8h_3 {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  border-right: none !important;
}

/* Optional: Change icon color to red when there's an error */
._inputIconError_17e8h_3 img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(98%) saturate(7441%) hue-rotate(353deg) brightness(94%) contrast(118%);
}

/* Ensure the input border matches when there's an error */
._is-invalid_17e8h_27 {
  border-left-color: #dc3545 !important;
}

/* Keep all your existing styles below */
._container_17e8h_37 {
  height: 100vh;
  display: flex;
  flex-direction: column;
}

._topRow_17e8h_49 {
  position: sticky;
  top: 0;
  z-index: 3;
}

._headerRow_17e8h_61 {
  position: sticky;
  top: 60px;
  z-index: 2;
  background-color: white !important;
}

._contentRow_17e8h_75 {
  flex-grow: 1;
  overflow: auto;
  padding: 24px !important;
  
}

._cardBody_17e8h_89 {
  padding: 36px !important;
}

._avatarCol_17e8h_97 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem !important;
}


@media (min-width: 768px) {
  ._avatarCol_17e8h_97 {
    margin-left: 36px !important;
    margin-right: 48px !important;
  }
}

._avatar_17e8h_97 {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(to bottom, #d3d3d3, #888) !important;
  width: 140px !important;
  height: 140px !important;
}

._avatarInitial_17e8h_147 {
  color: white !important;
  font-weight: 500 !important;
  font-size: 60px !important;
}

._form_17e8h_159 {
  width: 597px !important;
}
._formGroup_17e8h_165 {
  margin-bottom: 55px !important;
  
}

._inputGroup_17e8h_175 {
  height: 10px !important;
}

._inputIcon_17e8h_3 {
  height: 48px !important;
  width: 43px !important;
  background-color: #FFFFFF !important;
}

._inputIcon_17e8h_3 img {
  width: 24px !important;
  height: 24px !important;
}

._floatingLabel_17e8h_205 {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #000000 !important;
}

._input_17e8h_3 {
  height: 48px !important;
  min-height: 48px !important;
  line-height: 16px !important;
  width: 540px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  border-left: none !important;
}



._errorMessage_17e8h_241 {
  display: block !important;
}

._saveButtonContainer_17e8h_249 {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem !important;
}

._saveButton_17e8h_249 {
  width: 95px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #ffffff66;
  background: #7534e5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: Inter;
  font-weight: 600;
  font-size: 13px;
  color: #ffffff;
  cursor: pointer;
  margin-right: 20px !important;
  
}

._saveIcon_17e8h_299 {
  width: 17px;
  height: 17px;
}

._saveButton_17e8h_249:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_17e8h_249:active {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._saveButton_17e8h_249:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._tooltip_17e8h_339 {
  position: fixed;
  background-color: #333;
  color: white;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 12px;
  z-index: 1000;
  pointer-events: none;
  white-space: nowrap;
}



._errorMessage_17e8h_241 {
display: block;
margin-top: 10px;
font-size: 12px;
color: #dc3545;
position: relative;
bottom: -40px;
left: 0;
} 

/* Skeleton Styles */
._avatarSkeleton_17e8h_389 {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #e0e0e0;
}

._formGroupSkeleton_17e8h_403 {
  margin-bottom: 55px;
}

._inputSkeleton_17e8h_411 {
  width: 100%;
  height: 48px;
  background: #e0e0e0;
  border-radius: 4px;
}

._saveButtonSkeleton_17e8h_425 {
  width: 95px;
  height: 34px;
  background: #e0e0e0;
  border-radius: 6px;
  margin-right: 20px;
  float: right;
}

/* Skeleton Animation */
@keyframes _shimmer_17e8h_1 {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

._skeleton_17e8h_463 {
  background: #f6f7f8;
  background-image: linear-gradient(
    to right,
    #f6f7f8 0%,
    #edeef1 20%,
    #f6f7f8 40%,
    #f6f7f8 100%
  );
  background-repeat: no-repeat;
  background-size: 800px 104px;
  display: inline-block;
  position: relative;
  animation: _shimmer_17e8h_1 1.2s ease-in-out infinite;
  border-radius: 4px;
}

/* Specific skeleton elements */
._skeletonTop_17e8h_499 {
  height: 60px;
  width: 100%;
}

._skeletonHeader_17e8h_509 {
  height: 80px;
  width: 100%;
  margin-bottom: 24px;
}

/* Avatar skeleton */
._avatar_17e8h_97._skeleton_17e8h_463 {
  width: 140px !important;
  height: 140px !important;
  border-radius: 50% !important;
}

/* Input skeleton */
._input_17e8h_3._skeleton_17e8h_463 {
  height: 48px !important;
  border-left: 1px solid #e0e0e0 !important;
}

/* Input icon skeleton */
._inputIcon_17e8h_3._skeleton_17e8h_463 {
  height: 48px !important;
  width: 43px !important;
}

/* Save button skeleton */
._saveButton_17e8h_249._skeleton_17e8h_463 {
  background: #e0e0e0 !important;
  border: none !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Light theme main container */

._abstractContainer_vldlz_15 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 24px !important;
}

/* Light header */

._header_vldlz_37 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  background: #ffffff !important;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}

/* Light title */

._title_vldlz_63 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
  padding-left: 12px;
  color: #333333;
}

/* Common styling for search icon buttons */

._searchIconButton_vldlz_81 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Hover effect for search buttons */

._searchIconButton_vldlz_81:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside search buttons */

._searchIconButton_vldlz_81 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_vldlz_135 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_vldlz_151 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition: width 0.3s ease, opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_vldlz_151._visible_vldlz_175 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_vldlz_151::placeholder {
  color: #000000;
}

/* Light table container */

._tableContainer_vldlz_207 {
  width: 100%;
  overflow: auto;
  background: #ffffff;
}

._table_vldlz_207 {
  width: 100%;
  border-collapse: collapse;
}

._table_vldlz_207 thead {
  width: 100% !important;
  font-family: Inter;
  font-size: 12px;
  color: #666666;
  font-weight: 500 !important;
}

._table_vldlz_207 th {
  font-weight: 500 !important;
  background: #ffffff;
  color: #666666;
}

._table_vldlz_207 tr {
  border-bottom: 1px solid #e0e0e0;
}

._table_vldlz_207 thead th:first-child,
._table_vldlz_207 tbody td:first-child {
  width: 150px;
  height: 32px !important;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(2) {
  width: 890px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(3) {
  width: 176px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(4) {
  width: 214px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 thead th:nth-child(5) {
  width: 34px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_vldlz_207 tbody td:nth-child(1) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  height: 38px !important;
  font-weight: 500 !important;
  color: #333333;
  font-size: 14px;
}

._table_vldlz_207 tbody td:nth-child(2) {
  width: 890px;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

._table_vldlz_207 tbody td:nth-child(3) {
  width: 176px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_vldlz_207 tbody td:nth-child(4) {
  width: 214px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_vldlz_207 tbody td:nth-child(5) {
  width: 34px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

/* Light options button */

._optionsButton_vldlz_421 {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
}

._popover_vldlz_443 {
  width: 2px !important;
  height: 5px !important;
  border: none;
  background: #f5f5f5;
}

._popoverBody_vldlz_457 {
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

._modalButton_vldlz_471 {
  display: flex;
  align-items: center;
  width: 188px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #333333;
}

._modalButton_vldlz_471:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_vldlz_507 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
  filter: brightness(0) invert(0);
}

._divider_vldlz_521 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Light status pills */

._statusPill_vldlz_535 {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  height: 28px;
  min-width: 100px;
  justify-content: center;
}

._statusDot_vldlz_565 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._statusText_vldlz_579 {
  font-weight: 700;
  font-size: 11px;
}

/* Status-specific styling */

._statusReviewing_vldlz_591 {
  border: 1px solid #FFEACC;
  background-color: #FFF4E5;
}

._statusReviewing_vldlz_591 ._statusDot_vldlz_565 {
  background-color: #FD9013;
}

._statusReviewing_vldlz_591 ._statusText_vldlz_579 {
  color: #FD9013;
}

._statusSubmitted_vldlz_617 {
  border: 1px solid #D1E7F9;
  background-color: #E8F3FC;
}

._statusSubmitted_vldlz_617 ._statusDot_vldlz_565 {
  background-color: #1B82D7;
}

._statusSubmitted_vldlz_617 ._statusText_vldlz_579 {
  color: #1B82D7;
}

._statusAccepted_vldlz_643 {
  border: 1px solid #D5F0E2;
  background-color: #E8F8EF;
}

._statusAccepted_vldlz_643 ._statusDot_vldlz_565 {
  background-color: #27B266;
}

._statusAccepted_vldlz_643 ._statusText_vldlz_579 {
  color: #27B266;
}

/* Skeleton Loading Styles */

._skeleton_vldlz_671 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_vldlz_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_vldlz_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

._skeletonText_vldlz_707 {
  height: 20px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_vldlz_719 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}._row_jpfp1_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

._leftSection_jpfp1_10 {
  display: flex;
  align-items: center;
}

._backButton_jpfp1_15 {
  margin-right: 10px;
}

._backButtonIcon_jpfp1_19 {
  margin-bottom: 2px;
}

._title_jpfp1_23 {
  font-size: 16px;
  font-weight: 500;
}

._rightSection_jpfp1_28 {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Align to the right */
  gap: 10px; /* Space between buttons */
}

._parent-form-label_jpfp1_35 {
  font-size: 14px;
  margin-right: 5px;
}

._select_jpfp1_40 {
  height: 35px;
  padding: 5px;
}

._settingsButton_jpfp1_45 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important; /* Ensure no padding throws off the centering */
  border: 1px solid #e3e3e3 !important;
}

._settingsIcon_jpfp1_55 {
  font-size: 20px;
}

._publishButton_jpfp1_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 111px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background-color: #7534e5 !important;
  border-color: #e3e3e3 !important;
  padding: 0 !important;
}

._iconWrapper_jpfp1_72 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

._downloadIcon_jpfp1_79 {
  font-size: 15px;
  margin: 0;
  transform: rotate(180deg); /* Flip the icon upside down */
  gap: 6px;
}

/* Add a container for better alignment */
._buttonContent_jpfp1_87 {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Modal Content */
._modal-content_d37vv_2 {
  width: 456px !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Modal Body */
._modal-body-custom_d37vv_11 {
  text-align: left;
  padding: 20px 24px 16px 24px !important;
}

/* Title */
._modal-title_d37vv_17 {
  font-weight: 500 !important;
  font-size: 16px !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  color: #000000;
}

/* Paragraph Text */
._modal-text_d37vv_26 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  font-family: "Inter", sans-serif !important;
}

/* Grey Divider Line */
._modal-divider_d37vv_36 {
  height: 1px !important;
  background-color: #e3e3e3 !important;
  border: none !important;
  margin: 0 !important;
}

/* Modal Footer */
._modal-footer-custom_d37vv_44 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 12px 24px !important;
  gap: 8px !important;
  background-color: white !important;
  border-top: none !important;
  margin: 0 !important;
}

/* Publish Button */
._publish-button_d37vv_56 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: black !important;
  transition: all 0.2s ease-in-out !important;
  font-family: "Inter", sans-serif !important;
  width: 86px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._publish-button_d37vv_56:hover {
  background-color: #f8f8f8 !important;
}

/* Cancel Button */
._cancel-button_d37vv_77 {
  background-color: #6f42c1 !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
  width: 76px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._cancel-button_d37vv_77:hover {
  background-color: #5a32a3 !important;
}

/* Add this to your eabsform.module.css file */

/* Publish button styling */
._publishButton_d37vv_100 {
  background-color: #ffff !important;
  border-color: #e3e3e3;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  color: black !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s, box-shadow 0.2s;
  min-width: 100px;
}

._publishButton_d37vv_100:hover,
._publishButton_d37vv_100:focus {
  background-color: #f5f5f5;
  border-color: #e3e3e3;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}
/* Modal Content */
._modal-content_14q5a_2 {
  width: 456px !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Modal Body */
._modal-body-custom_14q5a_11 {
  text-align: left;
  padding: 20px 24px 16px 24px !important;
}

/* Title */
._modal-title_14q5a_17 {
  font-weight: 500 !important;
  font-size: 16px !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  color: #000000;
}

/* Paragraph Text */
._modal-text_14q5a_26 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  font-family: "Inter", sans-serif !important;
}

/* Grey Divider Line */
._modal-divider_14q5a_36 {
  height: 1px !important;
  background-color: #e3e3e3 !important;
  border: none !important;
  margin: 0 !important;
}

/* Modal Footer */
._modal-footer-custom_14q5a_44 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 12px 24px !important;
  gap: 8px !important;
  background-color: white !important;
  border-top: none !important;
  margin: 0 !important;
}

._continue-button_14q5a_55 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: black !important;
  transition: all 0.2s ease-in-out !important;
  font-family: "Inter", sans-serif !important;
  width: 56px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._publish-button_14q5a_71:hover {
  background-color: #f8f8f8 !important;
}

/* Cancel Button */
._exit-button_14q5a_76 {
  background-color: #6f42c1 !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  transition: all 0.2s ease-in-out !important;
  width: 137px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._cancel-button_14q5a_92:hover {
  background-color: #5a32a3 !important;
}
._navbar_1gki7_1 {
  background-color: white;
  border-top: 1px solid #e3e3e3 !important;
  padding: 10px;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: fixed !important;
  bottom: 0;
  left: 0 !important; /* Ensure it starts from the left edge */
  right: 0 !important; /* Ensure it extends to the right edge */
  height: 56px !important;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  width: 100% !important; /* Ensure it spans the entire width */
}

._saveButton_1gki7_17 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 95px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background-color: #7534e5 !important;
  border-color: #7534e5 !important; /* Ensure border color matches */
  margin-right: 16px !important; /* Add some right margin */
}

._icon_1gki7_30 {
  font-size: 18px; /* Adjust the size */
  vertical-align: middle; /* Keeps it aligned with text */
}
._sidebar_fla9y_1 {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  z-index: 10;
}

._fieldsContent_fla9y_11 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

._sectionTitle_fla9y_19 {
  font-size: 10px;
  font-weight: 500;
  color: #4a4a4a;
  margin-top: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.5px;
  opacity: 0.7;
}

._sectionTitle_fla9y_19:first-child {
  margin-top: 0;
}

._listGroup_fla9y_35 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

._listItem_fla9y_42 {
  border: 1px solid #eaeaea !important;
  border-radius: 6px !important;
  padding: 10px 0 !important;
  margin-bottom: 0;
  background-color: white;
  transition: box-shadow 0.2s ease;
  width: 100%;
  height: 34px; /* Fixed height as specified */
}

._listItem_fla9y_42:hover {
  background-color: #e3e3e3;
  border-color: #d0d0d0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

._listItemContent_fla9y_59 {
  display: flex;
  align-items: center;
  padding: 0 12px;
  width: 100%;
  height: 100%; /* Changed from min-height to height:100% */
  justify-content: space-between;
}

._icon_fla9y_68 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  flex-shrink: 0;
  margin-right: 8px;
  width: 20px;
}

._label_fla9y_78 {
  flex-grow: 0;
  font-size: 14px;
  color: black;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  text-align: center;
  margin: 0 auto;
  width: auto;
  /* Ensure vertical centering */
  display: flex;
  align-items: center;
  height: 100%;
}

._addButton_fla9y_93 {
  background: none;
  border: none;
  padding: 0;
  font-size: 20px;
  color: black;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 8px;
  transition: color 0.2s ease;
  width: 20px;
  justify-content: center;
}

._addButton_fla9y_93:hover {
  color: #000;
}
._container_133fs_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  background-color: #fff;
  padding-bottom: 56px !important;
  position: relative;
}

._mainContent_133fs_11 {
  flex: 1;
  display: flex;
  min-height: calc(100vh - 116px);
  position: relative;
  overflow-y: hidden;
  margin-bottom: 56px;
  margin-left: -11px;
  margin-right: -11px;
}

/* Main form content area */
._formColumn_133fs_23 {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #f5f5f5;
  overflow-y: auto;
  max-height: calc(100vh - 116px - 56px);
  flex: 1;
  align-items: stretch !important;
  transition: all 0.3s ease;
  padding: 0 200px !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._withSidebar_133fs_38 {
  margin-right: 299px;
  width: calc(100% - 245px) !important;
}

._withCollapsedSidebar_133fs_43 {
  margin-right: 50px;
  width: calc(100% - 50px) !important;
}

._collapsedSidebar_133fs_48 {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 62px);
  width: 50px;
  background-color: white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 900;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._sidebarIcon_133fs_65 {
  color: black;
  font-size: 17px;
  margin-top: 27px;
}

._expandedSidebar_133fs_71 {
  position: absolute;
  right: 0;
  top: 0;
  width: 299px;
  height: calc(100% - 62px);
  background-color: white;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  overflow-y: auto;
  z-index: 10 !important;
}

._sidebarHeader_133fs_88 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-left: 20px;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}

._sidebarTitle_133fs_100 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

._closeSidebarButton_133fs_106 {
  padding: 5px;
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  width: 36px;
  height: 36px;
  border-radius: 4px;
}

._closeSidebarButton_133fs_106:hover {
  background-color: #f5f5f5 !important;
}

._sidebarContent_133fs_123 {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._sidebarContent_133fs_123::-webkit-scrollbar {
  display: none;
}

._mainContent_133fs_11 *::-webkit-scrollbar {
  display: none;
}

._mainContent_133fs_11 * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._buttonContainer_133fs_143 {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 0 50px 0;
  background-color: transparent;
}

._addFieldButton_133fs_151 {
  background-color: #7534e5 !important;
  border-color: #7534e5 !important;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px !important;
  box-shadow: 0 2px 4px rgba(138, 61, 249, 0.2);
  transition: background-color 0.2s, box-shadow 0.2s;
  min-width: 124px;
  min-height: 34px;
}

._buttonText_133fs_166 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
}

._buttonTextform_133fs_173 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  color: black !important;
}

._addFieldButton_133fs_151:hover,
._addFieldButton_133fs_151:focus {
  background-color: #7520f9;
  border-color: #7520f9;
  box-shadow: 0 3px 6px rgba(138, 61, 249, 0.3);
}

/* Add Form Step button styling */
._addFormStep_133fs_189 {
  background-color: #ffff !important;
  border-color: #e3e3e3;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 600;
  color: black !important;
  display: flex;
  align-items: center;
  gap: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: background-color 0.2s, box-shadow 0.2s;
}

._addFormStep_133fs_189:hover,
._addFormStep_133fs_189:focus {
  background-color: #f5f5f5;
  border-color: #e3e3e3;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
}

/* Positioning for the field dropdown */
._addFieldContainer_133fs_211 {
  position: relative;
  display: inline-block;
}

._fieldDropdownWrapper_133fs_216 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 5px;
}

._buttonIcon2_133fs_224 {
  filter: brightness(0);
}

/* Add these styles to your eabsform.module.css file */

._material-symbols-outlined_133fs_230 {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
}

/* Adjust alignment of icons in buttons */
._addFieldButton_133fs_151 ._material-symbols-outlined_133fs_230,
._addFormStep_133fs_189 ._material-symbols-outlined_133fs_230 {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 992px) {
  ._withSidebar_133fs_38 {
    width: calc(100% - 245px) !important;
  }

  ._formColumn_133fs_23 {
    padding: 0 30px !important;
  }
}

@media (max-width: 768px) {
  ._expandedSidebar_133fs_71 {
    width: 100%;
    z-index: 1010;
  }

  ._withSidebar_133fs_38 {
    margin-right: 0;
    width: 100% !important;
    margin-top: 60px;
  }

  ._withCollapsedSidebar_133fs_43 {
    margin-right: 50px;
    width: calc(100% - 50px) !important;
  }

  ._closeSidebarButton_133fs_106 {
    display: block;
  }
}
._submissionRow_1jrec_1 {
  display: flex;
  flex-direction: column;
  padding: 12px;
}

._submissionColumn_1jrec_7 {
  background: white;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  width: 100%;
}

._title_1jrec_17 {
  font-size: 24px;
  font-weight: 700;
  margin: 8px;
}

._formGroup_1jrec_23 {
  width: 50%;
}

._inputField_1jrec_27 {
  width: 50%;
  border: none !important;
  padding: 8px;
  outline: none !important;
  box-shadow: none !important;
}

._inputField_1jrec_27:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

._form-control_1jrec_41 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  box-shadow: none !important;
}

._form-control_1jrec_41:focus {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  box-shadow: none !important;
}

._formControl_1jrec_53 {
  border-bottom: 1px solid #e3e3e3;
}
._topRow_dpbnr_1 {
  margin-bottom: 16px;
  width: 100%;
  margin-left: 0;
  margin-right: auto;
}

._dropdownContainer_dpbnr_8 {
  width: 100%;
  border-radius: 4px;
  background-color: white;
}

._dropdownToggle_dpbnr_14 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border: 1px solid #e0e0e0;
  background-color: white;
  color: #212529;
  text-align: left;
  box-shadow: none !important;
  border-radius: 4px;
  height: 38px;
}

._dropdownToggle_dpbnr_14::after {
  content: none !important;
}

._toggleContent_dpbnr_33 {
  display: flex;
  align-items: center;
  width: calc(100% - 20px); /* Slightly increase the space */
  overflow: hidden;
}
._toggleText_dpbnr_39 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

._dropdownMenu_dpbnr_46 {
  width: 100%;
  min-width: 250px; /* Add min-width to ensure enough space */
  padding: 0;
  margin: 0;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  max-height: 400px;
  overflow-y: auto;
}

._dropdownItem_dpbnr_58 {
  padding: 10px 16px;
  border-bottom: 1px solid #f0f0f0;
}

._dropdownItem_dpbnr_58:last-child {
  border-bottom: none;
}

._dropdownItem_dpbnr_58:hover {
  background-color: #f8f9fa;
}

/* Override Bootstrap's default active styles */
._dropdownItem_dpbnr_58._active_dpbnr_72,
._dropdownItem_dpbnr_58:active,
._dropdown-item_dpbnr_74._active_dpbnr_72,
._dropdown-item_dpbnr_74:active {
  background-color: #f0f0f0 !important;
  color: #212529 !important;
}

/* Ensure the First Name item (purple in screenshot) has consistent styling */
._dropdownItem_dpbnr_58[data-selected="true"] {
  background-color: #f0f0f0;
  color: #212529;
}

._itemContent_dpbnr_86 {
  display: flex;
  align-items: center;
  width: 100%;
}

._itemIcon_dpbnr_92 {
  margin-right: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  width: 20px;
}

._itemText_dpbnr_100 {
  flex-grow: 1;
  font-family: "Inter", sans-serif;
  font-size: 13px;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Increase max-width to accommodate longer text */
  max-width: 220px; /* Increased from 150px */
}
._checkmark_dpbnr_111 {
  color: #0d6efd;
  font-size: 12px;
  margin-left: 10px;
}
._draggableField_1pr62_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_1pr62_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_1pr62_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_1pr62_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_1pr62_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_1pr62_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_1pr62_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_1pr62_42 {
  margin-bottom: 16px;
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

/* Styling for the select input - matches draggablechoices.jsx */
._selectInput_1pr62_50 {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

/* Added missing layout styles from dropdown component */
._middleSection_1pr62_58 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

._inputSection_1pr62_66 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}

._inputWrapper_1pr62_72 {
  padding: 16px;
  border-bottom: 1px solid #4a4a4a;
}

._previewText_1pr62_77 {
  padding: 4px;
  min-height: 24px;
  cursor: text;
  width: 100%;
  /* Added word wrapping to prevent horizontal overflow */
  word-wrap: break-word;
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

/* Fix markdown rendered elements */
._previewText_1pr62_77 p {
  margin: 0;
}

._previewText_1pr62_77 * {
  display: inline;
}

._previewText_1pr62_77 strong {
  font-weight: bold;
}

._previewText_1pr62_77 em {
  font-style: italic;
}

._previewText_1pr62_77 u,
._previewText_1pr62_77 u * {
  text-decoration: underline;
}

._placeholder_1pr62_111 {
  color: #999;
  font-size: 14px;
}

._titleInput_1pr62_116 {
  width: 100%;
  background: transparent;
  border: none;
  font-weight: 500;
  color: #333;
  padding: 4px;
  outline: none;
  min-height: 24px;
  cursor: text;
}

._descriptionWrapper_1pr62_128 {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e3e3e3;
}

._descriptionInput_1pr62_134 {
  width: 100%;
  background: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  padding: 4px;
  outline: none;
  /* Added word wrapping to textarea for better editing experience */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}

._formatButtons_1pr62_148 {
  display: flex;
  gap: 6px;
}

._formatButton_1pr62_148 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

._formatButton_1pr62_148:hover {
  background-color: #f5f5f5;
}

/* Style for active format buttons */
._activeFormatButton_1pr62_172 {
  background-color: #7534e5;
  border-color: #7534e5;
}

._activeFormatButton_1pr62_172 img {
  filter: brightness(0) invert(1);
}

._activeFormatButton_1pr62_172:hover {
  background-color: #6529c9;
}

._icon_1pr62_185 {
  width: 18px;
  height: 18px;
}

._bottomRow_1pr62_190 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 15px;
  width: 100%;
}

._requiredText_1pr62_199 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch styling */
._toggleSwitch_1pr62_206 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
  margin: 0;
}

/* Hide the default checkbox */
._toggleSwitch_1pr62_206 input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}

/* Create the slider */
._toggleSwitch_1pr62_206 ._slider_1pr62_224 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: 0.4s;
  border-radius: 34px;
}

/* Create the slider handle */
._toggleSwitch_1pr62_206 ._slider_1pr62_224:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Styles for checked state */
._toggleSwitch_1pr62_206 input:checked + ._slider_1pr62_224 {
  background-color: #7534e5;
}

._toggleSwitch_1pr62_206 input:checked + ._slider_1pr62_224:before {
  transform: translateX(27px);
}

/* Add focus styles for accessibility */
._toggleSwitch_1pr62_206 input:focus + ._slider_1pr62_224 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_1pr62_264 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_1pr62_264:hover {
  background: #f8f8f8;
}

._trashIcon_1pr62_282 {
  width: 24px;
  height: 24px;
}
/* Modal Content */
._modal-content_aixk1_2 {
  width: 456px !important;
  border-radius: 10px !important;
  border: 1px solid #e3e3e3 !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
}

/* Modal Body */
._modal-body-custom_aixk1_11 {
  text-align: left;
  padding: 20px 24px 16px 24px !important;
}

/* Title */
._modal-title_aixk1_17 {
  font-weight: 500 !important;
  font-size: 16px !important;
  font-family: "Inter", sans-serif !important;
  margin: 0 !important;
  color: #000000;
}

/* Paragraph Text */
._modal-text_aixk1_26 {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #4a4a4a;
  margin-top: 5px !important;
  margin-bottom: 0 !important;
  font-family: "Inter", sans-serif !important;
}

/* Grey Divider Line */
._modal-divider_aixk1_36 {
  height: 1px !important;
  background-color: #e3e3e3 !important;
  border: none !important;
  margin: 0 !important;
}

/* Modal Footer */
._modal-footer-custom_aixk1_44 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 12px 24px !important;
  gap: 8px !important;
  background-color: white !important;
  border-top: none !important;
  margin: 0 !important;
}

/* Delete Button */
._delete-button_aixk1_56 {
  background-color: #7534e5 !important;
  border: none !important;
  color: white !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  transition: all 0.2s ease-in-out !important;
  font-family: "Inter", sans-serif !important;
  width: 86px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._delete-button_aixk1_56:hover {
  background-color: #8e52f7 !important;
}

/* Cancel Button */
._cancel-button_aixk1_77 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
  padding: 8px 16px !important;
  border-radius: 5px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: black !important;
  transition: all 0.2s ease-in-out !important;
  font-family: "Inter", sans-serif !important;
  width: 76px !important;
  height: 34px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

._cancel-button_aixk1_77:hover {
  background-color: #f8f8f8 !important;
}
._fileUploadField_12nuz_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_12nuz_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_12nuz_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_12nuz_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_12nuz_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_12nuz_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_12nuz_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_12nuz_42 {
  margin-bottom: 16px;
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

._selectInput_12nuz_49 {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

._middleSection_12nuz_56 {
  display: flex;
  justify-content: flex-start; /* Change from space-between */
  align-items: center; /* Align elements properly */
  gap: 8px; /* Reduce the gap between sections */
  margin-bottom: 20px;
}

._fileInputSection_12nuz_64 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}

._fileInputWrapper_12nuz_70 {
  padding: 16px;
  border-bottom: 1px solid #4a4a4a;
}

._fileInputLabel_12nuz_75 {
  font-weight: 500;
  color: #333;
}

._formatButtonsContainer_12nuz_80 {
  display: flex;
  justify-content: flex-start;
  padding-top: 12px;
  margin-bottom: 60px;
}

._formatButtons_12nuz_80 {
  display: flex;
  gap: 6px;
}

._formatButton_12nuz_80 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

._formatButton_12nuz_80:hover {
  background-color: #f5f5f5;
}

._descriptionWrapper_12nuz_110 {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e3e3e3;
  min-height: 48px;
  display: flex;
  align-items: center;
}

._descriptionLabel_12nuz_119 {
  color: #666;
  font-size: 14px;
  border-bottom: 1px solid #e3e3e3;
}

._bottomRow_12nuz_125 {
  display: flex;
  justify-content: flex-end;
  align-items: center; /* Align items horizontally */
  gap: 16px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  width: 100%;
}

._requiredText_12nuz_135 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch - completely independent from Bootstrap */
._toggleSwitch_12nuz_142 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
  margin: 0;
}

/* Hide the default checkbox input */
._toggleSwitch_12nuz_142 input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}

/* The slider container */
._toggleSwitch_12nuz_142 ._slider_12nuz_160 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}

/* The circle/handle that moves */
._toggleSwitch_12nuz_142 ._slider_12nuz_160:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Checked state styling */
._toggleSwitch_12nuz_142 input:checked + ._slider_12nuz_160 {
  background-color: #7534e5;
}

._toggleSwitch_12nuz_142 input:checked + ._slider_12nuz_160:before {
  -webkit-transform: translateX(27px);
  -ms-transform: translateX(27px);
  transform: translateX(27px);
}

/* Focus styling for accessibility */
._toggleSwitch_12nuz_142 input:focus + ._slider_12nuz_160 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_12nuz_204 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_12nuz_204:hover {
  background: #f8f8f8;
}

._icon_12nuz_222 {
  width: 18px;
  height: 18px;
}

._trashIcon_12nuz_227 {
  width: 24px;
  height: 24px;
}

._fileInput_12nuz_64 {
  width: 100%;
  background: transparent;
  border: none;
  font-weight: 500;
  color: #333;
  padding: 4px;
  outline: none;
}

._descriptionInput_12nuz_242 {
  width: 100%;
  background: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  padding: 4px;
  outline: none;
  min-height: 24px;
  /* Added text wrapping properties to prevent horizontal overflow */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

/* Added previewText class with text wrapping properties */
._previewText_12nuz_260 {
  padding: 4px;
  min-height: 24px;
  cursor: text;
  width: 100%;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

._previewText_12nuz_260 p {
  margin: 0;
}

._previewText_12nuz_260 * {
  display: inline;
}

._previewText_12nuz_260 strong {
  font-weight: bold;
}

._previewText_12nuz_260 em {
  font-style: italic;
}

._previewText_12nuz_260 u,
._previewText_12nuz_260 u * {
  text-decoration: underline;
}

._placeholder_12nuz_293 {
  color: #999;
  font-size: 14px;
}

/* Style for active format buttons */
._activeFormatButton_12nuz_299 {
  background-color: #7534e5;
  border-color: #7534e5;
}

._activeFormatButton_12nuz_299 img {
  filter: brightness(0) invert(1);
}

._activeFormatButton_12nuz_299:hover {
  background-color: #6529c9;
}
._draggableChoices_vsah6_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_vsah6_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_vsah6_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_vsah6_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_vsah6_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_vsah6_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_vsah6_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_vsah6_42 {
  margin-bottom: 16px;
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

._selectInput_vsah6_49 {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

._middleSection_vsah6_56 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

._inputSection_vsah6_64 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}

._inputWrapper_vsah6_70 {
  padding: 16px;
  border-bottom: 1px solid #4a4a4a;
}

._previewText_vsah6_75 {
  padding: 4px;
  min-height: 24px;
  cursor: text;
  width: 100%;
  /* Added text wrapping properties to prevent horizontal overflow */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

/* Fix markdown rendered elements */
._previewText_vsah6_75 p {
  margin: 0;
}

._previewText_vsah6_75 * {
  display: inline;
}

._previewText_vsah6_75 strong {
  font-weight: bold;
}

._previewText_vsah6_75 em {
  font-style: italic;
}

._previewText_vsah6_75 u,
._previewText_vsah6_75 u * {
  text-decoration: underline;
}

._placeholder_vsah6_110 {
  color: #999;
  font-size: 14px;
}

._titleInput_vsah6_115 {
  width: 100%;
  background: transparent;
  border: none;
  font-weight: 500;
  color: #333;
  padding: 4px;
  outline: none;
  min-height: 24px;
  cursor: text;
}

._descriptionWrapper_vsah6_127 {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e3e3e3;
}

._descriptionInput_vsah6_133 {
  width: 100%;
  background: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  padding: 4px;
  outline: none;
}

._formatButtons_vsah6_143 {
  display: flex;
  gap: 6px;
}

._formatButton_vsah6_143 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

._formatButton_vsah6_143:hover {
  background-color: #f5f5f5;
}

/* Style for active format buttons */
._activeFormatButton_vsah6_167 {
  background-color: #7534e5;
  border-color: #7534e5;
}

._activeFormatButton_vsah6_167 img {
  filter: brightness(0) invert(1);
}

._activeFormatButton_vsah6_167:hover {
  background-color: #6529c9;
}

._optionsSection_vsah6_180 {
  margin-bottom: 20px;
  padding: 0 20px;
}

._optionsContainer_vsah6_185 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._optionItem_vsah6_191 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}

._optionContent_vsah6_200 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._optionRadio_vsah6_206 {
  margin: 0;
}

._optionText_vsah6_210 {
  font-size: 14px;
  color: #333;
}

._deleteOptionButton_vsah6_215 {
  background: white;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 34px;
  height: 34px;
}

._deleteOptionButton_vsah6_215:hover {
  background-color: #f5f5f5;
}

._closeIcon_vsah6_232 {
  width: 16px;
  height: 16px;
}

._addOptionContainer_vsah6_237 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._addOptionWrapper_vsah6_243 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
}

._addOptionInput_vsah6_250 {
  flex-grow: 1;
  padding: 8px 12px;
  border: 1px solid white;
  border-radius: 4px;
  background: transparent;
}

._addOptionButton_vsah6_258 {
  background: white;
  border: 1px solid white;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
}

._bottomRow_vsah6_271 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  width: 100%;
}

._requiredText_vsah6_281 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch styling */
._toggleSwitch_vsah6_288 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
}

/* Hide the default checkbox */
._toggleSwitch_vsah6_288 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Create the slider */
._toggleSwitch_vsah6_288 ._slider_vsah6_303 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: background-color 0.3s ease;
  border-radius: 34px;
}

/* Create the slider handle */
._toggleSwitch_vsah6_288 ._slider_vsah6_303:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: transform 0.3s ease;
  border-radius: 50%;
}

/* Styles for checked state */
._toggleSwitch_vsah6_288 input:checked + ._slider_vsah6_303 {
  background-color: #7534e5;
}

._toggleSwitch_vsah6_288 input:checked + ._slider_vsah6_303:before {
  transform: translateX(27px);
}

/* Add focus styles for accessibility */
._toggleSwitch_vsah6_288 input:focus + ._slider_vsah6_303 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_vsah6_342 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_vsah6_342:hover {
  background: #f8f8f8;
}

._icon_vsah6_360 {
  width: 18px;
  height: 18px;
}

._trashIcon_vsah6_365 {
  width: 24px;
  height: 24px;
}
._draggableDropdown_11qt9_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_11qt9_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_11qt9_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_11qt9_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_11qt9_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_11qt9_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_11qt9_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_11qt9_42 {
  margin-bottom: 16px;
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

._selectInput_11qt9_49 {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

._middleSection_11qt9_56 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

._inputSection_11qt9_64 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}

._inputWrapper_11qt9_70 {
  padding: 16px;
  border-bottom: 1px solid #4a4a4a;
}

._previewText_11qt9_75 {
  padding: 4px;
  min-height: 24px;
  cursor: text;
  width: 100%;
  /* Added text wrapping properties to prevent horizontal overflow */
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}

/* Fix markdown rendered elements */
._previewText_11qt9_75 p {
  margin: 0;
}

._previewText_11qt9_75 * {
  display: inline;
}

._previewText_11qt9_75 strong {
  font-weight: bold;
}

._previewText_11qt9_75 em {
  font-style: italic;
}

._previewText_11qt9_75 u,
._previewText_11qt9_75 u * {
  text-decoration: underline;
}

._placeholder_11qt9_110 {
  color: #999;
  font-size: 14px;
}

._titleInput_11qt9_115 {
  width: 100%;
  background: transparent;
  border: none;
  font-weight: 500;
  color: #333;
  padding: 4px;
  outline: none;
  min-height: 24px;
  cursor: text;
}

._descriptionWrapper_11qt9_127 {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e3e3e3;
}

._descriptionInput_11qt9_133 {
  width: 100%;
  background: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  padding: 4px;
  outline: none;
}

._formatButtons_11qt9_143 {
  display: flex;
  gap: 6px;
}

._formatButton_11qt9_143 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

._formatButton_11qt9_143:hover {
  background-color: #f5f5f5;
}

/* Style for active format buttons */
._activeFormatButton_11qt9_167 {
  background-color: #7534e5;
  border-color: #7534e5;
}

._activeFormatButton_11qt9_167 img {
  filter: brightness(0) invert(1);
}

._activeFormatButton_11qt9_167:hover {
  background-color: #6529c9;
}

._optionsSection_11qt9_180 {
  margin-bottom: 20px;
  padding: 0 20px;
}

._optionsContainer_11qt9_185 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._optionItem_11qt9_191 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}

._optionText_11qt9_200 {
  font-size: 14px;
  color: #333;
}

._deleteOptionButton_11qt9_205 {
  background: white;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 34px;
  height: 34px;
}

._deleteOptionButton_11qt9_205:hover {
  background-color: #f5f5f5;
}

._closeIcon_11qt9_222 {
  width: 16px;
  height: 16px;
}
._addOptionContainer_11qt9_226 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._addOptionInput_11qt9_232 {
  flex-grow: 1;
  padding: 8px 12px;
  border: 1px solid white;
  border-radius: 4px;
}

._addOptionButton_11qt9_239 {
  background: white;
  border: 1px solid white;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
}

._bottomRow_11qt9_252 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  width: 100%;
}

._requiredText_11qt9_262 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch styling */
._toggleSwitch_11qt9_269 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
}

/* Hide the default checkbox */
._toggleSwitch_11qt9_269 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Create the slider */
._toggleSwitch_11qt9_269 ._slider_11qt9_284 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: background-color 0.3s ease;
  border-radius: 34px;
}

/* Create the slider handle */
._toggleSwitch_11qt9_269 ._slider_11qt9_284:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: transform 0.3s ease;
  border-radius: 50%;
}

/* Styles for checked state */
._toggleSwitch_11qt9_269 input:checked + ._slider_11qt9_284 {
  background-color: #7534e5;
}

._toggleSwitch_11qt9_269 input:checked + ._slider_11qt9_284:before {
  transform: translateX(27px);
}

/* Add focus styles for accessibility */
._toggleSwitch_11qt9_269 input:focus + ._slider_11qt9_284 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_11qt9_323 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_11qt9_323:hover {
  background: #f8f8f8;
}

._icon_11qt9_341 {
  width: 18px;
  height: 18px;
}

._trashIcon_11qt9_346 {
  width: 24px;
  height: 24px;
}
._draggableCheckbox_9owkj_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_9owkj_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_9owkj_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_9owkj_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_9owkj_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_9owkj_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_9owkj_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_9owkj_42 {
  margin-bottom: 16px;
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

._selectInput_9owkj_49 {
  width: 100%;
  height: 38px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

._middleSection_9owkj_56 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}

._inputSection_9owkj_64 {
  width: 75%;
  background-color: rgba(0, 0, 0, 0.03);
  border-radius: 4px;
}

._inputWrapper_9owkj_70 {
  padding: 16px;
  border-bottom: 1px solid #4a4a4a;
}

._titleInput_9owkj_75 {
  width: 100%;
  background: transparent;
  border: none;
  font-weight: 500;
  color: #333;
  padding: 4px;
  outline: none;
}

._descriptionWrapper_9owkj_85 {
  padding: 16px;
  background: white;
  border-bottom: 1px solid #e3e3e3;
}

._descriptionInput_9owkj_91 {
  width: 100%;
  background: transparent;
  border: none;
  color: #666;
  font-size: 14px;
  padding: 4px;
  outline: none;
}

._formatButtons_9owkj_101 {
  display: flex;
  gap: 6px;

}

._formatButton_9owkj_101 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}

._formatButton_9owkj_101:hover {
  background-color: #f5f5f5;
}

._optionsSection_9owkj_124 {
  margin-bottom: 20px;
  padding: 0 20px;
}

._optionsContainer_9owkj_129 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._optionItem_9owkj_135 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 4px;
  background: white;
}

._optionContent_9owkj_144 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._optionCheckbox_9owkj_150 {
  margin: 0;
}

._optionText_9owkj_154 {
  font-size: 14px;
  color: #333;
}

._deleteOptionButton_9owkj_159 {
  background: white;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 34px;
  height: 34px;
}

._deleteOptionButton_9owkj_159:hover {
  background-color: #f5f5f5;
}

._closeIcon_9owkj_176 {
  width: 16px;
  height: 16px;
}

._addOptionContainer_9owkj_181 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._addOptionWrapper_9owkj_187 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
}

._addOptionInput_9owkj_194 {
  flex-grow: 1;
  padding: 8px 12px;
  border: 1px solid white;
  border-radius: 4px;
  background: transparent;
}

._addOptionButton_9owkj_202 {
  background: white;
  border: 1px solid white;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 20px;
}

._bottomRow_9owkj_215 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  width: 100%;
}

._requiredText_9owkj_225 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch styling */
._toggleSwitch_9owkj_232 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
}

/* Hide the default checkbox */
._toggleSwitch_9owkj_232 input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* Create the slider */
._toggleSwitch_9owkj_232 ._slider_9owkj_247 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: background-color 0.3s ease;
  border-radius: 34px;
}

/* Create the slider handle */
._toggleSwitch_9owkj_232 ._slider_9owkj_247:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: transform 0.3s ease;
  border-radius: 50%;
}

/* Styles for checked state */
._toggleSwitch_9owkj_232 input:checked + ._slider_9owkj_247 {
  background-color: #7534e5;
}

._toggleSwitch_9owkj_232 input:checked + ._slider_9owkj_247:before {
  transform: translateX(27px);
}

/* Add focus styles for accessibility */
._toggleSwitch_9owkj_232 input:focus + ._slider_9owkj_247 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_9owkj_286 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_9owkj_286:hover {
  background: #f8f8f8;
}

._icon_9owkj_304 {
  width: 18px;
  height: 18px;
}

._trashIcon_9owkj_309 {
  width: 24px;
  height: 24px;
}

._previewText_9owkj_314 {
  padding: 4px;
  min-height: 24px;
  cursor: text;
  width: 100%;
}

._previewText_9owkj_314 p {
  margin: 0;
}

._previewText_9owkj_314 * {
  display: inline;
}

._previewText_9owkj_314 strong {
  font-weight: bold;
}

._previewText_9owkj_314 em {
  font-style: italic;
}

._previewText_9owkj_314 u,
._previewText_9owkj_314 u * {
  text-decoration: underline;
}

._activeFormatButton_9owkj_342 {
  background-color: #7534e5;
  border-color: #7534e5;
}

._activeFormatButton_9owkj_342 img {
  filter: brightness(0) invert(1);
}

._activeFormatButton_9owkj_342:hover {
  background-color: #6529c9;
}
._draggableField_lofkg_1 {
  margin-bottom: 16px;
  transition: transform 0.2s ease-in-out;
}

._dragging_lofkg_6 {
  opacity: 0.5;
  transform: scale(1.02);
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
}

._isOver_lofkg_12 {
  box-shadow: 0px 0px 0px 2px #7534e5;
}

._container_lofkg_16 {
  display: flex;
  background: white;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

._sidebar_lofkg_23 {
  display: flex;
  padding: 16px 10px;
  align-items: flex-start;
}

._content_lofkg_29 {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 16px 0;
}

._dragHandle_lofkg_36 {
  cursor: grab;
  font-size: 16px;
  color: #666;
}

._topRow_lofkg_42 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

._topRow_lofkg_42 > :first-child {
  width: 20%;
  margin-left: 0;
  margin-right: auto;
}

/* Settings button styling */
._settingsButton_lofkg_56 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._settingsButton_lofkg_56:hover {
  background: #f8f8f8;
}

._settingsIcon_lofkg_74 {
  width: 20px;
  height: 20px;
}

._bottomRow_lofkg_79 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 16px;
  padding-top: 15px;
  width: 100%;
}

._requiredText_lofkg_88 {
  font-weight: 600;
  font-size: 16px;
  color: #4a4a4a;
}

/* Custom toggle switch styling */
._toggleSwitch_lofkg_95 {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 21px;
  margin: 0;
}

/* Hide the default checkbox */
._toggleSwitch_lofkg_95 input {
  opacity: 0;
  width: 0;
  height: 0;
  margin: 0;
  position: absolute;
}

/* Create the slider */
._toggleSwitch_lofkg_95 ._slider_lofkg_113 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e0e0e0;
  transition: 0.4s;
  border-radius: 34px;
}

/* Create the slider handle */
._toggleSwitch_lofkg_95 ._slider_lofkg_113:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Styles for checked state */
._toggleSwitch_lofkg_95 input:checked + ._slider_lofkg_113 {
  background-color: #7534e5;
}

._toggleSwitch_lofkg_95 input:checked + ._slider_lofkg_113:before {
  transform: translateX(27px);
}

/* Add focus styles for accessibility */
._toggleSwitch_lofkg_95 input:focus + ._slider_lofkg_113 {
  box-shadow: 0 0 1px #7534e5;
}

._deleteButton_lofkg_153 {
  background: transparent;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  cursor: pointer;
  width: 34px;
  height: 34px;
  padding: 6px 10px;
  transition: background 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}

._deleteButton_lofkg_153:hover {
  background: #f8f8f8;
}

._trashIcon_lofkg_171 {
  width: 24px;
  height: 24px;
}

._fieldTypeRow_lofkg_176 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

._dropdownContainer_lofkg_183 {
  flex: 1;
}

._settingsButton_lofkg_56 {
  background: none;
  border: 1px solid #e3e3e3;
  cursor: pointer;
  padding: 4px;
  display: flex;
  align-items: center;
}

._settingsIcon_lofkg_74 {
  width: 24px;
  height: 24px;
}
._modalOverlay_1cn5d_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;
}

._modal_1cn5d_1 {
  background-color: white;
  border-radius: 8px;
  width: 550px;
  height: 500px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

._modalHeader_1cn5d_24 {
  padding: 20px 20px 10px 20px;
  flex-shrink: 0;
}

._modalHeader_1cn5d_24 h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

._modalHeader_1cn5d_24 p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #666;
}

._criteriaList_1cn5d_42 {
  padding: 10px 20px;
  flex: 1;
  overflow-y: auto;
}

._criteriaItem_1cn5d_48 {
  margin-bottom: 16px;
}

._criteriaLabel_1cn5d_52 {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}

._checkbox_1cn5d_59 {
  margin-right: 10px;
  accent-color: #4a90e2;
}

._criteriaName_1cn5d_64 {
  font-weight: 500;
}

._levels_1cn5d_68 {
  margin-top: 4px;
  font-size: 13px;
  color: #555;
}

._level_1cn5d_68 {
  display: inline;
}

._modalFooter_1cn5d_78 {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #eaeaea;
  gap: 10px;
  flex-shrink: 0;
}

._cancelButton_1cn5d_87 {
  padding: 8px 16px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

._cancelButton_1cn5d_87:hover {
  background-color: #f5f5f5;
}

._doneButton_1cn5d_100 {
  padding: 8px 16px;
  background-color: #7534e5;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

._doneButton_1cn5d_100:hover {
  background-color: #5d2bb8;
}

._noCriteria_1cn5d_114 {
  padding: 20px;
  text-align: center;
  color: #666;
}

/* Add these styles to your draggableeval.module.css file */

._fieldStatus_1cn5d_122 {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  padding: 2px 6px;
  background-color: #f0f0f0;
  border-radius: 4px;
  display: inline-block;
}

._fieldStatus_1cn5d_122:empty {
  display: none;
}

/* Enhanced checkbox styling for the modals */
._checkbox_1cn5d_59 {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  accent-color: #7534e5;
  cursor: pointer;
}

._checkbox_1cn5d_59:checked {
  background-color: #7534e5;
}

/* Loading and error states */
._loading_1cn5d_150 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  color: #666;
  font-size: 14px;
}

._error_1cn5d_159 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
  color: #e74c3c;
  font-size: 14px;
  background-color: #ffeaea;
  margin: 10px 20px;
  border-radius: 6px;
}

/* Disabled button state */
._doneButton_1cn5d_100:disabled {
  background-color: #ccc;
  cursor: not-allowed;
  opacity: 0.6;
}

._doneButton_1cn5d_100:disabled:hover {
  background-color: #ccc;
}
._modalOverlay_4rodd_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1100;
}

._modal_4rodd_1 {
  background-color: white;
  border-radius: 8px;
  width: 550px;
  height: 500px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

._modalHeader_4rodd_24 {
  padding: 20px 20px 10px 20px;
  flex-shrink: 0;
}

._modalHeader_4rodd_24 h2 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}

._modalHeader_4rodd_24 p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #666;
}

._criteriaList_4rodd_42 {
  padding: 10px 20px;
  flex: 1;
  overflow-y: auto;
}

._criteriaItem_4rodd_48 {
  margin-bottom: 16px;
}

._criteriaLabel_4rodd_52 {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}

._checkbox_4rodd_59 {
  margin-right: 10px;
  accent-color: #4a90e2;
}

._criteriaName_4rodd_64 {
  font-weight: 500;
}

._levels_4rodd_68 {
  margin-top: 4px;
  font-size: 13px;
  color: #555;
}

._level_4rodd_68 {
  display: inline;
}

._modalFooter_4rodd_78 {
  display: flex;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #eaeaea;
  gap: 10px;
  flex-shrink: 0;
}

._cancelButton_4rodd_87 {
  padding: 8px 16px;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

._cancelButton_4rodd_87:hover {
  background-color: #f5f5f5;
}

._doneButton_4rodd_100 {
  padding: 8px 16px;
  background-color: #7534e5;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
}

._doneButton_4rodd_100:hover {
  background-color: #5d2bb8;
}
._stepSeparator_1hv09_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #7534e5;
  color: white;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: bold;
  margin-bottom: 16px;
  min-height: 66px;
}

._actions_1hv09_14 {
  display: flex;
  gap: 10px;
}

._iconButton_1hv09_19 {
  background: white;
  border: 1px solid #e3e3e3;
  color: black;
  border-radius: 6px;
  cursor: pointer;
  font-size: 20px;
  width: 32px;
  height: 32px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
._modalContainer_1bl5v_1 {
  display: block;
}

._modal-dialog_1bl5v_5 {
  display: flex !important;
  align-items: center !important;
  min-height: calc(100% - 1rem) !important;
  margin: 0.5rem auto !important;
}

._modal-content_1bl5v_12 {
  width: 420px !important;
  border-radius: 8px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #e3e3e3 !important;
}

._modalHeader_1bl5v_19 {
  padding: 16px 20px !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._modalTitle_1bl5v_24 {
  font-size: 18px !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

._modalBody_1bl5v_30 {
  padding: 0 20px 20px !important;
}

._inputLabel_1bl5v_34 {
  margin-top: 8px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

._inputWrapper_1bl5v_42 {
  display: flex;
  position: relative;
  width: 100%;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
  overflow: hidden;
}

._input_1bl5v_34 {
  width: 100%;
  padding: 12px 40px 12px 12px;
  border: none;
  outline: none;
  font-size: 14px;
}

._dropdownButton_1bl5v_59 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 40px;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

._modalFooter_1bl5v_73 {
  padding: 10px 20px 10px !important;
  border-top: 1px solid #e3e3e3 !important;
  display: flex !important;
  justify-content: flex-end !important;
}

._doneButton_1bl5v_80 {
  background-color: #7534e5 !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 8px 20px !important;
  border-radius: 6px !important;
  min-width: 80px !important;
}

._doneButton_1bl5v_80:disabled {
  background-color: #b59ce6 !important;
  cursor: not-allowed;
}


* {
  font-family: "Inter", sans-serif !important;
}

._emptyState_1y9su_7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  height: 300px;
  text-align: center;
}

._emptyStateIcon_1y9su_17 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
}

._emptyState_1y9su_7 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
}

._emptyState_1y9su_7 p {
  margin-bottom: 16px;
  color: #666;
}

._draggableContainer_166fa_1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  max-height: none;
  overflow: visible;
  scroll-behavior: smooth;
}

._initialDropZoneContainer_166fa_11 {
  margin-bottom: 16px;
}

._initialDropZone_166fa_11 {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(117, 52, 229, 0.05);
  border: 2px dashed #e0e0e0;
  border-radius: 6px;
  transition: all 0.2s ease;
}

._stepContainer_166fa_27 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

._stepSeparatorWrapper_166fa_33 {
  position: relative;
  height: 10px;
  margin: 4px 0;
}

._interStepDropZone_166fa_39 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  transition: all 0.2s ease;
  opacity: 0;
  pointer-events: none;
}

.dragging ~ ._stepSeparatorWrapper_166fa_33 ._interStepDropZone_166fa_39 {
  opacity: 1;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.03);
  border: 2px dashed #e0e0e0;
}

._isOver_166fa_58 {
  background-color: rgba(117, 52, 229, 0.1) !important;
  border-color: #7534e5 !important;
}

._emptyStepIndicator_166fa_63 {
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

._emptyStepDropZone_166fa_70 {
  width: 100%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(117, 52, 229, 0.05);
  border: 2px dashed #e0e0e0;
  border-radius: 6px;
  transition: all 0.2s ease;
}

._dropHint_166fa_82 {
  color: #888;
  font-size: 14px;
}

._emptyStepDropZone_166fa_70._isOver_166fa_58,
._initialDropZone_166fa_11._isOver_166fa_58 {
  background-color: rgba(117, 52, 229, 0.15);
}

/* Make sure all drop zones have proper z-index and position */
._interStepDropZone_166fa_39,
._emptyStepDropZone_166fa_70,
._initialDropZone_166fa_11 {
  position: relative;
  z-index: 50;
}

/* Enhance visibility during drag operations */
._dropHint_166fa_82 {
  color: #888;
  font-size: 14px;
  pointer-events: none; /* Ensure text doesn't interfere with drop detection */
}._row_11d6j_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 1000;
}

._leftSection_11d6j_12 {
  display: flex;
  align-items: center;
}

._backButton_11d6j_17 {
  margin-right: 10px;
}

._backButtonIcon_11d6j_21 {
  margin-bottom: 2px;
}

._title_11d6j_25 {
  font-size: 16px;
  font-weight: 500;
}

._rightSection_11d6j_30 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

._parentFormLabel_11d6j_37 {
  font-size: 15px;
  margin-right: 5px;
  font-weight: 500;
  font-family: "Inter", sans-serif !important;
}

/* Updated dropdown toggle styling */
._formIdDropdown_11d6j_45 {
  height: 35px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  background-color: transparent !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px;
  min-width: 180px;
  justify-content: space-between;
  color: #212529;
  font-weight: 400;
}

/* Ensure the dropdown toggle stays clean on hover/focus */
._formIdDropdown_11d6j_45:hover,
._formIdDropdown_11d6j_45:focus,
._formIdDropdown_11d6j_45:active {
  background-color: transparent !important;
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
}

/* Customize the dropdown toggle caret */
._formIdDropdown_11d6j_45::after {
  margin-left: auto;
  color: #495057;
  position: absolute;
  right: 10px;
}

._dropdownContainer_11d6j_76 {
  position: relative;
}

._dropdownMenu_11d6j_80 {
  min-width: 280px;
  padding: 8px 0;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none;
}

._dropdownMenu_11d6j_80::-webkit-scrollbar {
  display: none;
}

._inventoryIcon_11d6j_95 {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

._dropdownItem_11d6j_101 {
  padding: 8px 16px;
  font-family: "Inter", sans-serif;
}

._dropdownItem_11d6j_101:hover {
  background-color: #f9fafb;
}

._dropdownItemContent_11d6j_110 {
  display: flex;
  align-items: center;
  width: 100%;
}

._dropdownItemId_11d6j_116 {
  font-size: 14px;
  color: black;
  font-weight: 600;
  margin-right: 8px;
}

._dropdownItemTitle_11d6j_123 {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

._dropdownItemText_11d6j_129 {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

/* Dropdown active state override - high specificity */
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136:hover,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active:hover {
  background-color: rgba(111, 66, 193, 0.1) !important;
  color: #6f42c1 !important;
}

/* Force all child elements to inherit the active color */
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136 *,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active *,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136:hover *,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active:hover * {
  color: inherit !important;
}

/* Specific icon styling for active state */
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136 ._inventoryIcon_11d6j_95,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active ._inventoryIcon_11d6j_95 {
  filter: invert(28%) sepia(67%) saturate(1362%) hue-rotate(235deg)
    brightness(88%) contrast(88%) !important;
}

/* Remove Bootstrap's default active background */
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136._active_11d6j_136::after,
._dropdown-menu_11d6j_136._show_11d6j_136 ._dropdown-item_11d6j_136:active::after {
  display: none !important;
}
._navbar_1gki7_1 {
  background-color: white;
  border-top: 1px solid #e3e3e3 !important;
  padding: 10px;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: fixed !important;
  bottom: 0;
  left: 0 !important; /* Ensure it starts from the left edge */
  right: 0 !important; /* Ensure it extends to the right edge */
  height: 56px !important;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  width: 100% !important; /* Ensure it spans the entire width */
}

._saveButton_1gki7_17 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 95px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background-color: #7534e5 !important;
  border-color: #7534e5 !important; /* Ensure border color matches */
  margin-right: 16px !important; /* Add some right margin */
}

._icon_1gki7_30 {
  font-size: 18px; /* Adjust the size */
  vertical-align: middle; /* Keeps it aligned with text */
}
._container_a86ha_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  background-color: #fff;
  padding-bottom: 56px !important;
  position: relative;
}

._mainContent_a86ha_11 {
  flex: 1;
  display: flex;
  min-height: calc(100vh - 116px);
  position: relative;
  overflow-y: hidden;
  margin-bottom: 56px;
  margin-left: -11px;
  margin-right: -11px;
}

/* Main form content area */
._formColumn_a86ha_23 {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #f5f5f5;
  overflow-y: auto;
  max-height: calc(100vh - 116px - 56px);
  flex: 1;
  align-items: stretch !important;
  transition: all 0.3s ease;
  padding: 50px 200px 0 !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._withSidebar_a86ha_38 {
  margin-right: 299px;
  width: calc(100% - 245px) !important;
}

._withCollapsedSidebar_a86ha_43 {
  margin-right: 50px;
  width: calc(100% - 50px) !important;
}

._collapsedSidebar_a86ha_48 {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 62px);
  width: 50px;
  background-color: white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 900;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._sidebarIcon_a86ha_65 {
  color: black;
  font-size: 17px;
  margin-top: 27px;
}

._expandedSidebar_a86ha_71 {
  position: absolute;
  right: 0;
  top: 0;
  width: 299px;
  height: calc(100% - 62px);
  background-color: white;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  overflow-y: auto;
  z-index: 10 !important;
}

._sidebarHeader_a86ha_88 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-left: 20px;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}

._sidebarTitle_a86ha_100 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

._closeSidebarButton_a86ha_106 {
  padding: 5px;
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  width: 36px;
  height: 36px;
  border-radius: 4px;
}

._closeSidebarButton_a86ha_106:hover {
  background-color: #f5f5f5 !important;
}

._sidebarContent_a86ha_123 {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._sidebarContent_a86ha_123::-webkit-scrollbar {
  display: none;
}

._mainContent_a86ha_11 *::-webkit-scrollbar {
  display: none;
}

._mainContent_a86ha_11 * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._buttonContainer_a86ha_143 {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 0 50px 0;
  background-color: transparent;
}

._addFieldButton_a86ha_151 {
  background-color: #7534e5 !important;
  border-color: #7534e5 !important;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px !important;
  box-shadow: 0 2px 4px rgba(138, 61, 249, 0.2);
  transition: background-color 0.2s, box-shadow 0.2s;
  min-width: 124px;
  min-height: 34px;
}

._buttonText_a86ha_166 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
}

._buttonTextform_a86ha_173 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  color: black !important;
}

._addFieldButton_a86ha_151:hover,
._addFieldButton_a86ha_151:focus {
  background-color: #7520f9;
  border-color: #7520f9;
  box-shadow: 0 3px 6px rgba(138, 61, 249, 0.3);
}

/* Positioning for the field dropdown */
._addFieldContainer_a86ha_189 {
  position: relative;
  display: inline-block;
}

._fieldDropdownWrapper_a86ha_194 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 5px;
}

/* .buttonIcon {
  filter: brightness(0);
} */

/* Add these styles to your authform.module.css file */
._material-symbols-outlined_a86ha_207 {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
}

/* Adjust alignment of icons in buttons */
._addFieldButton_a86ha_151 ._material-symbols-outlined_a86ha_207 {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 992px) {
  ._withSidebar_a86ha_38 {
    width: calc(100% - 245px) !important;
  }

  ._formColumn_a86ha_23 {
    padding: 0 30px !important;
  }
}

@media (max-width: 768px) {
  ._expandedSidebar_a86ha_71 {
    width: 100%;
    z-index: 1010;
  }

  ._withSidebar_a86ha_38 {
    margin-right: 0;
    width: 100% !important;
    margin-top: 60px;
  }

  ._withCollapsedSidebar_a86ha_43 {
    margin-right: 50px;
    width: calc(100% - 50px) !important;
  }

  ._closeSidebarButton_a86ha_106 {
    display: block;
  }
}
._row_1rsbc_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  position: relative;
  z-index: 11;
}

._leftSection_1rsbc_12 {
  display: flex;
  align-items: center;
}

._backButton_1rsbc_17 {
  margin-right: 10px;
}

._backButtonIcon_1rsbc_21 {
  margin-bottom: 2px;
}

._title_1rsbc_25 {
  font-size: 16px;
  font-weight: 500;
}

._rightSection_1rsbc_30 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

._parentFormLabel_1rsbc_37 {
  font-size: 15px;
  margin-right: 5px;
  font-weight: 500;
  font-family: "Inter", sans-serif !important;
}

/* Updated dropdown toggle styling */
._formIdDropdown_1rsbc_45 {
  height: 35px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  background-color: transparent !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px;
  min-width: 180px;
  justify-content: space-between;
  color: #212529;
  font-weight: 400;
}

/* Ensure the dropdown toggle stays clean on hover/focus */
._formIdDropdown_1rsbc_45:hover,
._formIdDropdown_1rsbc_45:focus,
._formIdDropdown_1rsbc_45:active {
  background-color: transparent !important;
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
}

/* Customize the dropdown toggle caret */
._formIdDropdown_1rsbc_45::after {
  margin-left: auto;
  color: #495057;
  position: absolute;
  right: 10px;
}

._dropdownContainer_1rsbc_76 {
  position: relative;
}

._dropdownMenu_1rsbc_80 {
  min-width: 280px;
  padding: 8px 0;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: none;
}

._dropdownMenu_1rsbc_80::-webkit-scrollbar {
  display: none;
}

._inventoryIcon_1rsbc_95 {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

._dropdownItem_1rsbc_101 {
  padding: 8px 16px;
  font-family: "Inter", sans-serif;
}

._dropdownItem_1rsbc_101:hover {
  background-color: #f9fafb;
}

._dropdownItemContent_1rsbc_110 {
  display: flex;
  align-items: center;
  width: 100%;
}

._dropdownItemId_1rsbc_116 {
  font-size: 14px;
  color: black;
  font-weight: 600;
  margin-right: 8px;
}

._dropdownItemTitle_1rsbc_123 {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

._dropdownItemText_1rsbc_129 {
  font-size: 14px;
  color: black;
  font-weight: 400;
}

/* Dropdown active state override - high specificity */
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136:hover,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active:hover {
  background-color: rgba(111, 66, 193, 0.1) !important;
  color: #6f42c1 !important;
}

/* Force all child elements to inherit the active color */
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136 *,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active *,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136:hover *,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active:hover * {
  color: inherit !important;
}

/* Specific icon styling for active state */
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136 ._inventoryIcon_1rsbc_95,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active ._inventoryIcon_1rsbc_95 {
  filter: invert(28%) sepia(67%) saturate(1362%) hue-rotate(235deg)
    brightness(88%) contrast(88%) !important;
}

/* Remove Bootstrap's default active background */
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136._active_1rsbc_136::after,
._dropdown-menu_1rsbc_136._show_1rsbc_136 ._dropdown-item_1rsbc_136:active::after {
  display: none !important;
}
._navbar_1gki7_1 {
  background-color: white;
  border-top: 1px solid #e3e3e3 !important;
  padding: 10px;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: fixed !important;
  bottom: 0;
  left: 0 !important; /* Ensure it starts from the left edge */
  right: 0 !important; /* Ensure it extends to the right edge */
  height: 56px !important;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  width: 100% !important; /* Ensure it spans the entire width */
}

._saveButton_1gki7_17 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 95px !important;
  height: 34px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background-color: #7534e5 !important;
  border-color: #7534e5 !important; /* Ensure border color matches */
  margin-right: 16px !important; /* Add some right margin */
}

._icon_1gki7_30 {
  font-size: 18px; /* Adjust the size */
  vertical-align: middle; /* Keeps it aligned with text */
}
._sidebar_ve1zi_1 {
  width: 100%;
  background-color: white;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
}

._fieldsContent_ve1zi_10 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

._sectionTitle_ve1zi_18 {
  font-size: 10px;
  font-weight: 500;
  color: #4a4a4a;
  margin-top: 16px;
  margin-bottom: 8px;
  text-transform: uppercase;
  text-align: left;
  letter-spacing: 0.5px;
  opacity: 0.7;
}

._sectionTitle_ve1zi_18:first-child {
  margin-top: 0;
}

._listGroup_ve1zi_34 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

._listItem_ve1zi_41 {
  border: 1px solid #eaeaea !important;
  border-radius: 6px !important;
  padding: 10px 0 !important;
  margin-bottom: 0;
  background-color: white;
  transition: box-shadow 0.2s ease;
  width: 100%;
  height: 34px; /* Fixed height as specified */
}

._listItem_ve1zi_41:hover {
  background-color: #e3e3e3;
  border-color: #d0d0d0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

._listItemContent_ve1zi_58 {
  display: flex;
  align-items: center;
  padding: 0 12px;
  width: 100%;
  height: 100%; /* Changed from min-height to height:100% */
  justify-content: space-between;
}

._icon_ve1zi_67 {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #000;
  flex-shrink: 0;
  margin-right: 8px;
  width: 20px;
}

._label_ve1zi_77 {
  flex-grow: 0;
  font-size: 14px;
  color: black;
  font-weight: 400;
  font-family: "Inter", sans-serif;
  text-align: center;
  margin: 0 auto;
  width: auto;
  /* Ensure vertical centering */
  display: flex;
  align-items: center;
  height: 100%;
}

._addButton_ve1zi_92 {
  background: none;
  border: none;
  padding: 0;
  font-size: 20px;
  color: black;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 8px;
  transition: color 0.2s ease;
  width: 20px;
  justify-content: center;
}

._addButton_ve1zi_92:hover {
  color: #000;
}
._container_j38ue_1 {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100vh;
  background-color: #fff;
  padding-bottom: 56px !important;
  position: relative;
}

._mainContent_j38ue_11 {
  flex: 1;
  display: flex;
  min-height: calc(100vh - 116px);
  position: relative;
  overflow-y: hidden;
  margin-bottom: 56px;
  margin-left: -11px;
  margin-right: -11px;
}

._formColumn_j38ue_22 {
  display: flex !important;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #f5f5f5;
  overflow-y: auto;
  max-height: calc(100vh - 116px - 56px);
  flex: 1;
  align-items: stretch !important;
  transition: all 0.3s ease;
  padding: 50px 200px !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._withSidebar_j38ue_37 {
  margin-right: 299px;
  width: calc(100% - 245px) !important;
}

._withCollapsedSidebar_j38ue_42 {
  margin-right: 50px;
  width: calc(100% - 50px) !important;
}

._collapsedSidebar_j38ue_47 {
  position: absolute;
  right: 0;
  top: 0;
  height: calc(100% - 62px);
  width: 50px;
  background-color: white;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 900;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

._sidebarIcon_j38ue_64 {
  color: black;
  font-size: 17px;
  margin-top: 27px;
}

._expandedSidebar_j38ue_70 {
  position: absolute;
  right: 0;
  top: 0;
  width: 299px;
  height: calc(100% - 62px);
  background-color: white;
  display: flex;
  flex-direction: column;
  z-index: 1000;
  border-left: 1px solid #e0e0e0;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  overflow-y: auto;
  z-index: 10 !important;
}

._sidebarHeader_j38ue_87 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  padding-left: 20px;
  background-color: white;
  position: sticky;
  top: 0;
  z-index: 10;
}

._sidebarTitle_j38ue_99 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

._closeSidebarButton_j38ue_105 {
  padding: 5px;
  background: transparent !important;
  border: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  width: 36px;
  height: 36px;
  border-radius: 4px;
}

._closeSidebarButton_j38ue_105:hover {
  background-color: #f5f5f5 !important;
}

._sidebarContent_j38ue_122 {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 20px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
._sidebarContent_j38ue_122::-webkit-scrollbar {
  display: none;
}

._mainContent_j38ue_11 *::-webkit-scrollbar {
  display: none;
}

._mainContent_j38ue_11 * {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._buttonContainer_j38ue_142 {
  display: flex;
  justify-content: center;
  gap: 10px;
  padding: 20px 0 50px 0;
  background-color: transparent;
}

._addFieldButton_j38ue_150 {
  background-color: #7534e5 !important;
  border-color: #7534e5 !important;
  border-radius: 6px;
  padding: 8px 16px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 12px !important;
  box-shadow: 0 2px 4px rgba(138, 61, 249, 0.2);
  transition: background-color 0.2s, box-shadow 0.2s;
  min-width: 124px;
  min-height: 34px;
}

._buttonText_j38ue_165 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
}

._buttonTextform_j38ue_172 {
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  color: black !important;
}

._addFieldButton_j38ue_150:hover,
._addFieldButton_j38ue_150:focus {
  background-color: #7520f9;
  border-color: #7520f9;
  box-shadow: 0 3px 6px rgba(138, 61, 249, 0.3);
}

/* Positioning for the field dropdown */
._addFieldContainer_j38ue_188 {
  position: relative;
  display: inline-block;
}

._fieldDropdownWrapper_j38ue_193 {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-top: 5px;
}

/* .buttonIcon {
  filter: brightness(0);
} */

/* Add these styles to your authform.module.css file */
._material-symbols-outlined_j38ue_206 {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
}

/* Adjust alignment of icons in buttons */
._addFieldButton_j38ue_150 ._material-symbols-outlined_j38ue_206 {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 992px) {
  ._withSidebar_j38ue_37 {
    width: calc(100% - 245px) !important;
  }

  ._formColumn_j38ue_22 {
    padding: 0 30px !important;
  }
}

@media (max-width: 768px) {
  ._expandedSidebar_j38ue_70 {
    width: 100%;
    z-index: 1010;
  }

  ._withSidebar_j38ue_37 {
    margin-right: 0;
    width: 100% !important;
    margin-top: 60px;
  }

  ._withCollapsedSidebar_j38ue_42 {
    margin-right: 50px;
    width: calc(100% - 50px) !important;
  }

  ._closeSidebarButton_j38ue_105 {
    display: block;
  }
}


/* Renamed or reused classes from editaddheader.module.css  */

._headerContainer_1ktpm_4 {
  display: flex;
  align-items: center;
  background-color: white;
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
}

._backButton_1ktpm_13 {
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: background 0.2s;
}

._backButton_1ktpm_13:hover {
  background: #f5f5f5;
}

._backIcon_1ktpm_32 {
  width: 18px;
  height: 18px;
}

._headerText_1ktpm_37 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  margin-left: 15px;
  font-family: "Inter", sans-serif !important;
}

/* Media Queries for Mobile Responsiveness (Copied from editaddheader.module.css)  */

@media (max-width: 768px) {
  ._headerContainer_1ktpm_4 {
    padding: 10px 12px;
  }

  ._backIcon_1ktpm_32 {
    width: 20px;
    height: 20px;
  }

  ._headerText_1ktpm_37 {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  ._headerContainer_1ktpm_4 {
    padding: 8px 10px;
  }

  ._backIcon_1ktpm_32 {
    width: 18px;
    height: 18px;
  }

  ._headerText_1ktpm_37 {
    font-size: 15px;
  }
}
._formCard_1r45f_1 {
  border-radius: 0.25rem;
  border: 1px solid transparent !important;
  background-color: #ffffff;
  width: 100%;
}

._cardHeader_1r45f_8 {
  border: 1px solid transparent !important;
  padding: 0 !important;
}

._cardBody_1r45f_13 {
  padding: 0;
}

._mainContent_1r45f_17 {
  margin-top: 1rem;
}
._container_1py6d_1 {
  margin: 0;
  padding: 0;
  height: auto; /* Changed from 100vh to auto */
  overflow: visible; /* Changed from auto to visible */
  /* Remove redundant overflow properties */
}
/* Add this class to ensure the content is scrollable */
._settingsContainer_1py6d_9 {
  width: 100%;
  max-width: 812px; /* Or your desired max width */
  margin-left: 0; /* Align content to the left */
  padding: 0px; /* Optional: Adjust padding for spacing */
}

._settingsWrapper_1py6d_16 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 30px;
  overflow-y: visible;
}

._row_1py6d_24 {
  margin: 0;
  padding: 0;
  overflow:none;
}

._pageContainer_1py6d_30 {
  padding: 0px;
}

._span_1py6d_34 {
  margin: 0 8px;
}

._divider_1py6d_38 {
  margin: 0;
  border-top: 1px solid #4A4A4A;
}

._label_1py6d_43 {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 600; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #000000; /* Color for the label */
}

::placeholder {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  color: #4A4A4A;
}

._description_1py6d_58 {
  font-family: 'Inter', sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #4A4A4A; /* Light gray color for description */
  margin-top: 0px; /* Adjust the spacing between label and description */
  margin-bottom: 0px; /* Adjust the spacing between description and next label */
}
._container_75lq8_1 {
  margin: 0;
  padding: 1rem;
  height: auto;
  overflow: visible;
}
/* Add this class to ensure the content is scrollable */
._settingsContainer_75lq8_8 {
  width: 100%;
  max-width: 812px;
  margin-left: 0; /* Align content to the left */
  padding: 0px; /* Optional: Adjust padding for spacing */
}

._settingsWrapper_75lq8_15 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-bottom: 30px;
  overflow-y: visible;
}

._row_75lq8_23 {
  margin: 0;
  padding: 0;
  overflow: none;
}

._pageContainer_75lq8_29 {
  padding: 0px;
}

._span_75lq8_33 {
  margin: 0 8px;
}

._divider_75lq8_37 {
  margin: 0;
  border-top: 1px solid #4a4a4a;
}

._label_75lq8_42 {
  font-family: "Inter", sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 600; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #000000; /* Color for the label */
}

::placeholder {
  font-family: "Inter", sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  color: #4a4a4a;
}

._description_75lq8_57 {
  font-family: "Inter", sans-serif; /* Set the font to Inter */
  font-size: 14px; /* Set the font size to 14px */
  font-weight: 400; /* Set the font weight to 400 */
  line-height: 16.94px; /* Set the line height to 16.94px */
  color: #4a4a4a; /* Light gray color for description */
  margin-top: 0px; /* Adjust the spacing between label and description */
  margin-bottom: 0px; /* Adjust the spacing between description and next label */
}

._settingsCard_75lq8_67 {
  margin-bottom: 1.5rem;
  width: 100%;
  max-width: 812px;
}

._disabled_75lq8_73 {
  opacity: 0.5;
  pointer-events: none;
}


* {
  font-family: "Inter", sans-serif !important;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

._container_16ve9_15 {
  height: 100vh;
  display: flex;
  width: 100%;
  flex-direction: column;
}

._stickyTop_16ve9_22 {
  position: sticky;
  top: 0;
  z-index: 1000;
}

._stickyHeader_16ve9_28 {}

._clickableAuthor_16ve9_30 {
  cursor: pointer;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

._clickableAuthor_16ve9_30:hover {
  background-color: #f5f5f5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

._scrollableContent_16ve9_42 {
  flex: 1;
  overflow-y: auto;
  padding: 0 20px 40px;
  max-width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._abstractHeader_16ve9_51 {
  margin: 20px 0;
  font-size: 14px !important;
  font-weight: 400;
}

._abstractHeader_16ve9_51 h2 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

._abstractHeader_16ve9_51 p {
  color: #6b7280;
  margin: 0;
}

._sectionCard_16ve9_68 {
  margin-bottom: 20px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  width: 100%;
  max-width: 932px;
}

._sectionStep_16ve9_76 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 16px;
  color: #4a4a4a;
}

._sectionTitle_16ve9_84 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #000000;
}

._sectionContent_16ve9_91 {
  color: #4b5563;
}

._preformatted_16ve9_95 {
  white-space: pre-line;
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
}

._stepHeader_16ve9_103 {
  margin: 30px 0 20px;
}

._stepHeader_16ve9_103 h3 {
  font-size: 18px;
  font-weight: 500;
  color: #111827;
}

._authorsContainer_16ve9_113 {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

._authorItem_16ve9_121 {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}

._authorItem_16ve9_121:last-child {
  border-bottom: none;
}

._authorIconWrapper_16ve9_132 {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

._personIcon_16ve9_138 {
  width: 24px;
  height: 24px;
  color: #1c1b1f;
}

._authorInfo_16ve9_144 {
  flex: 1;
}

._authorInfo_16ve9_144 h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: #111827;
}

._authorInfo_16ve9_144 p {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400;
  margin: 0;
}

._moreButton_16ve9_162 {
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 4px;
}

._fileContainer_16ve9_170 {
  margin-top: 8px;
  padding-bottom: -90px;
}

._fileLink_16ve9_175 {
  display: flex;
  align-items: center;
  text-decoration: none;
  border-radius: 8px;
  justify-content: space-between;
}

._fileName_16ve9_183 {
  font-size: 14px;
  margin-right: 18px;
}

._viewButton_16ve9_188 {
  border: 1px solid #e3e3e3 !important;
  color: #7534e5 !important;
}

._downloadButton_16ve9_193 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 5px 4px !important;
  width: 30px;
  height: 30px;
}

._downloadIcon_16ve9_206 {
  width: 20px;
  height: 20px;
}

._downloadButton_16ve9_193:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

._scoringGuidelines_16ve9_216 {
  font-weight: 700;
  font-size: 14px;
  color: #4a4a4a;
}

._scoringIntroduction_16ve9_222 {
  margin-top: -35px !important;
  color: #4a4a4a;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 8px;
  font-weight: 400;
}

/* Responsive Breakpoints */

@media (max-width: 720px) {
  ._sectionCard_16ve9_68 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_16ve9_51 h2 {
    font-size: 18px;
  }

  ._scoringGuidelines_16ve9_216 {
    font-size: 13px;
  }

  ._scoringIntroduction_16ve9_222 {
    white-space: pre-line;
    font-size: 13px;
  }

  ._sectionStep_16ve9_76 {
    font-size: 15px;
  }

  ._sectionTitle_16ve9_84 {
    font-size: 15px;
  }

  ._sectionContent_16ve9_91 {
    font-size: 14px;
  }

  ._authorInfo_16ve9_144 h4 {
    font-size: 13px;
  }

  ._authorInfo_16ve9_144 p {
    font-size: 11px;
  }

  ._fileLink_16ve9_175 {
    padding: 8px;
  }

  ._fileName_16ve9_183 {
    font-size: 12px;
  }
}

@media (max-width: 554px) {
  ._sectionCard_16ve9_68 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_16ve9_51 h2 {
    white-space: pre-line;
    font-size: 15px;
  }

  ._abstractHeader_16ve9_51 p {
    font-size: 14px;
  }

  ._scoringGuidelines_16ve9_216 {
    font-size: 10px;
  }

  ._scoringIntroduction_16ve9_222 {
    font-size: 10px;
    margin-top: -28px !important;
  }

  ._sectionStep_16ve9_76 {
    font-size: 15px;
  }

  ._sectionTitle_16ve9_84 {
    font-size: 14px;
  }

  ._sectionContent_16ve9_91 {
    font-size: 13px;
  }

  ._authorInfo_16ve9_144 h4 {
    font-size: 13px;
  }

  ._authorInfo_16ve9_144 p {
    font-size: 11px;
  }

  ._fileLink_16ve9_175 {
    padding: 8px;
  }

  ._fileName_16ve9_183 {
    font-size: 12px;
  }

  ._downloadButton_16ve9_193 {
    padding: 5px 4px !important;
    width: 25px;
    height: 25px;
  }

  ._downloadIcon_16ve9_206 {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 480px) {
  ._sectionCard_16ve9_68 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_16ve9_51 h2 {
    white-space: pre-line;
    font-size: 13px;
  }

  ._abstractHeader_16ve9_51 p {
    font-size: 11px;
  }

  ._scoringGuidelines_16ve9_216 {
    font-size: 9px;
  }

  ._scoringIntroduction_16ve9_222 {
    white-space: pre-line;
    font-size: 13px;
    font-size: 9px;
    margin-top: -28px !important;
  }

  ._sectionStep_16ve9_76 {
    font-size: 14px;
  }

  ._sectionTitle_16ve9_84 {
    font-size: 12px;
  }

  ._sectionContent_16ve9_91 {
    font-size: 11px;
  }

  ._authorInfo_16ve9_144 h4 {
    font-size: 13px;
  }

  ._authorInfo_16ve9_144 p {
    font-size: 11px;
  }

  ._fileLink_16ve9_175 {
    padding: 8px;
  }

  ._fileName_16ve9_183 {
    font-size: 12px;
  }

  ._downloadButton_16ve9_193 {
    padding: 5px 4px !important;
    width: 25px;
    height: 25px;
  }

  ._downloadIcon_16ve9_206 {
    width: 15px;
    height: 15px;
  }
}

._viewButton_16ve9_188 {
  background-color: #7534e5 !important;
  color: white !important;
  font-size: 0.813rem !important;
  padding: 0.5rem 1rem !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  width: 100px;
}

._viewButton_16ve9_188:hover,
  ._viewButton_16ve9_188:focus {
     background-color: #8650e4 !important;
  color: #333;
  border-color: #7534E5 !important;
  }


* {
  font-family: "Inter", sans-serif !important;
}

._modalCustom_5bfgo_13 {
  max-width: 456px !important;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

._modalContainer_5bfgo_29 {
  background: #ffffff;
  border-radius: 6px;
  overflow: hidden;
  width: 456px;
  height: auto;
  display: flex;
  flex-direction: column;
}

._modalHeader_5bfgo_49 {
  width: 456px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid #e3e3e3;
  background: #ffffff !important;
  color: #000000;
}

._modalTitle_5bfgo_73 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}

._closeButton_5bfgo_87 {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  cursor: pointer;
}

._closeButton_5bfgo_87:hover {
  background-color: #f4f4f4;
}

._modalBody_5bfgo_121 {
  padding: 19px 24px 24px 24px;
}

._roleOption_5bfgo_129 {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}

._roleOption_5bfgo_129 input[type="radio"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  border-radius: 50%;
  outline: none;
  cursor: pointer; /* Changed from pointer to default for disabled look */
  position: relative;
  margin-right: 12px;
  transition: border 0.3s ease-in-out;
}

._roleOption_5bfgo_129 input[type="radio"]:checked {
  border-color: #7534e5;
}

._roleOption_5bfgo_129 input[type="radio"]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #7534e5;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Add this for disabled radio buttons to ensure default cursor */

._roleOption_5bfgo_129 input[type="radio"]:disabled {
  cursor: default;
}

._formGroup_5bfgo_211 {
  position: relative;
  margin-bottom: 11px;
}

._formLabel_5bfgo_221 {
  position: absolute;
  left: 16px;
  top: 12px;
  font-size: 11px;
  color: #000000;
  background: transparent;
  pointer-events: none;
  font-weight: 400;
}

._formControl_5bfgo_243 {
  width: 100%;
  height: 48px;
  border-radius: 6px;
  border: 1px solid #e3e3e3;
  padding: 0px 16px;
  background: #ffffff;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
  outline: none;
  margin-top: 6px;
  padding-top: 10px;
  /* --- MODIFICATION START --- */
  cursor: default !important; /* Explicitly set cursor to default */
  user-select: none; /* Optional: prevent text selection if desired */
  /* --- MODIFICATION END --- */
}

._formControl_5bfgo_243:read-only {
  background-color: #ffffff;
   /* Ensure cursor remains default even for read-only state */
  cursor: default !important;
}

/* Remove all hover and focus states that imply interactivity */

._formControl_5bfgo_243:hover,
._formControl_5bfgo_243:focus {
  outline: none;
  box-shadow: none;
  border-color: #e3e3e3; /* Keep border consistent */
}

._closeButton_5bfgo_87:hover, 
._closeButton_5bfgo_87:focus { /* keep focus for close button accessibility */
  /* Default focus styles or your custom ones for interactive elements */
}

._modalFooter_5bfgo_321 {
  padding: 16px 24px;
  border-top: 1px solid #e3e3e3;
  display: flex;
  justify-content: flex-end;
}

._saveButton_5bfgo_335 {
  background-color: #7534e5;
  color: #ffffff;
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  cursor: pointer;
}

._saveButton_5bfgo_335:hover {
  background-color: #5a2bb2;
}

/* Responsive Styles */

@media (max-width: 720px) {
  ._modalCustom_5bfgo_13 {
    max-width: 400px !important;
    margin: auto !important;
  }

  ._modalContainer_5bfgo_29 {
    width: 400px;
  }

  ._modalHeader_5bfgo_49 {
    width: 400px;
    padding: 12px 20px;
  }

  ._modalTitle_5bfgo_73 {
    font-size: 15px;
  }

  ._closeButton_5bfgo_87 {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  ._modalBody_5bfgo_121 {
    padding: 15px 20px 20px 20px;
  }

  ._formControl_5bfgo_243 {
    height: 44px;
    font-size: 13px;
  }

  ._formLabel_5bfgo_221 {
    font-size: 10px;
  }

  ._roleOption_5bfgo_129 input[type="radio"] {
    width: 14px;
    height: 14px;
    margin-right: 10px;
  }

  ._roleOption_5bfgo_129 input[type="radio"]:checked::before {
    width: 8px;
    height: 8px;
  }
}

@media (max-width: 480px) {
  ._modalCustom_5bfgo_13 {
    max-width: 350px !important;
  }

  ._modalContainer_5bfgo_29 {
    width: 350px;
  }

  ._modalHeader_5bfgo_49 {
    width: 350px;
    padding: 10px 16px;
  }

  ._modalTitle_5bfgo_73 {
    font-size: 14px;
  }

  ._closeButton_5bfgo_87 {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  ._modalBody_5bfgo_121 {
    padding: 12px 16px 16px 16px;
  }

  ._formControl_5bfgo_243 {
    height: 40px;
    font-size: 12px;
    padding-top: 8px;
    margin-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 4px;
    border: 1px solid #e3e3e3;
    background: #ffffff;
    color: #000000;
    /* cursor: default; Ensure this is here if not inheriting */
    outline: none;
    /* margin-top: 6px; Redundant */
    /* padding-top: 10px; Redundant */
  }

  ._formLabel_5bfgo_221 {
    font-size: 9px;
    left: 12px;
    top: 10px;
  }

  
  label[for="author"] {
    font-size: 14px !important;
  }
  label[for="coAuthor"] {
    font-size: 14px !important;
  }

  ._roleOption_5bfgo_129 input[type="radio"] {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  ._roleOption_5bfgo_129 input[type="radio"]:checked::before {
    width: 7px;
    height: 7px;
  }
}

@media (max-width: 375px) {
  ._modalCustom_5bfgo_13 {
    max-width: 275px !important;
  }

  ._modalContainer_5bfgo_29 {
    width: 275px;
  }

  ._modalHeader_5bfgo_49 {
    width: 275px;
    padding: 8px 12px;
    height: 50px;
  }

  ._modalTitle_5bfgo_73 {
    font-size: 13px;
  }

  ._closeButton_5bfgo_87 {
    width: 26px;
    height: 26px;
    font-size: 14px;
  }

  ._modalBody_5bfgo_121 {
    padding: 10px 12px 12px 12px;
  }

  ._formControl_5bfgo_243 {
    height: 36px;
    font-size: 11px;
    padding-top: 6px;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
  }

  ._formLabel_5bfgo_221 {
    font-size: 8px;
    left: 10px;
    top: 8px;
  }

  label[for="author"] {
    font-size: 13px !important;
  }
  label[for="coAuthor"] {
    font-size: 13px !important;
  }

  ._roleOption_5bfgo_129 input[type="radio"] {
    width: 10px;
    height: 10px;
    margin-right: 6px;
  }

  ._roleOption_5bfgo_129 input[type="radio"]:checked::before {
    width: 6px;
    height: 6px;
  }
}/* Page Container */
._pageContainer_1p0ii_3 {
    width: 100% !important;
    height: calc(100vh - 191px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    padding-top: 1.5rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    scrollbar-width: none !important;
    scrollbar-color: #ccc transparent !important;
}

/* ADDED/MODIFIED: This class will be applied to the Card component */
._contentCardWrapper_1p0ii_31 {
    width: 85% !important; /* Same width as your original tableContainer */
    margin: 0 auto !important; /* To center the card within pageContainer */
    background-color: #fff; /* Explicit background for the card */
    /* Add box-shadow if needed, e.g., from your main submission table's card */
    /* box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); */
}

/* For Chrome, Edge, and Safari */
._pageContainer_1p0ii_3::-webkit-scrollbar {
    width: 8px !important;
}

._pageContainer_1p0ii_3::-webkit-scrollbar-track {
    background: transparent !important;
}

._pageContainer_1p0ii_3::-webkit-scrollbar-thumb {
    background-color: #ccc !important;
    border-radius: 4px !important;
}

/* Alignment Utility */
._alignWithButton_1p0ii_77 {
    padding-left: 16px;
    padding-right: 16px;
}

/* Card Body Layout */
._cardBody_1p0ii_89 {
    display: flex;
    justify-content: center;
}

/* Positioning Utilities */
._position-relative_1p0ii_101 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

._d-flex_1p0ii_113 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* User Avatar */
._avatar_1p0ii_127 {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* Circular Shape */
    background: linear-gradient(145deg, #cfcfcf, #f0f0f0);
    /* Gradient Background */
    box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;
    /* Inner Shadow */
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px;
    text-transform: uppercase;
    /* Uppercase Text */
}

._tableContainer_1p0ii_167 {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    border-collapse: collapse !important;
    max-height: 600px !important;
    overflow-y: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-spacing: 0;
    width: 85% !important;
}

._headerRow_1p0ii_191 {
    background-color: #F9F9F9 !important;
    color: #424242 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19.36px !important;
    font-family: "Inter", sans-serif !important;
    border-top: 1px solid #dee2e6 !important;
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    text-align: left !important;
    padding: 10px px 10px 18px!important;
    margin: 0 !important;
    width: 85% !important;
    border-radius: 0px !important;
}

._tableHeader_1p0ii_225 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 14.52px !important;
    color: #4A4A4A !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding: 0px 9px 0 24px !important;
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
    border-top: none;
}

._tableHeader_1p0ii_225 th {
    vertical-align: middle !important;
}

/* Table Rows */
._tableRow_1p0ii_261 {
    border-bottom: 1px solid var(--Stroke-Gray, #E3E3E3) !important;
    /* Default to #E3E3E3 */
    width: 100% !important;
}

/* Table Data Cells */
._tableCell_1p0ii_275 {
    font-size: 0.875rem !important;
    text-align: left !important;
    vertical-align: middle !important;
    border-bottom: none !important;
    padding: 9px 24px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/* Name Column in Table */
._tableCellName_1p0ii_297 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #000000 !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Custom Purple Checkbox Styles */
input[type="checkbox"]:checked {
    background-color: #6a0dad !important;
    border-color: #6a0dad !important;
}

input[type="checkbox"]:focus {
    box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}

/* React Bootstrap Specific Override */
._form-check-input_1p0ii_343:checked {
    background-color: 6a0dad !important;
    border-color: #6a0dad !important;
}


/* Image Style for Table Cells */
._imageStyle_1p0ii_357 {
    width: 30px;
    height: 30px;
}

/* Dropdown Menu */

._dropdown-menu_1p0ii_371 {
    font-size: 0.85rem !important;
    min-width: 150px !important;
}

/* Dropdown Items */
._dropdown-item_1p0ii_383 {
    padding: 0.25rem 1rem !important;
}

._dropdownItem_1p0ii_391:active {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

._dropdownMenu_1p0ii_403 ._dropdownItem_1p0ii_391:active {
    background-color: transparent !important;
    color: inherit !important;
    box-shadow: none !important;
}

._dropdown-item_1p0ii_383:hover {
    background-color: #f8f9fa;
    color: #000;
}

/* Dropdown Toggle Button */
._dropdownToggle_1p0ii_427 {
    font-size: 14px !important;
    padding: 2px 8px !important;
}

._filterButton_1p0ii_437,
._searchButton_1p0ii_439 {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgb(228, 228, 228) !important;
    background-color: white !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

._filterButton_1p0ii_437:hover,
._searchButton_1p0ii_439:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.05) !important;
}

._filterButton_1p0ii_437 i,
._searchButton_1p0ii_439 i {
    font-size: 18px !important;
    color: #424242 !important;
}

/* Search Container */
._searchContainer_1p0ii_495 {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
    position: relative !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Collapsed Search Input */
._searchInput_1p0ii_517 {
    transition: width 0.3s ease, opacity 0.3s ease !important;
    width: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    height: 32px !important;
    padding: 4px 8px !important;
    border: 1px solid #ccc !important;
}

/* Expanded Search Input */
._searchInputExpanded_1p0ii_543 {
    width: 200px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
    margin-right: 10px !important;
}

/* Menu */
._menuIcon_1p0ii_561 {
    display: inline-block !important;
    padding-top: 0px !important;
    vertical-align: middle !important;
    cursor: pointer !important;
}

._paginationRow_1p0ii_575{
    width: 85% !important;
}
/* Pagination Container */
._paginationContainer_1p0ii_583 {
    font-size: 14px !important;
    color: #555 !important;
    background-color: #f9f9f9 !important;
    border-radius: 0 0 8px 8px !important;
    padding: 14px 24px 14px 18px!important;
}

._paginationTextContainer_1p0ii_599 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 6px 8px !important;
    background-color: #fff !important;
    min-width: 60px !important;
    font-size: 12px !important;
    color: #555 !important;
    box-shadow: none !important;
    margin: 0 8px !important;
}

._paginationText_1p0ii_599 {
    font-size: 10px !important;
    font-weight: normal !important;
}

._paginationButton_1p0ii_639 {
    border: none !important;
    background: transparent !important;
    padding: 4px !important;
}

._paginationWrapper_1p0ii_651 {
    display: flex !important;
    align-items: left !important;
    gap: 8px !important;
    margin-left: auto !important;
}

._squareButton_1p0ii_665 {
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 0 !important;
    background-color: #fff !important;
    transition: background-color 0.3s ease !important;
}

._squareButton_1p0ii_665:hover {
    background-color: #f8f9fa !important;
}

._squareButton_1p0ii_665:disabled {
    background-color: #f9f9f9 !important;
    color: #eeeeee !important;
    border-color: #e2e2e2 !important;
    cursor: not-allowed !important;
}

._purpleCheckbox_1p0ii_713 ._form-check-input_1p0ii_343:checked {
    background-color: #6a0dad !important;
    border-color: #6a0dad !important;
    box-shadow: none !important;
}

._purpleCheckbox_1p0ii_713 ._form-check-input_1p0ii_343:checked::before {
    background-color: white !important;
}

._purpleCheckbox_1p0ii_713 ._form-check-input_1p0ii_343:focus {
    box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}


/* Text and Font Utilities */
._selectedText_1p0ii_745 {
    font-size: 14px;
    font-weight: normal;
}

._customFontSize_1p0ii_755 {
    font-size: 10px;
}

._customPopover_1p0ii_763 {
    position: absolute !important;
    z-index: 1050 !important;
    max-width: 250px !important;
    background-color: white !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: hidden !important;
}

._customDropdownItem_1p0ii_785 {
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    color: #333 !important;
}

._customDropdownItem_1p0ii_785:hover {
    background-color: #f1f1f1 !important;
}

._dropdown-toggle_1p0ii_809::after {
    display: none !important;
}

._menuIcon_1p0ii_561 {
    cursor: pointer !important;
}

._menuIcon_1p0ii_561::after {
    display: inline-block !important;
    content: "▼" !important;
    font-size: 10px !important;
    color: white !important;
    margin-left: 0px !important;
}

._customSelectToggle_1p0ii_841 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-width: 120px !important;
    padding: 6px 12px !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    box-shadow: none !important;
    min-width: 150px !important;
}

._iconRight_1p0ii_867 {
    width: 20px !important;
    height: 20px !important;
    margin-left: 8px !important;
}

._customDropdownItem_1p0ii_785 {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    width: 100% !important;
    padding: 8px 12px !important;
    background: transparent !important;
    border: none !important;
    text-align: left !important;
    cursor: pointer !important;
    font-size: 12px !important;
    color: #333 !important;
    transition: background 0.2s !important;
    box-sizing: border-box !important;
}

._customDropdownItem_1p0ii_785:hover {
    background: #f5f5f5 !important;
}

._customDropdownItem_1p0ii_785+._customDropdownItem_1p0ii_785 {
    border-top: 1px solid #e0e0e0 !important;
}

._customDropdownItem_1p0ii_785 img {
    margin-right: 8px !important;
}

._idColumn_1p0ii_935{
    font-family: Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    background: #ffffff !important;
    color: #000000 !important;
    text-align: left !important;
    padding-top: 15px !important;
    padding-right: 14px !important;
    padding-bottom: 12px !important;
    padding-left: 9px !important;
    text-overflow:ellipsis !important;
    width: 60px !important;
}
._titleColumn_1p0ii_965 {
    font-family: Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    background: #ffffff !important;
    color: #000000 !important;
    text-align: left !important;
    padding-top: 15px !important;
    padding-right: 14px !important;
    padding-bottom: 12px !important;
    padding-left: 9px !important;
    width: 692px !important;
}

._submittedOnColumn_1p0ii_995 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16.94px !important;
    letter-spacing: 0% !important;
    color: #4A4A4A !important;
    text-align: left !important;
    white-space: nowrap !important;
    padding-top: 15px !important;
    padding-right: 10px !important;
    padding-bottom: 12px !important;
    padding-left: 10px !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}

._typeColumn_1p0ii_1029 {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4A4A4A !important;
    text-align: left !important;
    padding-top: 13px !important;
    padding-right: 10px !important;
    padding-bottom: 12px !important;
    padding-left: 10px !important;
    white-space: nowrap !important;
    gap: 10px !important;
    box-sizing: border-box !important;
}


._divider_1p0ii_1061 {
    margin: 0 !important;
    border-top: 1px solid #585858 !important;
}

._statusBadge_1p0ii_1071 {
    width: 100px !important;
    display: flex !important;
    align-items: center !important;
    background-color: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 6px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 6px !important;
    padding-right: 1px !important;
    font-size: 12px !important;
    color: #007bff !important;
}

._statusDot_1p0ii_1101 {
    height: 8px !important;
    width: 8px !important;
    background-color: #007bff !important;
    border-radius: 50% !important;
    margin-right: 4px !important;
}

._statusText_1p0ii_1117 {
    font-weight: 600 !important;
}

._stepTitle_1p0ii_1125 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
    padding-bottom: 4px !important;
}

._stepDescription_1p0ii_1141 {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
}

._fixedFooter_1p0ii_1155 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 10px 20px !important;
    background: #fff !important;
    border-top: 1px solid #ddd !important;
    position: fixed !important;
    bottom: 0 !important;
}

._footerContent_1p0ii_1177 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: flex-end !important;
    gap: 15px !important;
}

._nextButton_1p0ii_1193 {
    background-color: #7534E5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

._nextButton_1p0ii_1193:hover {
    background-color: #5a33a6 !important;
}._pageContainer_10lk6_1 {
    width: 100% !important;
    height: calc(100vh - 191px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 0 !important;
    padding-top: 1.5rem !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
    scrollbar-width: none !important;
    scrollbar-color: #ccc transparent !important;
}

._stepTitle_10lk6_27 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin: 0 !important;
    padding-bottom: 4px !important;
}

._stepDescription_10lk6_43 {
    font-size: 14px !important;
    color: #666 !important;
    margin: 0 !important;
    padding-bottom: 20px !important;
}

._assignmentOptions_10lk6_57 {
    display: flex;
    gap: 16px;
}

._assignmentCard_10lk6_67 {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    width: 300px;
    min-height: 80px;
}

._assignmentCard_10lk6_67:hover {
    border-color: #7534E5;
}

._assignmentCard_10lk6_67._selected_10lk6_101 {
    border-color: #7534E5;
    background-color: rgba(117, 52, 229, 0.1);
}

._assignmentContent_10lk6_111 {
    display: flex;
    flex-direction: column;
}

._assignmentTitle_10lk6_121 {
    font-weight: bold;
    font-size: 14px;
}

._assignmentDescription_10lk6_131 {
    font-size: 12px;
    color: #6b6b6b;
}

/* Custom Radio Button */
._assignmentCard_10lk6_67 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #000000 !important;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

._assignmentCard_10lk6_67 input[type="radio"]:checked {
    background-color: white;
    border: 1px solid #7534E5 !important;
}

._assignmentCard_10lk6_67 input[type="radio"]:checked::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #7534E5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Matching Settings */
._matchingSettings_10lk6_207 {
    margin-top: 20px;
    padding: 16px;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    background-color: #f9f9f9;
}

._matchingSettings_10lk6_207 h5 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}

._matchingSettings_10lk6_207 p {
    font-size: 12px;
    color: #6b6b6b;
    margin-bottom: 12px;
}

._numberInput_10lk6_247 {
    width: 60px;
    padding: 4px;
    font-size: 14px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
}

._coReviewersContainer_10lk6_263, 
._criteriaContainer_10lk6_265 {
    padding: 20px;
    border: 1px solid #d1d1d1;
    border-radius: 8px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 50% !important;
}

._coReviewersTitle_10lk6_285 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #333; /* Darker text for readability */
}

._coReviewersDescription_10lk6_299 {
    font-size: 14px;
    color: #666; /* Slightly muted text */
    margin-bottom: 10px;
}

._nestedCriteria_10lk6_311 {
    margin-left: 20px;
}

._nestedCriteria_10lk6_311 p {
    font-size: 12px;
    color: #6b6b6b;
    margin-left: 24px;
}


._fixedFooter_10lk6_333 {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 10px 20px !important;
    background: #fff !important;
    border-top: 1px solid #ddd !important;
    position: fixed !important;
    bottom: 0 !important;
}

._footerContent_10lk6_355 {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    justify-content: flex-end !important;
    gap: 15px !important;
}

._nextButton_10lk6_371 {
    background-color: #7534E5 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

._nextButton_10lk6_371:hover {
    background-color: #5a33a6 !important;
}

._previousButton_10lk6_401 {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 4px !important;
    padding: 0.5rem 1.5rem !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease, border-color 0.3s ease !important;
    margin-right: 15px !important;
}

._radioPurple_10lk6_425 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #000000 !important; /* Purple border */
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: background 0.2s ease-in-out;
    margin-right: 8px;
    display: inline-block;
  }
  
  ._radioPurple_10lk6_425 input[type="radio"]:checked {
    background-color: white;
    border: 1px solid #7534E5 !important;
  }
  
  ._radioPurple_10lk6_425 input[type="radio"]:checked::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #7534E5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  ._radioPurple_10lk6_425 input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #7534E5;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s ease-in-out;
}

._radioPurple_10lk6_425 input[type="radio"]:checked {
    background-color: white;
}

._radioPurple_10lk6_425 input[type="radio"]:checked::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #7534E5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

._buttonIcon_10lk6_551 {
    padding-left: 8px;
    width: 30px;
    height: 30px;
}


._emailText_10lk6_565 {
    font-size: 14px !important;
    color: #4A4A4A !important;
    white-space: nowrap !important;
    padding-top: 15px !important;
    padding-right: 35px !important;
}

._emailToggle_10lk6_581 {
    display: flex !important;
    align-items: center !important;
    font-size: 14px !important;
    color: #333 !important;
    padding-left: 0px !important;
    padding-right: 25px !important;
    gap: 25px !important;
}

._emailToggle_10lk6_581 input {
    transform: scale(2.2) !important;
}._pageContainer_10v6l_1 {
  width: 100% !important;
  height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 1.5rem 2rem 0 2rem !important;
  box-sizing: border-box;
  scrollbar-width: none !important;
  scrollbar-color: #ccc transparent !important;
}

._pageContainer_10v6l_1::-webkit-scrollbar {
  width: 8px !important;
}

._pageContainer_10v6l_1::-webkit-scrollbar-track {
  background: transparent !important;
}

._pageContainer_10v6l_1::-webkit-scrollbar-thumb {
  background-color: #ccc !important;
  border-radius: 4px !important;
}

._alignWithButton_10v6l_49 {
  padding-left: 16px;
  padding-right: 16px;
}

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

._position-relative_10v6l_69 {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

._d-flex_10v6l_81 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

._avatar_10v6l_93 {
  width: 30px;
  height: 30px;
  border-radius: 50%;

  background: linear-gradient(145deg, #cfcfcf, #f0f0f0);

  box-shadow: inset 4px 4px 6px #ffffff, inset -4px -4px 6px #aaaaaa;

  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-transform: uppercase;
}

._tableContainer_10v6l_131 {
  border: 1px solid #dee2e6 !important;
  border-collapse: collapse !important;
  max-height: 600px !important;
  overflow-y: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border-spacing: 0;
  width: 85% !important;
}

._headerRow_10v6l_153 {
  background-color: #f9f9f9 !important;
  color: #424242;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.36px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  border-bottom: 2px solid #dee2e6;
  border-left: none;
  border-right: none;
  text-align: left;
  padding: 10px 18px !important;
  margin: 0;
}

._tableHeader_10v6l_185 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  line-height: 14.52px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding: 0px 9px !important;
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;
  border-top: 1px solid #dee2e6 !important;
  padding: 8px !important;
}

._tableHeader_10v6l_185 th {
  vertical-align: middle !important;
}

._tableRow_10v6l_221 {
  border-bottom: 1px solid var(--Stroke-Gray, #e3e3e3) !important;

  width: 100% !important;
}

._tableRowDark_10v6l_233 {
  border-bottom: 1px solid #000000;
}

._tableCell_10v6l_241 {
  font-size: 0.875rem !important;
  text-align: right !important;
  vertical-align: middle !important;
  border-bottom: none !important;
  padding: 9px 24px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

._tableCellName_10v6l_261 {
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #000000 !important;
  display: flex !important;
  align-items: center !important;
  white-space: nowrap !important;
}

input[type="checkbox"]:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
}

input[type="checkbox"]:focus {
  box-shadow: 0 0 0 0.25rem rgba(128, 0, 128, 0.25) !important;
}

._form-check-input_10v6l_303:checked {
  background-color: 6a0dad !important;
  border-color: #6a0dad !important;
}

._imageStyle_10v6l_313 {
  width: 30px;
  height: 30px;
}

._dropdown-menu_10v6l_323 {
  font-size: 0.85rem !important;
  min-width: 150px !important;
}

._dropdown-item_10v6l_333 {
  padding: 0.25rem 1rem !important;
}

._dropdownItem_10v6l_341:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdownMenu_10v6l_353 ._dropdownItem_10v6l_341:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
}

._dropdown-item_10v6l_333:hover {
  background-color: #f8f9fa;
  color: #000;
}

._dropdownToggle_10v6l_375 {
  font-size: 14px !important;
  padding: 2px 8px !important;
}

._filterButton_10v6l_385,
._searchButton_10v6l_387 {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid rgb(228, 228, 228) !important;
  background-color: white !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  transition: box-shadow 0.2s, transform 0.2s !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

._filterButton_10v6l_385:hover,
._searchButton_10v6l_387:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15) !important;
  transform: scale(1.05) !important;
}

._filterButton_10v6l_385 i,
._searchButton_10v6l_387 i {
  font-size: 18px !important;
  color: #424242 !important;
}

._searchContainer_10v6l_441 {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

._searchInput_10v6l_461 {
  transition: width 0.3s ease, opacity 0.3s ease !important;
  width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  height: 32px !important;
  padding: 4px 8px !important;
  border: 1px solid #ccc !important;
}

._searchInputExpanded_10v6l_485 {
  width: 200px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) !important;
  margin-right: 10px !important;
}

._menuIcon_10v6l_501 {
  display: inline-block !important;
  padding-top: 15px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

._paginationContainer_10v6l_515 {
  font-size: 14px !important;
  color: #555 !important;
  background-color: #f9f9f9 !important;
  border-radius: 0 0 8px 8px !important;
  width: 85% !important;
}

._paginationTextContainer_10v6l_531 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 6px 8px !important;
  background-color: #fff !important;
  min-width: 60px !important;
  font-size: 12px !important;
  color: #555 !important;
  box-shadow: none !important;
  margin: 0 8px !important;
}

._paginationText_10v6l_531 {
  font-size: 10px !important;
  font-weight: normal !important;
}

._paginationButton_10v6l_571 {
  border: none !important;
  background: transparent !important;
  padding: 4px !important;
}

._paginationWrapper_10v6l_583 {
  display: flex !important;
  align-items: left !important;
  gap: 8px !important;
  margin-left: auto !important;
}

._squareButton_10v6l_597 {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #ddd !important;
  border-radius: 4px !important;
  padding: 0 !important;
  background-color: #fff !important;
  transition: background-color 0.3s ease !important;
}

._squareButton_10v6l_597:hover {
  background-color: #f8f9fa !important;
}

._squareButton_10v6l_597:disabled {
  background-color: #f9f9f9 !important;
  color: #eeeeee !important;
  border-color: #e2e2e2 !important;
  cursor: not-allowed !important;
}

._purpleCheckbox_10v6l_645 ._form-check-input_10v6l_303:checked {
  background-color: #6a0dad !important;
  border-color: #6a0dad !important;
  box-shadow: none !important;
}

._purpleCheckbox_10v6l_645 ._form-check-input_10v6l_303:checked::before {
  background-color: white !important;
}

._purpleCheckbox_10v6l_645 ._form-check-input_10v6l_303:focus {
  box-shadow: 0 0 0 0.2rem rgba(106, 13, 173, 0.25) !important;
}

._selectedText_10v6l_673 {
  font-size: 14px;
  font-weight: normal;
}

._customFontSize_10v6l_683 {
  font-size: 10px;
}

._customPopover_10v6l_691 {
  position: absolute !important;
  z-index: 1050 !important;
  max-width: 250px !important;
  background-color: white !important;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: hidden !important;
}

._dropdownCol_10v6l_713 {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
._customDropdownItem_10v6l_723 {
  display: flex !important;
  align-items: center !important;
  padding: 10px 15px !important;
  font-size: 14px !important;
  color: #333 !important;
}

._customDropdownItem_10v6l_723:hover {
  background-color: #f1f1f1 !important;
}

._dropdown-toggle_10v6l_747::after {
  display: none !important;
}

._menuIcon_10v6l_501 {
  cursor: pointer !important;
}

._menuIcon_10v6l_501::after {
  display: inline-block !important;
  content: "▼" !important;
  font-size: 10px !important;
  color: white !important;
  margin-left: 0px !important;
}

._customSelectToggle_10v6l_779 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-width: 120px !important;
  padding: 6px 12px !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 4px !important;
  background-color: #fff !important;
  box-shadow: none !important;
  min-width: 150px !important;
}

._iconRight_10v6l_805 {
  width: 20px !important;
  height: 20px !important;
  margin-left: 8px !important;
}

._customDropdownItem_10v6l_723 {
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  width: 100% !important;
  padding: 8px 12px !important;
  background: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  font-size: 12px !important;
  color: #333 !important;
  transition: background 0.2s !important;
  box-sizing: border-box !important;
}

._customDropdownItem_10v6l_723:hover {
  background: #f5f5f5 !important;
}

._customDropdownItem_10v6l_723 + ._customDropdownItem_10v6l_723 {
  border-top: 1px solid #e0e0e0 !important;
}

._customDropdownItem_10v6l_723 img {
  margin-right: 8px !important;
}

._idColumn_10v6l_873,
._titleColumn_10v6l_875 {
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  background: #ffffff !important;
  color: #000000 !important;
  text-align: left !important;
  padding-top: 15px !important;
  padding-right: 14px !important;
  padding-bottom: 12px !important;
  padding-left: 9px !important;
}

._submittedOnColumn_10v6l_903 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 16.94px !important;
  letter-spacing: 0% !important;
  color: #4a4a4a !important;
  text-align: left !important;
  white-space: nowrap !important;
  padding-top: 15px !important;
  padding-right: 10px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._typeColumn_10v6l_937 {
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #4a4a4a !important;
  text-align: left !important;
  padding-top: 13px !important;
  padding-right: 60px !important;
  padding-bottom: 12px !important;
  padding-left: 10px !important;
  white-space: nowrap !important;
  gap: 10px !important;
  box-sizing: border-box !important;
}

._divider_10v6l_967 {
  margin: 0 !important;
  border-top: 1px solid #585858 !important;
}

._statusBadge_10v6l_977 {
  width: 100px !important;
  display: flex !important;
  align-items: center !important;
  background-color: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 6px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  padding-left: 6px !important;
  padding-right: 1px !important;
  font-size: 12px !important;
  color: #007bff !important;
}

._statusDot_10v6l_1007 {
  height: 8px !important;
  width: 8px !important;
  background-color: #007bff !important;
  border-radius: 50% !important;
  margin-right: 4px !important;
}

._statusText_10v6l_1023 {
  font-weight: 600 !important;
}

._stepTitle_10v6l_1031 {
  font-size: 24px !important;
  font-weight: 600 !important;
  color: #333 !important;
  margin: 0 !important;
  padding-bottom: 4px !important;
}

._stepDescription_10v6l_1047 {
  font-size: 14px !important;
  color: #666 !important;
  margin: 0 !important;
  padding-bottom: 20px !important;
}

._fixedFooter_10v6l_1061 {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  padding: 10px 20px !important;
  background: #fff !important;
  border-top: 1px solid #ddd !important;
  position: fixed !important;
  bottom: 0 !important;
}

._footerContent_10v6l_1083 {
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  justify-content: flex-end !important;
  gap: 15px !important;
}

._emailText_10v6l_1099 {
  font-size: 14px !important;
  color: #4a4a4a !important;
  white-space: nowrap !important;
  padding-top: 15px !important;
  padding-right: 35px !important;
}

._emailToggle_10v6l_1115 {
  display: flex !important;
  align-items: center !important;
  font-size: 14px !important;
  color: #333 !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}

._emailToggle_10v6l_1115 input {
  transform: scale(2.2) !important;
}

._nextButton_10v6l_1141 {
  background-color: #6a1b9a !important;
  border-color: #6a1b9a !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
  border-radius: 6px !important;
}

._reviewerContainer_10v6l_1157 {
  display: flex !important;
  flex-direction: column !important;
  font-size: 14px !important;
  color: #333 !important;
}

._reviewerRow_10v6l_1171 {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  font-weight: 500 !important;
  color: #000000 !important;
}

._reviewerRow_10v6l_1171 strong {
  min-width: 110px !important;

  font-weight: 600 !important;
  color: #555 !important;
}

._coReviewerList_10v6l_1201 {
  display: flex !important;
  flex-direction: column !important;
  margin-left: 0px !important;
  color: #000 !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

._container_6zknn_15 {
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #fff;
}

._stickyTop_6zknn_23 {
  position: sticky;
  top: 0;
  z-index: 1000;
}

._stickyHeader_6zknn_29 {
  position: sticky;
  top: 60px;
  z-index: 999;
  background: white;
}

._scrollableContent_6zknn_36 {
  flex: 1;
  overflow-y: auto;
  padding: 0 20px 40px;
  max-width: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

._scrollableContent_6zknn_36::-webkit-scrollbar {
  display: none;
}

._abstractHeader_6zknn_49 {
  margin: 18px 0;
  padding-bottom: 10px;
}

._abstractHeader_6zknn_49 h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #000;
}

._abstractHeader_6zknn_49 p {
  color: #4a4a4a;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}

._reviewerInfo_6zknn_68 {
  margin: 18px 0;
  font-weight: 500;
  font-size: 14px;
}

._reviewerInfo_6zknn_68 p {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 4px 0;
}

._reviewerInfo_6zknn_68 h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  color: #000;
}

._evaluationSection_6zknn_87 {
  border-radius: 8px !important;
  border: 1px solid #e5e7eb !important;
  width: 932px;
  margin-right: 0;
  margin-bottom: 1.5rem;
}

._evaluationBody_6zknn_95 {
  height: fit-content;
}

._evaluationBodyCriteria_6zknn_99 {
  height: fit-content;
  margin-top: -1.5rem;
  margin-bottom: -1.5rem;
}

._sectionHeader_6zknn_105 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 16px;
  color: #000;
}

._criteriaItem_6zknn_113 {
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

._noBorder_6zknn_119 {
  border: none !important;
}

._borderReviewer_6zknn_123 {
  border: solid 1px #e9e9e9 !important;
  padding: 1.25rem 0.45rem !important;
}

._criteriaLabel_6zknn_128 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
}

._criteriaItem_6zknn_113:last-child {
  margin-bottom: 0;
}

._criteriaItem_6zknn_113 h4 {
  font-size: 14px;
  font-weight: 700;
  margin: 8px 0 20px 0;
  color: #000;
}

._criteriaItem_6zknn_113 p {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400;
  margin: 8px 0;
}

._criteriaItem_6zknn_113 ._card-body_6zknn_154 {
  padding: 16px;
}

._sectionFeedback_6zknn_158 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
}

._feedbackText_6zknn_166 {
  font-size: 14px;
  color: #4a4a4a;
  line-height: 1.5;
  margin: 0;
  white-space: pre-wrap;
  font-weight: 400;
}

/* Responsive Breakpoints */

@media (max-width: 967px) {
  ._container_6zknn_15 {
    width: 100%;
  }

  ._abstractHeader_6zknn_49 h2 {
    font-size: 18px;
  }

  ._abstractHeader_6zknn_49 p {
    font-size: 14px;
  }

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

  ._reviewerInfo_6zknn_68 h3 {
    font-size: 14px;
  }

  ._evaluationSection_6zknn_87 {
    width: 100%;
    margin-right: 0;
  }

  ._sectionHeader_6zknn_105 {
    font-size: 15px;
  }

  ._criteriaItem_6zknn_113 h4 {
    font-size: 13px;
  }

  ._criteriaItem_6zknn_113 p {
    font-size: 12px;
  }

  ._sectionFeedback_6zknn_158 {
    font-size: 15px;
  }

  ._feedbackText_6zknn_166 {
    font-size: 13px;
  }
}

@media (max-width: 554px) {
  ._abstractHeader_6zknn_49 h2 {
    font-size: 15px;
  }

  ._abstractHeader_6zknn_49 p {
    font-size: 12px;
  }

  ._reviewerInfo_6zknn_68 p {
    font-size: 12px;
  }

  ._reviewerInfo_6zknn_68 h3 {
    font-size: 13px;
  }

  ._sectionHeader_6zknn_105 {
    font-size: 14px;
  }

  ._criteriaItem_6zknn_113 h4 {
    font-size: 12px;
  }

  ._criteriaItem_6zknn_113 p {
    font-size: 11px;
  }

  ._sectionFeedback_6zknn_158 {
    font-size: 14px;
  }

  ._feedbackText_6zknn_166 {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  ._abstractHeader_6zknn_49 h2 {
    font-size: 13px;
  }

  ._abstractHeader_6zknn_49 p {
    font-size: 11px;
  }

  ._reviewerInfo_6zknn_68 p {
    font-size: 11px;
  }

  ._reviewerInfo_6zknn_68 h3 {
    font-size: 12px;
  }

  ._sectionHeader_6zknn_105 {
    font-size: 12px;
  }

  ._criteriaItem_6zknn_113 h4 {
    font-size: 11px;
  }

  ._criteriaItem_6zknn_113 p {
    font-size: 10px;
  }

  ._sectionFeedback_6zknn_158 {
    font-size: 12px;
  }

  ._feedbackText_6zknn_166 {
    font-size: 11px;
  }
}

._viewButton_6zknn_300 {
  border: 1px solid #e3e3e3 !important;
  color: #7534e5 !important;
}

._uploadContainer_6zknn_305 {
  display: flex;
  gap: 0.5rem;
  justify-content: space-between !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

._navbar_x9u4a_7 {
  border-bottom: 1px solid #e5e5e5;
  height: 56px !important;
}

._navbarRow_x9u4a_12 {
  width: 100%;
}

._navbarCol_x9u4a_16 {
  text-align: end;
}

._headerWrapper_x9u4a_20 {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

._backButton_x9u4a_26 {
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  padding: 5px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  transition: background 0.2s;
}

._backButton_x9u4a_26:hover {
  background: #f5f5f5;
}

._backIcon_x9u4a_45 {
  width: 18px;
  height: 18px;
}

._pageTitle_x9u4a_50 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

._icon_x9u4a_57 {
  width: 23px !important;
  margin-right: 8px !important;
  margin-top: -3px !important;
  margin-top: 0px !important;
}

._editBtn_x9u4a_64,
._dropdownButton_x9u4a_65 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif !important;
  color: white !important;
  padding: 6px 16px !important;
  height: 34px;
}

._editBtn_x9u4a_64:hover,
._dropdownButton_x9u4a_65:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._editBtn_x9u4a_64:active,
._dropdownButton_x9u4a_65:hover {
  background-color: #915dea !important;
  border-color: #bd9ef2 !important;
}

._dropdownButton_x9u4a_65::after {
  display: none !important;
}

._dropdownItem_x9u4a_92,
._dropdownItem_x9u4a_92:active {
  font-size: 0.813rem !important;
  background-color: white !important;
  color: black !important;
}

._disabledButton_x9u4a_99 {
  /* background-color: #f0f0f0 !important; */
  color: #a0a0a0 !important;
  cursor: not-allowed;
}

._dropdownMenu_x9u4a_105 {
  padding: 0 !important;
}

._viewBtn_x9u4a_109 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  margin-right: 15px;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 6px 16px !important;
  font-size: 13px !important;
  height: auto;
  font-weight: 600 !important;
}

._viewBtn_x9u4a_109:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

._buttonGroup_x9u4a_128 {
  display: flex;
  justify-content: flex-end;
  /* Pushes buttons to the right */
  gap: 8px;
  /* Optional: adds space between buttons */
}

/* Responsive Styles */

@media (max-width: 720px) {
  ._headerWrapper_x9u4a_20 {
    padding-left: 15px;
  }

  ._pageTitle_x9u4a_50 {
    font-size: 14px;
  }

  ._viewBtn_x9u4a_109 {
    font-size: 12px !important;
    padding: 5px 12px !important;
  }

  ._icon_x9u4a_57 {
    width: 20px !important;
    margin-right: 5px !important;
    margin-top: 1px !important;
    margin-left: 1px !important;
  }

  ._editBtn_x9u4a_64 {
    font-size: 13px !important;
    padding: 2px 13px !important;
    width: 79px;
    height: 30px;
  }

  ._backButton_x9u4a_26 {
    width: 28px;
    height: 28px;
  }

  ._backIcon_x9u4a_45 {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 480px) {
  ._navbar_x9u4a_7 {
    height: 40px !important;
  }

  ._headerWrapper_x9u4a_20 {
    padding-left: 10px;
  }

  ._pageTitle_x9u4a_50 {
    font-size: 13px;
  }

  ._editBtn_x9u4a_64,
  ._viewBtn_x9u4a_109 {
    font-size: 10px !important;
    padding: 4px 8px !important;
  }

  ._icon_x9u4a_57 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

  ._editBtn_x9u4a_64 {
    width: 65px;
    height: 25px;
  }

  ._viewBtn_x9u4a_109 {
    margin-right: 10px;
  }

  ._backButton_x9u4a_26 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_x9u4a_128 {
    margin-left: -90px;
  }

  ._backIcon_x9u4a_45 {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 375px) {
  ._navbar_x9u4a_7 {
    height: 40px !important;
  }

  ._headerWrapper_x9u4a_20 {
    padding-left: 10px;
  }

  ._pageTitle_x9u4a_50 {
    font-size: 10px;
  }

  ._editBtn_x9u4a_64,
  ._viewBtn_x9u4a_109 {
    font-size: 8px !important;
    padding: 4px 8px !important;
  }

  ._icon_x9u4a_57 {
    width: 17px !important;
    margin-right: 5px !important;
    margin-top: -1px !important;
    margin-left: 0px !important;
  }

  ._editBtn_x9u4a_64 {
    width: 55px;
    height: 23px;
  }

  ._viewBtn_x9u4a_109 {
    margin-right: 10px;
  }

  ._backButton_x9u4a_26 {
    width: 26px;
    height: 26px;
  }

  ._buttonGroup_x9u4a_128 {
    margin-left: -50px;
  }

  ._backIcon_x9u4a_45 {
    width: 14px;
    height: 14px;
  }

  ._navbar_x9u4a_7 {
    margin-top: -11px !important;
  }
}


._articleCard_vz2nz_3 {
  border-radius: 6px;
  margin-bottom: 1.5rem;
  max-width: 100%;
  height: 145px;
  border: 1px solid #e3e3e3;
  overflow: hidden;
  left: -10px !important;
}

._articleCardBody_vz2nz_13 {
  padding: 16px 12px 16px 12px;
  gap: 16px;
}

._articleTitle_vz2nz_18 {
  font-family: "Inter", sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 0.5rem;
  color: #000000;
}

._articleAuthors_vz2nz_26 {
  color: #4a4a4a;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400px;
}

._publisherName_vz2nz_33 {
  color: #4a4a4a;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 400px;
}

._articleMetaContainer_vz2nz_40 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.75rem;
}

._categoryContainer_vz2nz_47 {
  display: flex;
}

._categoryText_vz2nz_51 {
  color: #4a4a4a;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  font-weight: 500px;
}

._seeAuthorsLinkContainer_vz2nz_58 {
  display: flex;
  justify-content: flex-end;
}

._seeAuthorsButton_vz2nz_63 {
  background-color: transparent;
  border: 1px solid #e3e3e3 !important;
  color: #000000 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 16px 6px 16px !important;
  border-radius: 6px;
  height: 34px;
}

._seeAuthorsButton_vz2nz_63:hover {
  background-color: #7534e5 !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
}

._modalTitle_vz2nz_81 {
  font-size: 1.2rem !important;
}

._modalBody_vz2nz_85 {
  font-size: 14px !important;
}

._modalHeader_vz2nz_89 {
  border-bottom: none !important;
}

._laterButton_vz2nz_93 {
  background-color: #6f42c1 !important;
  border-color: #6f42c1 !important;
}

._laterButton_vz2nz_93:hover {
  background-color: #5936a8 !important;
  border-color: #5936a8 !important;
}

._modalFooter_vz2nz_103 {
  padding: 0.5rem !important;
}

._authorContainer_vz2nz_107 {
  border: 1px solid #e3e3e3;
  border-radius: 10px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._authorName_vz2nz_116 {
  font-size: 1rem;
  color: #343a40;
  font-weight: 600;
}

._sectionContent_vz2nz_122 {
  color: #4b5563;
  display: grid;
  gap: 0.8rem;
}

._modalCard_vz2nz_128 {
  border: none !important;
}


._mainWrapper_11yxs_3 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  /* or a fixed height if inside another container */
  overflow-y: auto;
  /* enables vertical scrolling */
}

._contentContainer_11yxs_12 {
  padding: 20px;
  flex-grow: 1;
}

._container_11yxs_17 {
  padding: 35px !important;
  font-family: "Inter", sans-serif !important;
}

/* Add these if needed for spacing */

._m-0_11yxs_23._p-0_11yxs_23 {
  margin: 0 !important;
  padding: 0 !important;
}

/* Add this to remove column padding */

._pdfCol_11yxs_29 {
  padding: 0 !important;
}

._pdfContainer_11yxs_33 {
  border: 1px solid #ddd;
  max-width: 99%;
  height: 800px;
  /* Fixed container height */
  padding: 0;
}

/* Ensure object fills container */

._pdfContainer_11yxs_33 object {
  display: block;
  width: 100%;
  height: 100%;
}

._pdfPage_11yxs_48 {
  border: 1px solid #eee;
}

._pageControls_11yxs_52 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
  border-radius: 5px;
}

._pageControls_11yxs_52 button {
  padding: 8px 16px;
  background: #007bff;
  color: #3e3e3e;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s ease;
}

._pageControls_11yxs_52 button:hover {
  background: #0056b3;
}

._pageControls_11yxs_52 button:disabled {
  background: #6c757d;
  cursor: not-allowed;
}

._pageControls_11yxs_52 span {
  font-weight: 500;
  color: #333;
}

._loading_11yxs_85 {
  display: block;
  padding: 10px;
  color: #666;
  font-style: italic;
}

._alert_11yxs_92 {
  margin-top: 15px;
  border-radius: 5px;
}

._buttonMobileView_11yxs_97 {
  height: 38px !important;
  width: 180px !important;
  background-color: #7534e5 !important;
  border: 1px solid #ffffff !important;
}

._buttonMobileView_11yxs_97 p {
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

._mobileViewText_11yxs_113 {
  font-family: "Inter", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4a4a4a !important;
}

._sectionCard_11yxs_120 {
  margin-bottom: 20px;
  border-radius: 8px;
  width: 100%;
}

._modalCard_11yxs_126 {
  margin-bottom: 20px;
  border-radius: 8px;
  border: none !important;
  width: 100%;
}

._sectionStep_11yxs_133 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 24px;
  margin-bottom: 16px;
  color: #4a4a4a;
}

._sectionTitle_11yxs_141 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #000000;
}

._sectionContent_11yxs_148 {
  color: #4b5563;
  display: grid;
  gap: 0.8rem;
}

._preformatted_11yxs_154 {
  white-space: pre-line;
  margin: 0;
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
}

._stepHeader_11yxs_162 {
  margin: 30px 0 20px;
}

._stepHeader_11yxs_162 h3 {
  font-size: 18px;
  font-weight: 500;
  color: #111827;
}

._authorsContainer_11yxs_172 {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

._authorItem_11yxs_180 {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #e5e7eb;
}

._authorItem_11yxs_180:last-child {
  border-bottom: none;
}

._authorIconWrapper_11yxs_191 {
  margin-right: 12px;
  display: flex;
  align-items: center;
}

._personIcon_11yxs_197 {
  width: 24px;
  height: 24px;
  color: #1c1b1f;
}

._authorInfo_11yxs_203 {
  flex: 1;
}

._authorInfo_11yxs_203 h4 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 4px 0;
  color: #111827;
}

._authorInfo_11yxs_203 p {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400;
  margin: 0;
}

._moreButton_11yxs_221 {
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 4px;
}

._fileContainer_11yxs_229 {
  margin-top: 8px;
  padding-bottom: -90px;
}

._fileLink_11yxs_234 {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #7534e5;
  padding: 8px 16px;
  border-radius: 8px;
  margin-bottom: 8px;
}

._fileName_11yxs_244 {
  font-size: 14px;
  margin-right: 18px;
  margin-left: -13px;
}

._downloadButton_11yxs_250 {
  background-color: white !important;
  color: black !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  display: flex;
  align-items: center;
  box-shadow: none !important;
  padding: 5px 4px !important;
  width: 30px;
  height: 30px;
}

._downloadIcon_11yxs_263 {
  width: 20px;
  height: 20px;
}

._downloadButton_11yxs_250:hover {
  background-color: #f0f0f0 !important;
  color: black !important;
}

._scoringGuidelines_11yxs_273 {
  font-weight: 700;
  font-size: 14px;
  color: #4a4a4a;
}

._scoringIntroduction_11yxs_279 {
  margin-top: -35px !important;
  color: #4a4a4a;
  font-size: 14px;
  margin-bottom: 5px;
  padding-left: 8px;
  font-weight: 400;
}

/* Responsive Breakpoints */

@media (max-width: 720px) {
  ._sectionCard_11yxs_120 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_11yxs_295 h2 {
    font-size: 18px;
  }

  ._scoringGuidelines_11yxs_273 {
    font-size: 13px;
  }

  ._scoringIntroduction_11yxs_279 {
    white-space: pre-line;
    font-size: 13px;
  }

  ._sectionStep_11yxs_133 {
    font-size: 15px;
  }

  ._sectionTitle_11yxs_141 {
    font-size: 15px;
  }

  ._sectionContent_11yxs_148 {
    font-size: 14px;
  }

  ._authorInfo_11yxs_203 h4 {
    font-size: 13px;
  }

  ._authorInfo_11yxs_203 p {
    font-size: 11px;
  }

  ._fileLink_11yxs_234 {
    padding: 8px;
  }

  ._fileName_11yxs_244 {
    font-size: 12px;
  }
}

@media (max-width: 554px) {
  ._sectionCard_11yxs_120 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_11yxs_295 h2 {
    white-space: pre-line;
    font-size: 15px;
  }

  ._abstractHeader_11yxs_295 p {
    font-size: 14px;
  }

  ._scoringGuidelines_11yxs_273 {
    font-size: 10px;
  }

  ._scoringIntroduction_11yxs_279 {
    font-size: 10px;
    margin-top: -28px !important;
  }

  ._sectionStep_11yxs_133 {
    font-size: 15px;
  }

  ._sectionTitle_11yxs_141 {
    font-size: 14px;
  }

  ._sectionContent_11yxs_148 {
    font-size: 13px;
  }

  ._authorInfo_11yxs_203 h4 {
    font-size: 13px;
  }

  ._authorInfo_11yxs_203 p {
    font-size: 11px;
  }

  ._fileLink_11yxs_234 {
    padding: 8px;
  }

  ._fileName_11yxs_244 {
    font-size: 12px;
  }

  ._downloadButton_11yxs_250 {
    padding: 5px 4px !important;
    width: 25px;
    height: 25px;
  }

  ._downloadIcon_11yxs_263 {
    width: 15px;
    height: 15px;
  }
}

@media (max-width: 480px) {
  ._sectionCard_11yxs_120 {
    width: 100%;
    margin-right: 0;
  }

  ._abstractHeader_11yxs_295 h2 {
    white-space: pre-line;
    font-size: 13px;
  }

  ._abstractHeader_11yxs_295 p {
    font-size: 11px;
  }

  ._scoringGuidelines_11yxs_273 {
    font-size: 9px;
  }

  ._scoringIntroduction_11yxs_279 {
    white-space: pre-line;
    font-size: 13px;
    font-size: 9px;
    margin-top: -28px !important;
  }

  ._sectionStep_11yxs_133 {
    font-size: 14px;
  }

  ._sectionTitle_11yxs_141 {
    font-size: 12px;
  }

  ._sectionContent_11yxs_148 {
    font-size: 11px;
  }

  ._authorInfo_11yxs_203 h4 {
    font-size: 13px;
  }

  ._authorInfo_11yxs_203 p {
    font-size: 11px;
  }

  ._fileLink_11yxs_234 {
    padding: 8px;
  }

  ._fileName_11yxs_244 {
    font-size: 12px;
  }

  ._downloadButton_11yxs_250 {
    padding: 5px 4px !important;
    width: 25px;
    height: 25px;
  }

  ._downloadIcon_11yxs_263 {
    width: 15px;
    height: 15px;
  }
}


._subheaderContainer_en5g6_3 {
    padding: 8px 0;
    border-bottom: 1px solid #e3e3e3;
    background-color: #ffffff;
    height: 56px;
    position: sticky;
    top: 0;
    z-index: 100;
  }

._subheaderRow_en5g6_13 {
    display: flex;
    align-items: center;
  }

._backButtonCol_en5g6_18 {
    padding-right: 0;
  }

._backButton_en5g6_18 {
    background-color: #ffffff !important;
    border: 1px solid #E3E3E3 !important;
    border-radius: 6px !important;
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

._titleCol_en5g6_33 {
    display: flex;
    align-items: center;
  }

._subheaderTitle_en5g6_38 {
    font-family: 'Inter',sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 0;
    color: #333;
  }

._downloadButtonCol_en5g6_46 {
    margin-right: 18px !important;
    display: flex;
    align-items: center;
  }

._downloadButton_en5g6_46 {
    background-color: #7534E5 !important;
    border: 1px solid #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-radius: 4px;
    width: 135px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

._downloadButton_en5g6_46:hover,
  ._downloadButton_en5g6_46:focus {
    background-color: #7534E5 !important;
    border-color: #FFFFFF !important;
  }

._downloadIcon_en5g6_72 {
    font-size: 1rem;
  }

._downloadText_en5g6_76 {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    color: #FFFFFF !important;
    font-weight: 600 !important;
  }

@media (max-width: 576px) {
    ._downloadText_en5g6_76 {
      display: none;
    }
    
    ._downloadButton_en5g6_46 {
      padding: 0.375rem 0.75rem;
    }
  }._invoiceCard_1jyq6_1 {
  border: none !important;
}

._mainContent_1jyq6_5 {
  background-color: #f4f4f4 !important;
  height: calc(100svh - 112.17px) !important;
  overflow-y: auto !important;
  padding: 1rem !important;
  border: none !important;
  border-radius: 0 !important;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
._card_l463a_1 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
  border-radius: 0 !important;
}

._cardBody_l463a_7 {
  padding: 0.5rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
}

._navigationContainer_l463a_13,
._actionButtons_l463a_14 {
  display: flex;
  gap: 1rem;
  align-items: center;
}

._navigationContainer_l463a_13>span {
  font-weight: 500;
}

._backButton_l463a_24 {
  border: 1px solid #e3e3e3 !important;
}

._actionButton_l463a_14 {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  font-size: 0.813rem !important;
  font-weight: 500 !important;
}

._actionButton_l463a_14[data-role="secondary"] {
  border: 1px solid #e3e3e3 !important;
}

._actionButton_l463a_14[data-role="primary"] {
  background-color: #7534e5 !important;
  color: white !important;
}
._detailsCard_1c5vz_1 {
  max-width: 900px !important;
  width: 100% !important;
}

._detailsCard_1c5vz_1>div {
  font-size: 0.875rem !important;
}

._label_1c5vz_10 {
  color: #4a4a4a !important;
}

._value_1c5vz_14 {
  color: black !important;
}
._detailsCard_wfq73_1 {
  max-width: 900px !important;
  width: 100% !important;
}

._detailsCard_wfq73_1>div {
  font-size: 0.875rem !important;
}
._detailsCard_1c5vz_1 {
  max-width: 900px !important;
  width: 100% !important;
}

._detailsCard_1c5vz_1>div {
  font-size: 0.875rem !important;
}

._label_1c5vz_10 {
  color: #4a4a4a !important;
}

._value_1c5vz_14 {
  color: black !important;
}
._table_tsayf_1 {
  border: 1px solid #e3e3e3 !important;
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}
._detailsCard_1orp0_1 {
  max-width: 900px !important;
  width: 100% !important;
}

._detailsCard_1orp0_1>div {
  font-size: 0.875rem !important;
}

._table_1orp0_10 {
  border: 1px solid #e3e3e3 !important;
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}

._addPaymentButton_1orp0_16 {
  border: 1px solid #e3e3e3 !important;
  margin-top: 0.5rem !important;
  font-weight: 600 !important;
}

._amountColumn_1orp0_22 {
  background-color: #f4f4f4 !important;
}
._header_4mx3c_1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

._header_4mx3c_1>h5 {
  margin: 0 !important;
}

._closeButton_4mx3c_12 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
}

._saveButton_4mx3c_17 {
  background-color: #7534e5 !important;
  color: white !important;
}

._form_4mx3c_22 {
  display: grid;
  gap: 1rem;
}
._card_wtrlk_1 {
  max-width: 900px !important;
  width: 100% !important;
}

._cardHeader_wtrlk_6 {
  padding: 0.9rem 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

._cardTitle_wtrlk_13 {
  font-size: 1rem !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

._cardBody_wtrlk_19 {
  padding: 0 !important;
}

._cardFooter_wtrlk_23 {
  display: flex !important;
  justify-content: end !important;
}
._table_2y83z_1 {
  margin: 0 !important;
}

._tableHeader_2y83z_5 {
  font-size: 0.75rem !important;
  color: #4a4a4a !important;
}

._tableBody_2y83z_10 {
  font-size: 0.875rem !important;
}

._actionColumn_2y83z_14 {
  width: 1% !important;
  text-align: right !important;
}

._creditNote_2y83z_19 {
  font-weight: 600 !important;
}

._creditNoteColumn_2y83z_23 {
  width: 70% !important;
}
._actionButton_1959v_1 {
  border: none !important;
}

._dropdownMenu_1959v_5 {
  padding: 0 !important;
  font-size: 0.85rem !important;
  transform: translateX(-93%) translateY(-88%);
  overflow: hidden !important;
}

._dropdownItem_1959v_12:active {
  background-color: #7534e5 !important;
}

._dropdownItem_1959v_12 {
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
}

._divider_1959v_22 {
  margin: 0 !important;
}
._mainContent_146rv_1 {
  background-color: #f4f4f4 !important;
  height: calc(100svh - 112.17px) !important;
  overflow-y: auto !important;
  padding: 1rem !important;
  border: none !important;
  border-radius: 0 !important;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
._form_1x7pm_1 {
  display: grid;
  gap: 1rem;
}
._groupContainer_c0zgi_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.375rem !important;
  min-height: 50px !important;
  position: relative !important;
}

._label_c0zgi_8 {
  margin: 0 !important;
  transition: all 0.2s ease;
  position: absolute !important;
  transform: translateY(-50%) !important;
  font-size: 1rem;
  color: #4a4a4a;
  top: 50%;
  left: 0;
  padding: 0 1rem;
  pointer-events: none;
}

._select_c0zgi_21 {
  border: none !important;
  background-color: red !important;
}

._select_c0zgi_21 .css-1dimb5e-singleValue {
  color: black !important;
}

._select_c0zgi_21 .css-1hb7zxy-IndicatorsContainer {
  display: none !important;
}

._select_c0zgi_21 .css-1fdsijx-ValueContainer {
  padding: 0 !important;
}

._select_c0zgi_21 .css-319lph-ValueContainer {
  padding: 0 !important;
}

._select_c0zgi_21 .css-1jqq78o-placeholder {
  color: #4a4a4a !important;
  font-size: 1rem;
}

._select_c0zgi_21 .css-1okebmr-indicatorSeparator {
  display: none !important;
}
._form_1br3x_1 {
  display: grid;
  gap: 1rem;
}

._addItemButton_1br3x_6 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 600 !important;
  padding: 0.25rem 1rem !important;
}

._removeItemButton_1br3x_12 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  color: #4a4a4a;
}

._removeItemColumn_1br3x_18 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
._form_1x7pm_1 {
  display: grid;
  gap: 1rem;
}
._cancelButton_1218n_1 {
  border: 1px solid #e3e3e3 !important;
}

._generateButton_1218n_5 {
  background-color: #7534e5 !important;
  color: white !important;
}

._buttonGroup_1218n_10 {
  display: flex;
  gap: 0.5rem;
}
._form_1x7pm_1 {
  display: grid;
  gap: 1rem;
}
._form_1br3x_1 {
  display: grid;
  gap: 1rem;
}

._addItemButton_1br3x_6 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 600 !important;
  padding: 0.25rem 1rem !important;
}

._removeItemButton_1br3x_12 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  color: #4a4a4a;
}

._removeItemColumn_1br3x_18 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
._form_1x7pm_1 {
  display: grid;
  gap: 1rem;
}
._cancelButton_1218n_1 {
  border: 1px solid #e3e3e3 !important;
}

._generateButton_1218n_5 {
  background-color: #7534e5 !important;
  color: white !important;
}

._buttonGroup_1218n_10 {
  display: flex;
  gap: 0.5rem;
}
._label_kdlyh_1 {
  color: #4a4a4a !important;
}

._value_kdlyh_5 {
  color: black !important;
}
._groupContainer_1mhpk_1 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.375rem !important;
  padding: 0.15rem 1rem !important;
  min-height: 50px !important;

  position: relative !important;
}

._label_1mhpk_10 {
  margin: 0 !important;
  transition: all 0.2s ease;
  position: absolute !important;
  transform: translateY(-50%) !important;
}

._input_1mhpk_17,
._input_1mhpk_17:focus {
  border: none !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;

  position: relative !important;
}

._input_1mhpk_17[type="number"]::-webkit-inner-spin-button,
._input_1mhpk_17[type="number"]::-webkit-outer-spin-button {
  /* -webkit-appearance: none; */
  /* margin: 0; */
}

._input_1mhpk_17[type="number"] {
  -moz-appearance: textfield;
}

._textareaLabel_1mhpk_37 {
  font-size: 0.75rem !important;
  margin: 0 !important;
}

._textareaInput_1mhpk_42,
._textareaInput_1mhpk_42:focus {
  border: none !important;
  padding: 0 !important;
  transition: all 0.2s ease;
  background-color: transparent !important;
}

._errorFeedback_1mhpk_50 {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #dc3545;
}/* Custom styles for CustomDescriptionSelect component */

._optionContainer_1rjgf_3 {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

._description_1rjgf_9 {
  font-size: 0.8rem;
  font-weight: 600;
}

._person_1rjgf_14 {
  font-size: 13px;
}

._id_1rjgf_18 {
  font-size: 13px;
  font-weight: 400;
}

._formGroup_1rjgf_23 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 4px !important;
  padding: 4px 12px !important;
  position: relative !important;
}

._label_1rjgf_30 {
  font-size: 0.75rem !important;
  margin-bottom: 0 !important;
  position: absolute !important;
  top: 4px !important;
  left: 12px !important;
  z-index: 1 !important;
  font-weight: 500 !important;
}

._errorFeedback_1rjgf_40 {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.875rem;
  color: #dc3545;
}
._form_9qplh_1 {
  display: grid;
  gap: 1rem;
}

._addItemButton_9qplh_6 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 600 !important;
  padding: 0.25rem 1rem !important;
}

._removeItemButton_9qplh_12 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  color: #4a4a4a;
  height: 50px;
}

._removeItemColumn_9qplh_19 {
  display: flex !important;
  align-items: start !important;
  justify-content: center !important;
}
._form_1x7pm_1 {
  display: grid;
  gap: 1rem;
}
._cancelButton_1218n_1 {
  border: 1px solid #e3e3e3 !important;
}

._generateButton_1218n_5 {
  background-color: #7534e5 !important;
  color: white !important;
}

._buttonGroup_1218n_10 {
  display: flex;
  gap: 0.5rem;
}
._label_kdlyh_1 {
  color: #4a4a4a !important;
}

._value_kdlyh_5 {
  color: black !important;
}
._table_tsayf_1 {
  border: 1px solid #e3e3e3 !important;
  margin-bottom: 0 !important;
  margin-top: 1rem !important;
}
._backButton_ya2bs_1 {
  background-color: #7534e5 !important;
  color: white !important;
}

._title_ya2bs_6 {
  font-size: 1.3rem !important;
}

._footer_ya2bs_10,
._header_ya2bs_11,
._body_ya2bs_12 {
  padding: 0.3rem 0.5rem !important;
}
._content_vggpx_1 {
  padding: 1rem 1.5rem !important;
  display: grid !important;
  gap: 1rem !important;
}
._card_u7dv2_1 {
  border: none !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._cardBody_u7dv2_6 {
  padding: 0.55rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._backButton_u7dv2_13 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
}

._backContainer_u7dv2_18 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._backContainer_u7dv2_18 h6 {
  margin: 0;
}

._deleteTrackButton_u7dv2_28 {
  border: 1px solid #e3e3e3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
}
._card_2k1a1_1 {
  max-width: 700px !important;
}

._cardBody_2k1a1_5 {
  display: grid !important;
  gap: 0.75rem !important;
}

._formControl_2k1a1_10,
._formControl_2k1a1_10:focus {
  border: none !important;
  width: 100% !important;
}

._floatingLabel_2k1a1_16 {
  width: 100% !important;
}

._floatingLabelInput_2k1a1_20 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.25rem 0.75rem !important;
  display: flex !important;
  gap: 0.25rem !important;
  align-items: center !important;
  position: relative !important;
  height: 50px !important;
}

._floatingLabelInput_2k1a1_20 select {
  padding: 1.25rem 2.75rem 0 0.75rem !important;
  height: auto !important;
}

._datePicker_2k1a1_36,
._datePicker_2k1a1_36:focus {
  border: none !important;
  font-size: 1rem !important;
  width: 350px !important;
  line-height: 1.25 !important;
}

._datePickerWithLabel_2k1a1_44 {
  padding: 0 0.75rem !important;
  width: 100% !important;
}

._datePickerWithLabel_2k1a1_44 span {
  font-size: 0.75rem !important;
  opacity: 0.65 !important;
  height: 0.2rem !important;
}

._buttonContainer_2k1a1_55 {
  display: flex;
  justify-content: flex-end !important;
}

._saveButton_2k1a1_60 {
  width: fit-content !important;
  background-color: #7534e5 !important;
  color: white !important;
}


* {
  font-family: "Inter", sans-serif !important;
}

/* Light theme main container */

._abstractContainer_znpve_15 {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
}

/* Light header */

._header_znpve_35 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-radius: 8px 8px 0 0;
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e0e0e0;
}

/* Light title */

._title_znpve_59 {
  margin-top: 10px;
  font-weight: 500;
  font-size: 16px;
  padding-left: 12px;
  color: #333333;
  flex-shrink: 0;
}

/* Common styling for search icon buttons */

._searchIconButton_znpve_79 {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 5px !important;
  cursor: pointer !important;
  transition:
    background-color 0.3s ease,
    transform 0.2s ease !important;
}

/* Hover effect for search buttons */

._searchIconButton_znpve_79:hover {
  background-color: #f5f5f5 !important;
  transform: scale(1.05) !important;
}

/* Image styling inside search buttons */

._searchIconButton_znpve_79 img {
  width: 24px;
  height: 24px;
}

/* Search group container */

._searchGroup_znpve_137 {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
}

/* Search input field */

._searchInput_znpve_153 {
  width: 0;
  padding: 0;
  border: none;
  outline: none;
  font-size: 14px;
  background: transparent;
  transition:
    width 0.3s ease,
    opacity 0.3s ease;
  opacity: 0;
}

/* Expanded search input when visible */

._searchInput_znpve_153._visible_znpve_181 {
  width: 250px;
  height: 34px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  opacity: 1;
  background: white;
  color: #000000;
}

._searchInput_znpve_153::placeholder {
  color: #000000;
}

/* Light table container */

._tableContainer_znpve_213 {
  width: 100%;
  overflow: auto;
  background: #ffffff;
}

._table_znpve_213 {
  width: 100%;
  border-collapse: collapse;
}

._table_znpve_213 thead {
  width: 100% !important;
  font-family: Inter;
  font-size: 12px;
  color: #666666;
  font-weight: 500 !important;
}

._table_znpve_213 th {
  font-weight: 500 !important;
  background: #ffffff;
  color: #666666;
}

._table_znpve_213 tr {
  border-bottom: 1px solid #e0e0e0;
}

._table_znpve_213 thead th:first-child,
._table_znpve_213 tbody td:first-child {
  width: 150px;
  height: 32px !important;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_znpve_213 thead th:nth-child(2) {
  width: 890px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_znpve_213 thead th:nth-child(3) {
  width: 176px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_znpve_213 thead th:nth-child(4) {
  width: 214px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_znpve_213 thead th:nth-child(5) {
  width: 34px;
  padding: 0px 24px 0px 24px;
  gap: 10px;
}

._table_znpve_213 tbody td:nth-child(1) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  height: 38px !important;
  font-weight: 500 !important;
  color: #333333;
  font-size: 14px;
}

._table_znpve_213 tbody td:nth-child(2) {
  width: 890px;
  gap: 10px !important;
  padding: 0px 24px 0px 24px !important;
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

._table_znpve_213 tbody td:nth-child(3) {
  width: 176px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_znpve_213 tbody td:nth-child(4) {
  width: 214px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

._table_znpve_213 tbody td:nth-child(5) {
  width: 34px;
  padding-left: 24px !important;
  font-weight: 400 !important;
  font-size: 14px;
  color: #666666;
}

/* Light options button */

._optionsButton_znpve_427 {
  aspect-ratio: 1/1 !important;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666666;
  margin: 0.1rem;
}

._optionsButton_znpve_427:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

._popover_znpve_459 {
  width: 2px !important;
  height: 5px !important;
  border: none;
  background: #f5f5f5;
}

._popoverBody_znpve_473 {
  padding: 0 !important;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

._modalButton_znpve_487 {
  display: flex;
  align-items: center;
  width: 188px !important;
  height: 34px !important;
  padding: 8px 16px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
  color: #333333;
}

._modalButton_znpve_487:hover {
  background-color: #f5f5f5;
  border-radius: 6px;
}

._icon_znpve_523 {
  margin-right: 8px;
  width: 16.99333381652832 !important;
  height: 11.666666984558105 !important;
  filter: brightness(0) invert(0);
}

._divider_znpve_537 {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
}

/* Light status pills */

._statusPill_znpve_551 {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  font-size: 12px;
  font-weight: 500;
  gap: 6px;
  height: 28px;
  min-width: 100px;
  justify-content: center;
}

._statusDot_znpve_581 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
}

._statusText_znpve_595 {
  font-weight: 700;
  font-size: 11px;
}

/* Status-specific styling */

._statusReviewing_znpve_607 {
  border: 1px solid #ffeacc;
  background-color: #fff4e5;
}

._statusReviewing_znpve_607 ._statusDot_znpve_581 {
  background-color: #fd9013;
}

._statusReviewing_znpve_607 ._statusText_znpve_595 {
  color: #fd9013;
}

._statusSubmitted_znpve_633 {
  border: 1px solid #d1e7f9;
  background-color: #e8f3fc;
}

._statusSubmitted_znpve_633 ._statusDot_znpve_581 {
  background-color: #1b82d7;
}

._statusSubmitted_znpve_633 ._statusText_znpve_595 {
  color: #1b82d7;
}

._statusAccepted_znpve_659 {
  border: 1px solid #d5f0e2;
  background-color: #e8f8ef;
}

._statusAccepted_znpve_659 ._statusDot_znpve_581 {
  background-color: #27b266;
}

._statusAccepted_znpve_659 ._statusText_znpve_595 {
  color: #27b266;
}

/* Skeleton Loading Styles */

._skeleton_znpve_687 {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: _shimmer_znpve_1 1.5s infinite;
  border-radius: 4px;
  color: transparent !important;
  border: none !important;
}

@keyframes _shimmer_znpve_1 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

._skeletonText_znpve_725 {
  height: 20px;
  width: 80%;
  margin: 8px 0;
}

._skeletonButton_znpve_737 {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

._paginationButton_znpve_749 {
  background-color: white !important;
  border: 1px solid #e3e3e3 !important;
}

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

._pagination_znpve_749 {
  display: flex !important;
  justify-content: flex-end !important;
}

._viewByContainer_znpve_779 {
  display: flex !important;
  align-items: center;
  gap: 0.5rem;
}

._name_znpve_791,
._nameCell_znpve_793 {
  width: 600px !important;
}

._actionsCell_znpve_801 {
  display: flex !important;
  justify-content: flex-end !important;
}

._scoreHead_znpve_811,
._scoreCell_znpve_813 {
  max-width: 100px !important;
}
._emptyState_1rg0b_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  height: 300px;
  text-align: center;
  background: white;
  border-radius: 8px;
  margin: 20px;
}

._emptyStateIcon_1rg0b_27 {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  margin-bottom: 16px;
}

._emptyState_1rg0b_1 h4 {
  margin: 8px 0;
  font-size: 1.25rem;
  color: #333;
  font-weight: 600;
}

._emptyState_1rg0b_1 p {
  margin-bottom: 16px;
  color: #666;
  max-width: 400px;
}

._addButton_1rg0b_67 {
  background-color: #7534e5 !important;
  border: 1px solid rgba(117, 52, 229, 0.5) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white !important;
  white-space: nowrap; 
  padding: 8px 16px;
}

._addButton_1rg0b_67:hover {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}
._addButton_1rg0b_67:active {
  background-color: #915dea !important; 
  border-color: #bd9ef2 !important; 
}._card_aw87g_1 {
  width: 100% !important;
  min-height: 321px !important;
  position: relative !important;
}

._cardBody_aw87g_13 {
  position: relative !important;
  display: flex !important;
  align-items: end !important;
  padding: 1rem 3rem !important;
  z-index: 5;
}

._backgroundImage_aw87g_29 {
  background-color: grey !important;
  position: absolute !important;
  width: 100% !important;
  height: 50% !important;
  top: 0 !important;
  bottom: 50% !important;
  right: 0 !important;
  left: 0 !important;
  object-fit: cover !important;
}

._actionButtons_aw87g_53 {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
  display: flex !important;
  gap: 1rem !important;
}

._changePassButton_aw87g_69,
._editButton_aw87g_71 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  background-color: white !important;
  border-radius: 6px !important;
}

._profileImage_aw87g_85 {
  width: 134px !important;
  height: 134px !important;
  border-radius: 50% !important;
  border: 5px solid white !important;
  background-color: grey !important;
  object-fit: cover !important;
}

._defaultProfile_aw87g_103 {
  width: 134px !important;
  height: 134px !important;
  border-radius: 50% !important;
  border: none !important;
  background-image: linear-gradient(to bottom, #d9d9d9, #999999) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 4rem;
  color: white;
}

._userProfile_aw87g_127 {
  display: grid !important;
  grid-template-columns: 134px auto;
  gap: 1rem !important;
}

._user_aw87g_127 {
  display: flex !important;
  flex-direction: column !important;
  justify-content: end !important;
}

._name_aw87g_151 {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}

._email_aw87g_161,
._birthday_aw87g_163 {
  font-size: 1rem !important;
}

._birthday_aw87g_163 {
  color: #4a4a4a !important;
}

._showQRButton_aw87g_179,
._scanQRButton_aw87g_181 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-weight: 600 !important;
  padding: 0.3rem 0.8rem !important;
}

._qrButtons_aw87g_201 {
  display: flex !important;
  gap: 1rem !important;
  grid-column: 2 !important;
}

._userDetails_aw87g_213 {
  display: grid !important;
  gap: 1rem !important;
}

@media (max-width: 541px) {
  ._card_aw87g_1 {
    min-height: 351px !important;
  }

  ._cardBody_aw87g_13 {
    justify-content: center !important;
    padding: 3rem 2rem 1rem !important;
  }

  ._userProfile_aw87g_127 {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    align-items: center !important;
  }
}


._modal_l3750_3 {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}

._header_l3750_9 {
  display: flex !important;
  justify-content: space-between !important;
  padding: 0.5rem 1rem !important;
}

._footer_l3750_15 {
  padding: 0.3rem 1rem !important;
}

._title_l3750_19 {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

._body_l3750_24 {
  padding: 1.5rem !important;
}

._closeButton_l3750_28 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  padding: 0.3rem !important;
}

._saveButton_l3750_34 {
  background-color: #7534e5 !important;
  color: white !important;
  border-radius: 6px !important;

  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.813rem !important;
}

._form_l3750_45 {
  display: grid !important;
  gap: 1rem !important;
}

._formGroup_l3750_50 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.1rem 1rem 0.5rem !important;
}

._formLabel_l3750_56 {
  font-size: 0.75rem !important;
  margin: 0 !important;
}

._formControl_l3750_61 {
  font-size: 1rem !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

._forgotWrapper_l3750_68 {
  display: flex !important;
  align-items: center !important;
  margin-top: 1.5rem !important;

  font-size: 0.813rem !important;
}

._forgotButton_l3750_76 {
  text-decoration: underline !important;
  color: #7534e5 !important;
  font-weight: bold !important;
  border: none !important;
}


._modal_hnog0_3 {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}

._header_hnog0_9 {
  display: flex !important;
  justify-content: space-between !important;
  padding: 0.5rem 1rem !important;
}

._footer_hnog0_15 {
  padding: 0.3rem 1rem !important;
}

._title_hnog0_19 {
  font-size: 1rem !important;
  font-weight: 600 !important;
}

._body_hnog0_24 {
  padding: 1.5rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  align-items: center !important;
}

._closeButton_hnog0_32 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
  padding: 0.3rem !important;
}

._saveButton_hnog0_38 {
  background-color: #7534e5 !important;
  color: white !important;
  border-radius: 6px !important;

  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  font-size: 0.813rem !important;
}

._form_hnog0_49 {
  display: grid !important;
  gap: 1rem !important;

  width: 100% !important;
}

._formGroup_hnog0_56 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.1rem 1rem 0.5rem !important;
}

._formGroupDisabled_hnog0_62 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  padding: 0.1rem 1rem 0.5rem !important;
  background-color: #e9ecef !important;
  color: #939799 !important;
}

._formLabelDisabled_hnog0_70 {
  font-size: 0.75rem !important;
  margin: 0 !important;
  color: #939799 !important;
}

._formControlDisabled_hnog0_76 {
  color: #939799 !important;
  font-size: 1rem !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

._formLabel_hnog0_70 {
  font-size: 0.75rem !important;
  margin: 0 !important;
}

._formControl_hnog0_76,
._formControl_hnog0_76:focus {
  font-size: 1rem !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  outline: none !important;
}

._forgotWrapper_hnog0_98 {
  display: flex !important;
  align-items: center !important;
  margin-top: 1.5rem !important;

  font-size: 0.813rem !important;
}

._forgotButton_hnog0_106 {
  text-decoration: underline !important;
  color: #7534e5 !important;
  font-weight: bold !important;
  border: none !important;
}

._profileImage_hnog0_113 {
  width: 134px !important;
  height: 134px !important;
  border-radius: 50% !important;
  background-color: grey !important;
  object-fit: cover !important;
}

._uploadButton_hnog0_121 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  padding: 0.3rem 1rem !important;
  font-weight: bold !important;
}

._profileWrapper_hnog0_131 {
  display: grid !important;
  justify-content: center !important;
  gap: 1rem !important;
}

._defaultProfile_hnog0_137 {
  width: 134px !important;
  height: 134px !important;
  border-radius: 50% !important;
  border: none !important;
  background-image: linear-gradient(to bottom, #d9d9d9, #999999) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 4rem;
  color: white;
}

._labelForUpload_hnog0_149 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 6px !important;
  display: flex !important;
  gap: 0.5rem !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0.3rem 1rem !important;
  font-weight: bold !important;
  font-size: 0.875rem !important;
  width: fit-content !important;
  cursor: pointer !important;
}

._uploadInput_hnog0_163 {
  display: none !important;
}

._imageUploadWrapper_hnog0_167 {
  display: flex !important;
  justify-content: center !important;
}


._accountProfile_inf4r_3 {
  font-family: "Inter", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
}

._content_inf4r_9 {
  position: relative !important;
  padding: 1rem 1.7rem !important;
  display: flex !important;
  gap: 1rem !important;
  flex-direction: column !important;

  height: calc(100dvh - 57px) !important;
  overflow-y: auto !important;
}
._title_ne4x5_1 {
  font-weight: 600 !important;
}

._paymentList_ne4x5_5 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  position: relative;
  min-height: 2rem !important;
}

@media (max-width: 768px) {
  ._paymentList_ne4x5_5 {
    grid-template-columns: 1fr;
  }
}

._loading_ne4x5_19 {
  position: absolute !important;
  left: 50%;
}

._cardBody_ne4x5_24 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._info_ne4x5_30>h6 {
  margin: 0 !important;
  font-size: 1rem !important;
}

._info_ne4x5_30>span {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
}

._payButton_ne4x5_40 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  font-size: 0.813rem !important;
  text-transform: capitalize !important;
}

._modalTitle_ne4x5_47 {
  margin: 0 !important;
  font-size: 1rem !important;
}

._closeButton_ne4x5_52 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
}

._modalHeader_ne4x5_57 {
  padding: 0.5rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._modalBody_ne4x5_65 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem !important;
}

._itemName_ne4x5_71 {
  margin: 0 !important;
  font-weight: 600 !important;
}

._itemDescription_ne4x5_76 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
  display: block !important;
}

._itemAmount_ne4x5_82 {
  font-size: 0.8rem !important;
  color: #000 !important;
  display: block !important;
}

._quantityInput_ne4x5_88 {
  border: 1px solid #e3e3e3 !important;
  width: 50px !important;
  text-align: center !important;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
}

._quantityInput_ne4x5_88::-webkit-outer-spin-button,
._quantityInput_ne4x5_88::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

._modalFooter_ne4x5_102 {
  padding: 0.25rem 1rem !important;
}

._proceedButton_ne4x5_106 {
  background-color: #7534e5 !important;
  color: white !important;
  font-size: 0.813rem !important;
}
._card_u0duf_1 {
  margin-bottom: 1rem;
  border: 1px solid #e3e3e3;
  border-radius: 0.5rem;
}

._cardBody_u0duf_7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
}

@media (max-width: 768px) {
  ._cardBody_u0duf_7 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

._info_u0duf_22 h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
}

._info_u0duf_22 span {
  color: #888;
  font-size: 0.9rem;
}

._payButton_u0duf_33 {
  background: transparent !important;
  border: 1px solid #e3e3e3 !important;
  color: black !important;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
  transition:
    background-color 0.2s,
    color 0.2s;
  font-weight: 500 !important;
}

._payButton_u0duf_33:hover {
  background: #f8f9fa;
  color: black;
}

._payButton_u0duf_33:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
._title_18y3t_1 {
  margin: 0 !important;
}

._closeButton_18y3t_5 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
}

._checkoutButton_18y3t_10 {
  background-color: #7534e5 !important;
  color: white !important;
  font-size: 0.813rem !important;
}

._header_18y3t_16 {
  padding: 0.5rem 1rem !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: 1px solid #e3e3e3 !important;
}

._body_18y3t_24 {
  display: grid;
  gap: 0.5rem !important;
}

._name_18y3t_29 {
  margin: 0 !important;
  font-weight: 600 !important;
}

._description_18y3t_34 {
  color: #6a6a6a !important;
}

._footer_18y3t_38 {
  padding: 0.25rem 1rem !important;
}

._footer_18y3t_38>span {
  font-size: 0.875rem !important;
  color: #b8b8b8 !important;
}
._modalHeader_spyp7_1 {
  padding: 0.5rem 1rem !important;
}

._modalTitle_spyp7_5 {
  margin: 0 !important;
  font-size: 1rem !important;
}

._closeButton_spyp7_10 {
  border: 1px solid #e3e3e3 !important;
  aspect-ratio: 1/1 !important;
}

._modalBody_spyp7_15 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem !important;
  max-height: 60vh;
  overflow-y: auto;
}

._itemName_spyp7_23 {
  margin: 0 !important;
  font-weight: 600 !important;
}

._itemDescription_spyp7_28 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
  display: block !important;
}

._itemAmount_spyp7_34 {
  font-size: 0.9rem !important;
  color: #333 !important;
  display: block !important;
  font-weight: 600 !important;
}

._card_spyp7_41 {
  margin-bottom: 1rem !important;
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.5rem !important;
}

._cardBody_spyp7_47 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

._info_spyp7_53>h6 {
  margin: 0 !important;
  font-size: 1rem !important;
}

._info_spyp7_53>span {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
}

._payButton_spyp7_63 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  font-size: 0.813rem !important;
  text-transform: capitalize !important;
}

._noOrders_spyp7_70 {
  text-align: center !important;
  color: #666 !important;
}


._container_1aq5i_3 {
  background-color: #fff;
  height: 100svh !important;
  overflow: auto !important;
  margin: 0 !important;
}

._checkbox_1aq5i_10>label {
  padding: 0 0.75rem !important;
}

._contentWrapper_1aq5i_14 {
  padding: 2rem;
  padding-bottom: 10rem !important;
}

._buttonContainer_1aq5i_19 {
  position: fixed;
  bottom: 0 !important;
  right: 0 !important;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 1px solid #e3e3e3;
  padding: 1rem 1.1rem 1rem 1rem;
  z-index: 10;
  background-color: white;
  /* opacity: 0; */
}

._prevButton_1aq5i_33 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  /* font-size: 0.813rem !important; */
  text-transform: capitalize !important;
}

._nextButton_1aq5i_40 {
  background-color: #7534e5 !important;
  color: white !important;
  /* font-size: 0.813rem !important; */
  border-radius: 6px !important;
}

._passCard_1aq5i_47 {
  border: 1px solid #ddd;
  border-radius: 0.375rem;
}

._cardBody_1aq5i_52 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._passInfo_1aq5i_58 h5 {
  margin: 0;
  font-weight: 600;
  font-size: 1rem;
}

._passInfo_1aq5i_58 p {
  margin: 0;
  color: #666;
  font-size: 0.85rem;
}

._totalInfo_1aq5i_70 p {
  margin: 0;
  text-align: right;
  font-size: 0.85rem;
}

._totalText_1aq5i_76 {
  font-weight: bold;
}

._quantityText_1aq5i_80 {
  color: #666;
}

._sectionTitle_1aq5i_84 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

._note_1aq5i_90 {
  color: #666;
  font-size: 0.9rem;
}

/* Form Styles */

._form_1aq5i_96 {
  font-family: "Inter", sans-serif !important;
}

._formGroup_1aq5i_100 {
  margin-bottom: 1rem !important;
}

._formGroup_1aq5i_100 ._form-floating_1aq5i_104 label {
  padding: 1rem 0.75rem !important;
  font-size: 1rem !important;
}

._formLabel_1aq5i_109 {
  font-weight: 500 !important;
  margin-bottom: 0.5rem !important;
}

._formControl_1aq5i_114 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.25rem !important;
  padding: 1rem !important;
  background-color: white !important;
  height: auto !important;
}

._formControl_1aq5i_114:focus {
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
  outline: none !important;
}

._formSelect_1aq5i_128 {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  background-color: transparent !important;
}

._formControl_1aq5i_114 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.25rem !important;
  padding: 1.625rem 0.75rem 0.625rem !important;
  background-color: white !important;
}

._formControl_1aq5i_114[type="file"] {
  padding: 0.5rem !important;
}

._formControl_1aq5i_114:focus {
  border-color: #e3e3e3 !important;
  box-shadow: none !important;
  outline: none !important;
}

._formControl_1aq5i_114 option {
  color: black !important;
  background: white !important;
}

._formSelect_1aq5i_128 {
  border: 1px solid #e3e3e3 !important;
  border-radius: 0.25rem !important;
  padding: 0.5rem !important;
  background-color: white !important;
}

._required_1aq5i_165 {
  color: #7534e5 !important;
}

._customRadio_1aq5i_169 input[type="radio"]:checked {
  background-color: #7534e5 !important;
  border-color: #7534e5 !important;
}

._customRadio_1aq5i_169 input[type="radio"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

._checkbox_1aq5i_10 input[type="checkbox"] {
  appearance: none !important;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #7534e5 !important;
  background-color: white !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  position: relative !important;
}

._checkbox_1aq5i_10 input[type="checkbox"]:checked {
  background-color: #7534e5 !important;
  border-color: #7534e5 !important;
}

._checkbox_1aq5i_10 input[type="checkbox"]:focus {
  outline: none !important;
  box-shadow: none !important;
}

._checkbox_1aq5i_10 input[type="checkbox"]:checked::after {
  content: "✔" !important;
  font-size: 14px !important;
  color: white !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

._checkbox_1aq5i_10>label {
  padding: 0 0.75rem !important;
}

._visaFormTitle_1aq5i_214 {
  margin: 1rem 0 !important;
  font-weight: 600 !important;
}

._visaSubtitle_1aq5i_219 {
  font-size: 0.875rem !important;
  color: #4a4a4a !important;
  display: block !important;
  margin-bottom: 1rem !important;
}

._formContainer_1aq5i_226 {
  max-width: 600px;
}

/* Responsive adjustments */

@media (max-width: 768px) {
  ._container_1aq5i_3 {
    overflow-y: auto;
  }

  ._contentWrapper_1aq5i_14 {
    padding: 1rem;
    padding-bottom: 8rem;
  }

  ._buttonContainer_1aq5i_19 {
    bottom: 20px;
    right: 20px;
    border-top: 1px solid #e3e3e3;
    background-color: #fff;
    padding-top: 1rem;
    gap: 0.5rem;
  }

  ._title_1aq5i_250 {
    font-size: 1.5rem;
  }

  ._cardBody_1aq5i_52 {
    flex-direction: column;
    align-items: flex-start;
  }

  ._totalInfo_1aq5i_70 {
    align-self: flex-end;
  }

  ._form_1aq5i_96 {
    gap: 0.75rem !important;
  }

  ._formContainer_1aq5i_226 {
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  ._container_1aq5i_3 {
    height: calc(100svh - 2rem) !important;
  }

  ._buttonContainer_1aq5i_19 {
    gap: 0.25rem;

    flex-direction: column;
  }

  ._contentWrapper_1aq5i_14 {
    padding: 0.5rem;
    padding-bottom: 10rem;
  }

  ._passInfo_1aq5i_58 h5 {
    font-size: 0.9rem;
  }

  ._passInfo_1aq5i_58 p {
    font-size: 0.75rem;
  }

  ._totalText_1aq5i_76 {
    font-size: 0.75rem;
  }

  ._quantityText_1aq5i_80 {
    font-size: 0.75rem;
  }

  ._sectionTitle_1aq5i_84 {
    font-size: 1.1rem;
  }

  ._note_1aq5i_90 {
    font-size: 0.85rem;
  }

  ._formLabel_1aq5i_109 {
    font-size: 0.7rem !important;
  }

  ._formControl_1aq5i_114 {
    font-size: 0.9rem !important;
  }

  ._formSelect_1aq5i_128 {
    font-size: 0.9rem !important;
  }
}


._container_7ia3n_3 {
  background-color: #f3f5f7;
  height: 100svh !important;
  overflow: auto !important;
  margin: 0 !important;
  max-width: 100vw !important;
}

._contentWrapper_7ia3n_11 {
  padding: 2rem;
  padding-bottom: 10rem !important;
  display: flex;
  justify-content: center;
}

._pageContainer_7ia3n_18 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.04);
  padding: 1rem;
  width: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  /* max-height: calc(100vh - 2rem); */
  overflow-y: hidden;
}

/* Custom scrollbar styling */

._pageContainer_7ia3n_18::-webkit-scrollbar {
  width: 8px;
}

._pageContainer_7ia3n_18::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

._pageContainer_7ia3n_18::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 4px;
}

._pageContainer_7ia3n_18::-webkit-scrollbar-thumb:hover {
  background: #7534e5;
}

/* For Firefox */

._pageContainer_7ia3n_18 {
  scrollbar-width: thin;
  scrollbar-color: #c5c5c5 #f1f1f1;
}

/* Adjust content container if needed */

._contentContainer_7ia3n_57 {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: visible;
}

._headerSection_7ia3n_64 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._backButtonContainer_7ia3n_71 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.4rem;
  border-radius: 6px;
  background: #f8f9fa;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
  height: 32px;
  width: 32px;
}

._backButtonContainer_7ia3n_71:hover {
  background: #7534e5;
  color: white;
}

._backButton_7ia3n_71 {
  font-size: 1rem;
}

._headerContent_7ia3n_95 {
  flex: 1;
}

._pageTitle_7ia3n_99 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 0.2rem;
  line-height: 1.2;
}

._pageSubtitle_7ia3n_107 {
  font-size: 0.8rem;
  color: #6c757d;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}

._summaryCard_7ia3n_115 {
  border: none;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
  background: linear-gradient(135deg, #7534e5 0%, #8e60ea 100%);
  color: white;
  display: flex;
}

._summaryCard_7ia3n_115 ._card-body_7ia3n_124 {
  padding: 0.9rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}

._summaryHeader_7ia3n_132 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

._titleSummary_7ia3n_138 {
  font-size: 0.9rem;
  font-weight: 600;
  color: white;
  margin: 0;
  line-height: 1.2;
}

._amountBadge_7ia3n_146 {
  background: rgba(255, 255, 255, 0.2);
  padding: 0.2rem 0.5rem;
  border-radius: 10px;
  font-size: 0.9rem;
  font-weight: 700;
  backdrop-filter: blur(6px);
  line-height: 1.2;
}

._registrationType_7ia3n_156 {
  font-size: 0.7rem;
  margin: 0 0 0.5rem 0;
  opacity: 0.9;
  line-height: 1.2;
}

._bankCard_7ia3n_163 {
  border: none;
  border-radius: 8px;
  overflow: hidden;
}

._bankCard_7ia3n_163 ._card-body_7ia3n_124 {
  padding: 1rem;
}

._cardHeader_7ia3n_173 {
  margin-bottom: 0.9rem;
  position: relative;
}

._cardTitle_7ia3n_178 {
  font-size: 1rem;
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 0.3rem;
}

._bankInfoGrid_7ia3n_185 {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

._bankInfoItem_7ia3n_191 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #f1f3f4;
  padding: 3px;
}

._bankInfoItem_7ia3n_191:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

._bankLabel_7ia3n_203 {
  font-size: 0.7rem;
  color: #6c757d;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin-bottom: 0.3rem;
}

._valueWithCopy_7ia3n_212 {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
}

._bankValue_7ia3n_218 {
  font-size: 0.85rem;
  color: #2c3e50;
  font-weight: 500;
  flex: 1;
  padding: 0.2rem 0;
  word-break: break-word;
  line-height: 1.3;
}

._highlightedValue_7ia3n_228 {
  background: #f8f9fa;
  padding: 0.35rem 0.6rem !important;
  border-radius: 5px;
  border: 1px solid #e9ecef;
  font-family: "SF Mono", "Monaco", "Inconsolata", monospace;
  font-weight: 600;
  font-size: 0.8rem;
}

._referenceValue_7ia3n_238 {
  background: #f8f9fa;
  padding: 0.35rem 0.6rem !important;
  border-radius: 5px;
  border: 1px solid #e9ecef;
  font-family: "SF Mono", "Monaco", "Inconsolata", monospace;
  font-weight: 600;
  font-size: 0.8rem;
}

._copyButton_7ia3n_248 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: 1px solid #dee2e6;
  color: #6c757d;
  padding: 0.3rem;
  border-radius: 5px;
  font-size: 0.75rem;
  transition: all 0.2s ease;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  margin-top: 0.1rem;
}

._copyButton_7ia3n_248:hover {
  background: #7534e5;
  border-color: #7534e5;
  color: white;
}

._copySuccess_7ia3n_271 {
  background: #d4edda !important;
  border-color: #28a745 !important;
  color: #28a745 !important;
}

/* Note Banner Styles */

._noteBanner_7ia3n_278 {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  padding: 0.9rem;
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 6px;
  margin-bottom: 1rem;
}

._noteContent_7ia3n_289 {
  font-size: 0.85rem;
  color: #856404;
  line-height: 1.4;
  font-weight: 500;
}

._buttonIcon_7ia3n_296 {
  font-size: 0.85rem;
  transition: transform 0.2s ease;
}

._downloadButton_7ia3n_301:hover ._buttonIcon_7ia3n_296 {
  transform: scale(1.1);
}

._buttonContainer_7ia3n_305 {
  position: fixed;
  bottom: 0 !important;
  right: 0 !important;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  border-top: 1px solid #e3e3e3;
  padding: 1rem 1.1rem 1rem 1rem;
  z-index: 10;
  background-color: white;
}

._prevButton_7ia3n_318 {
  border: 1px solid #e3e3e3 !important;
  font-weight: 500 !important;
  text-transform: capitalize !important;
}

._nextButton_7ia3n_324 {
  background-color: #7534e5 !important;
  color: white !important;
  border-radius: 6px !important;
}

/* Mobile Responsive Styles */

@media (max-width: 768px) {
  ._contentWrapper_7ia3n_11 {
    padding: 1rem;
    padding-bottom: 8rem;
  }

  ._pageContainer_7ia3n_18 {
    padding: 0.9rem;
    border-radius: 6px;
  }

  ._headerSection_7ia3n_64 {
    gap: 0.4rem;
    margin-bottom: 0.8rem;
  }

  ._pageTitle_7ia3n_99 {
    font-size: 1.1rem;
  }

  ._pageSubtitle_7ia3n_107 {
    font-size: 0.75rem;
  }

  ._summaryCard_7ia3n_115 ._card-body_7ia3n_124 {
    padding: 0.8rem;
  }

  ._summaryHeader_7ia3n_132 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
  }

  ._amountBadge_7ia3n_146 {
    font-size: 0.85rem;
    padding: 0.2rem 0.45rem;
  }

  ._bankCard_7ia3n_163 ._card-body_7ia3n_124 {
    padding: 0.9rem;
  }

  ._bankInfoGrid_7ia3n_185 {
    gap: 0.7rem;
  }

  ._bankInfoItem_7ia3n_191 {
    padding-bottom: 0.7rem;
  }

  ._valueWithCopy_7ia3n_212 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
  }

  ._copyButton_7ia3n_248 {
    align-self: flex-start;
    margin-top: 0;
  }

  ._buttonContainer_7ia3n_305 {
    bottom: 20px;
    right: 20px;
    border-top: 1px solid #e3e3e3;
    background-color: #fff;
    padding-top: 1rem;
    gap: 0.5rem;
  }
}

@media (max-width: 576px) {
  ._contentWrapper_7ia3n_11 {
    padding: 0.5rem;
    padding-bottom: 10rem;
  }

  ._pageContainer_7ia3n_18 {
    padding: 0.8rem;
  }

  ._headerSection_7ia3n_64 {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
  }

  ._pageTitle_7ia3n_99 {
    font-size: 1rem;
  }

  ._cardTitle_7ia3n_178 {
    font-size: 0.95rem;
  }

  ._bankCard_7ia3n_163 ._card-body_7ia3n_124 {
    padding: 0.8rem;
  }

  ._bankInfoGrid_7ia3n_185 {
    gap: 0.6rem;
  }

  ._bankInfoItem_7ia3n_191 {
    padding-bottom: 0.6rem;
  }

  ._bankLabel_7ia3n_203 {
    font-size: 0.65rem;
  }

  ._bankValue_7ia3n_218 {
    font-size: 0.8rem;
  }

  ._highlightedValue_7ia3n_228,
  ._referenceValue_7ia3n_238 {
    font-size: 0.78rem;
    padding: 0.3rem 0.5rem !important;
  }

  ._buttonContainer_7ia3n_305 {
    gap: 0.25rem;
    flex-direction: column;
  }
}


body {
  font-family: "Montserrat", sans-serif !important;
}

._contbody_1s5gh_7 {
  overflow: hidden !important;
}

._lftcol_1s5gh_11 {
  margin: 0;
  padding: 0;
}

._rightcontent_1s5gh_16 {
  margin: 25% 20% 10% 20% !important;
}

._pcontent_1s5gh_20 {
  margin: 4% 0% 4% 0% !important;
  font-size: 1.5rem;
}

._payment_button_1s5gh_25 {
  width: 130px !important;
  background: #7534e5 !important;
  border-color: #7534e5 !important;
  height: 40px;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  display: flex;
  justify-content: center !important;
  align-items: center;
  float: right;
}

._payment_button_1s5gh_25:hover {
  background: #8e60ea !important;
  border-color: #8e60ea !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
}

._payment_button_1s5gh_25:focus,
._payment_button_1s5gh_25:active {
  box-shadow: 0 0 8px #7534e5 !important;
  border-color: #7534e5 !important;
  outline: none !important;
}

._left_1s5gh_52 {
  background-image: url("../../../assets//1522_BACKGROUND.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

@media screen and (max-width: 690px) {
  ._contbody_1s5gh_7 {
    overflow: hidden !important;
  }

  ._lftcol_1s5gh_11 {
    display: none;
  }

  ._rhtcol_1s5gh_68 {
    background: rgb(3, 99, 186);
    background: radial-gradient(circle,
        rgba(3, 99, 186, 0.16010154061624648) 0%,
        rgba(148, 187, 233, 0.12088585434173671) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  }

  ._pcontent_1s5gh_20 {
    margin: 4% 0% 4% 0% !important;
    font-size: 1rem;
  }

  ._rightcontent_1s5gh_16 {
    margin: 20% 10% 0% 10% !important;
  }

  ._payment_button_1s5gh_25 {
    width: 100%;
    margin: 5% 0% 5% 0%;
  }
}


body {
  font-family: "Montserrat", sans-serif !important;
}

._contbody_1s5gh_7 {
  overflow: hidden !important;
}

._lftcol_1s5gh_11 {
  margin: 0;
  padding: 0;
}

._rightcontent_1s5gh_16 {
  margin: 25% 20% 10% 20% !important;
}

._pcontent_1s5gh_20 {
  margin: 4% 0% 4% 0% !important;
  font-size: 1.5rem;
}

._payment_button_1s5gh_25 {
  width: 130px !important;
  background: #7534e5 !important;
  border-color: #7534e5 !important;
  height: 40px;
  font-weight: 500 !important;
  font-family: "Inter", sans-serif !important;
  display: flex;
  justify-content: center !important;
  align-items: center;
  float: right;
}

._payment_button_1s5gh_25:hover {
  background: #8e60ea !important;
  border-color: #8e60ea !important;
  font-weight: 600 !important;
  font-family: "Inter", sans-serif;
}

._payment_button_1s5gh_25:focus,
._payment_button_1s5gh_25:active {
  box-shadow: 0 0 8px #7534e5 !important;
  border-color: #7534e5 !important;
  outline: none !important;
}

._left_1s5gh_52 {
  background-image: url("../../../assets//1522_BACKGROUND.png");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

@media screen and (max-width: 690px) {
  ._contbody_1s5gh_7 {
    overflow: hidden !important;
  }

  ._lftcol_1s5gh_11 {
    display: none;
  }

  ._rhtcol_1s5gh_68 {
    background: rgb(3, 99, 186);
    background: radial-gradient(circle,
        rgba(3, 99, 186, 0.16010154061624648) 0%,
        rgba(148, 187, 233, 0.12088585434173671) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
  }

  ._pcontent_1s5gh_20 {
    margin: 4% 0% 4% 0% !important;
    font-size: 1rem;
  }

  ._rightcontent_1s5gh_16 {
    margin: 20% 10% 0% 10% !important;
  }

  ._payment_button_1s5gh_25 {
    width: 100%;
    margin: 5% 0% 5% 0%;
  }
}