@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');.SnackBar {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  width: 420px;
  cursor: pointer;
}

.notistack-Snackbar:has(.SnackBar) {
  transition: transform 0.3s ease-in-out;
}
.notistack-Snackbar:has(.SnackBar):hover {
  transform: scale(1.05) !important;
}.search-wrapper {
  position: relative;
}
.search-wrapper .search-icon {
  position: absolute;
  left: 0.75rem;
  top: 0.4rem;
}.textfield {
  border-radius: 0.25rem;
}
.textfield input,
.textfield textarea {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.textfield :disabled {
  -webkit-text-fill-color: unset;
}
.requiredStar {
  color: #c64d4d;
}.form-element-wrapper--Element {
  position: relative;
  display: flex;
  border-radius: 0.5rem;
  padding: 0.75rem;
  cursor: pointer;
}
.form-element-wrapper--Active {
  position: relative;
  display: flex;
  border-radius: 0.5rem;
  padding: 0.75rem;
  border: 2px solid #54CC96;
  cursor: pointer;
}
.form-element-wrapper--Default {
  background-color: #fbfbfb;
}
.form-element-wrapper--Actions {
  position: absolute;
  right: 1rem;
  display: flex;
  gap: 0.25rem;
}
.formBuilder--GridLayout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.formBuilder--Header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.formBuilder--Section {
  border-radius: 0.5rem;
  border: 2px dotted #919294;
  padding: 0.75rem;
}
.formBuilder--Active {
  border-radius: 0.5rem;
  border: 2px solid #54CC96;
  padding: 0.75rem;
}
.MultiSelect .MuiSelect-select {
  padding-top: 4px !important;
  padding-bottom: 4px;
  padding-left: 8px;
}
.table--AddButton {
  color: #1f2125 !important;
}
.editor-container .ck-editor__editable {
  min-height: 300px !important; /* Set min height */
  border-top: 0 !important;
}
.editor-container .ck-sticky-panel__content {
  border-bottom: 0;
  padding: 4px !important;
}
.editor-container .ck-toolbar {
  border-bottom: 0 !important;
  background-color: #f5f6f5 !important;
  border-radius: 4px !important;
}
.editor-container .ck-toolbar__items {
  justify-content: center;
}.confirm .MuiDialog-paper {
  min-width: 2.375rem;
  border-radius: 1rem;
}
.confirm--head {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}
.confirm--title {
  display: flex;
  align-items: center;
}
.confirm--content {
  padding: 1rem 1.375rem 1.5rem 1.375rem;
}
.confirm--actions {
  padding: 0.5rem 1rem;
}.toast-undo {
  margin: 0.4rem 1rem;
  padding: 0rem;
  cursor: pointer;
}

.action {
  display: flex;
  align-items: center;
}

.icon {
  font-size: 1rem;
}.Avatar {
  position: relative;
  display: inline-block;
}
.Avatar--FirstChar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Avatar--Badge {
  position: absolute;
  bottom: -2%;
  right: -24%;
  transform: translateX(-50%);
  background-color: green;
  border-radius: 50%;
  z-index: 1;
}.main-wrapper {
  width: 100%;
  height: calc(100vh - 4.6875rem);
  overflow-y: auto;
}
/* ─── App Bar ─── */
.app-bar {
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 20px;
  gap: 10px;
  flex: 1;
  min-width: 0;
  position: relative;
  box-sizing: border-box;
}
/* ─── Waffle button ─── */
.app-switch {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid transparent;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4a4c50;
  cursor: pointer;
  flex-shrink: 0;
  padding: 0;
}
.app-switch:hover {
  background: #f2f3f4;
  color: #1f2125;
}
.app-switch.open {
  background: #ebf9f2;
  color: #1a8a56;
  border-color: #c8ebd8;
}
.app-switch svg {
  width: 18px;
  height: 18px;
}
/* ─── Divider between waffle and breadcrumb ─── */
.ab-divider {
  width: 1px;
  height: 22px;
  background: #ecedef;
  margin: 0 2px;
  flex-shrink: 0;
}
/* ─── Crumb path ─── */
.crumb-path {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 36px;
  padding: 0 4px;
  border-radius: 9px;
  min-width: 0;
  list-style: none;
}
.mod-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 10px 0 4px;
  border-radius: 7px;
  background: #f2f8f5;
  border: 1px solid #dcefe4;
  color: #1a6b43;
  cursor: pointer;
  flex-shrink: 0;
}
.mod-chip:hover {
  background: #e6f5ec;
}
.mod-chip .mp-icon {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: linear-gradient(135deg, #2eb273 0%, #1a8a56 100%);
  color: #fff;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.mod-chip .mp-icon img {
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.mod-chip .mp-icon .mp-icon-img {
  filter: brightness(0) invert(1);
}
.mod-chip .mp-name {
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
.cp-sep {
  width: 11px;
  height: 11px;
  color: #c8cacc;
  flex-shrink: 0;
}
.cp-link {
  border: none;
  background: transparent;
  font: inherit;
  font-size: 12.5px;
  color: #6b6d70;
  padding: 4px 6px;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: -0.01em;
}
.cp-link:hover {
  color: #1f2125;
  background: #f5f6f7;
}
.cp-current {
  font-size: 12.5px;
  color: #1f2125;
  font-weight: 600;
  padding: 4px 6px;
  letter-spacing: -0.01em;
  white-space: nowrap;
}
/* ─── Global Search — margin-left:auto pushes it to the right ─── */
.gs {
  width: 280px;
  position: relative;
  transition: width 0.2s ease;
  flex-shrink: 0;
}
.gs.open {
  width: 460px;
}
.gs-input {
  width: 100%;
  height: 36px;
  background-color: #f5f6f7;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='%239EA0A3' stroke-width='2' stroke-linecap='round'><circle cx='6.5' cy='6.5' r='4.5'/><line x1='10' y1='10' x2='13' y2='13'/></svg>");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 14px 14px;
  border: 1px solid transparent;
  border-radius: 9px;
  padding: 0 12px 0 32px;
  box-sizing: border-box;
  font: inherit;
  font-size: 13px;
  color: #1f2125;
  outline: none;
  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.gs-input::placeholder {
  color: #9ea0a3;
}
.gs-input:focus, .gs.open .gs-input {
  background-color: #fff;
  border-color: #2eb273;
  box-shadow: 0 0 0 3px rgba(46, 178, 115, 0.12);
}
.gs-kbd {
  display: inline-flex;
  align-items: center;
  font-size: 10.5px;
  color: #8e8e93;
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 4px;
  padding: 1px 5px;
  font-weight: 600;
  white-space: nowrap;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.gs.open .gs-kbd {
  display: none;
}
.gs-clear {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: none;
  background: transparent;
  border-radius: 5px;
  cursor: pointer;
  color: #9ea0a3;
  padding: 0;
  z-index: 1;
  transition: color 0.15s, background 0.15s;
}
.gs-clear:hover {
  color: #1f2125;
  background: #f2f3f4;
}
.gs-pop {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ecedef;
  border-radius: 10px;
  box-shadow: 0 12px 32px -8px rgba(15, 17, 21, 0.16), 0 2px 6px rgba(15, 17, 21, 0.05);
  padding: 6px;
  z-index: 1400;
  max-height: 460px;
  overflow: auto;
}
.gs-group {
  padding: 4px 0;
}
.gs-group + .gs-group {
  border-top: 1px solid #f2f3f4;
  margin-top: 2px;
  padding-top: 6px;
}
.gs-group-label {
  font-size: 10.5px;
  font-weight: 600;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 6px 10px 4px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.gs-group-label .count {
  color: #c8cacc;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
.gs-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.gs-item:hover, .gs-item.focused {
  background: #f5f6f7;
}
.gs-item.focused {
  background: #ebf9f2;
}
.gs-thumb {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  background: #f2f3f4;
  color: #4a4c50;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  font-size: 11px;
  font-weight: 600;
}
.gs-thumb img {
  width: 13px;
  height: 13px;
  object-fit: contain;
}
.gs-thumb svg {
  width: 13px;
  height: 13px;
  stroke-width: 1.8;
}
.gs-thumb.av {
  background: linear-gradient(135deg, #2eb273, #1a8a56);
  color: #fff;
}
.gs-thumb.doc {
  background: #e8eaf6;
  color: #3949ab;
}
.gs-thumb.act {
  background: #fff3cc;
  color: #8a6d00;
}
.gs-body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.gs-title {
  font-size: 12.5px;
  color: #1f2125;
  font-weight: 500;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gs-meta {
  font-size: 11px;
  color: #8e8e93;
}
.gs-trail {
  font-size: 10.5px;
  color: #8e8e93;
  padding: 2px 7px;
  border-radius: 10px;
  background: #f5f6f7;
  flex-shrink: 0;
  white-space: nowrap;
}
.gs-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px 4px;
  border-top: 1px solid #f2f3f4;
  margin-top: 4px;
  font-size: 10.5px;
  color: #8e8e93;
}
.gs-foot .gs-kbd {
  background: #f5f6f7;
}
.gs-foot .right {
  margin-left: auto;
  color: #2eb273;
  font-weight: 600;
  cursor: pointer;
}
/* ─── Notification wrapper — strips MUI defaults to match .icon-btn ─── */
.notif-wrap .MuiButtonBase-root.MuiIconButton-root {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  background: transparent;
  color: #4a4c50;
  padding: 0;
}
.notif-wrap .MuiButtonBase-root.MuiIconButton-root:hover {
  background: #f2f3f4;
  color: #1f2125;
}
.notif-wrap .MuiButtonBase-root.MuiIconButton-root svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.7;
}
.notif-wrap .MuiBadge-badge {
  min-width: 14px;
  height: 14px;
  font-size: 9px;
  padding: 0 3px;
  line-height: 14px;
}
/* ─── Vertical divider ─── */
.v-divider {
  width: 1px;
  height: 22px;
  background: #ecedef;
  flex-shrink: 0;
}
/* ─── User button ─── */
.hdr-user-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 10px 4px 4px;
  border-radius: 8px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.hdr-user-btn:hover {
  background: #f2f3f4;
}
.user-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: linear-gradient(135deg, #2eb273 0%, #1a8a56 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11.5px;
  font-weight: 600;
  flex-shrink: 0;
  overflow: hidden;
}
.user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.user-meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
  line-height: 1;
}
.user-name {
  font-size: 13px;
  font-weight: 600;
  color: #1f2125;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.user-role {
  font-size: 11px;
  color: #9ea0a3;
}
/* ─── App Switcher Popover ─── */
.as-pop {
  width: 560px;
  border-radius: 14px !important;
  border: 1px solid #ecedef !important;
  box-shadow: 0 20px 48px -12px rgba(15, 17, 21, 0.22), 0 4px 12px rgba(15, 17, 21, 0.06) !important;
  overflow: hidden;
}
.as-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #f2f3f4;
}
.as-search-input {
  flex: 1;
  min-width: 0;
  border: 1px solid #ecedef;
  background: #fafbfb;
  height: 32px;
  padding: 0 12px 0 32px;
  border-radius: 7px;
  font: inherit;
  font-size: 12.5px;
  color: #1f2125;
  outline: none;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239EA0A3' stroke-width='2' stroke-linecap='round'><circle cx='6.5' cy='6.5' r='4.5'/><line x1='10' y1='10' x2='13' y2='13'/></svg>");
  background-repeat: no-repeat;
  background-position: 10px center;
}
.as-search-input:focus {
  border-color: #2eb273;
  background-color: #fff;
}
.as-search-input::placeholder {
  color: #9ea0a3;
}
.as-pin {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11.5px;
  color: #8e8e93;
  padding: 4px 8px;
  border-radius: 6px;
  background: #fafbfb;
  border: 1px solid #ecedef;
  white-space: nowrap;
  flex-shrink: 0;
}
.as-body {
  padding: 8px 8px 4px;
  max-height: 480px;
  overflow-y: auto;
}
.as-section {
  padding: 6px 6px 0;
}
.as-section + .as-section {
  margin-top: 4px;
}
.as-section-label {
  font-size: 10.5px;
  font-weight: 700;
  color: #8e8e93;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.as-section-label .badge {
  background: #f2f3f4;
  color: #8e8e93;
  font-weight: 600;
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 8px;
  letter-spacing: 0;
  text-transform: none;
}
.as-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2px;
}
.as-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  padding: 12px 10px 10px;
  border-radius: 9px;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  cursor: pointer;
  width: 100%;
  transition: background 0.12s, border-color 0.12s;
}
.as-tile:hover {
  background: #f8f9fa;
}
.as-tile:hover .pin {
  opacity: 1;
}
.as-tile.active {
  background: #ebf9f2;
  border-color: #c8ebd8;
}
.as-tile.pinned .pin {
  opacity: 1;
  color: #2eb273;
}
.as-tile-icon {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: var(--tile-bg, #f2f3f4);
  color: var(--tile-fg, #4a4c50);
  display: grid;
  place-items: center;
}
.as-tile-icon img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}
.as-tile-row {
  display: flex;
  align-items: center;
  gap: 5px;
}
.as-tile-name {
  font-size: 12.5px;
  font-weight: 600;
  color: #1f2125;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.as-tile-meta {
  font-size: 10.5px;
  color: #8e8e93;
  line-height: 1.3;
}
.new-pill {
  display: inline-flex;
  align-items: center;
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  background: #2eb273;
  padding: 2px 5px;
  border-radius: 5px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  flex-shrink: 0;
  line-height: 1;
}
.pin {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #c8cacc;
  opacity: 0;
  transition: opacity 0.12s, color 0.12s;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.pin:hover {
  color: #2eb273;
}
.pin svg {
  width: 12px;
  height: 12px;
  stroke-width: 2;
}
.pin .pin-star {
  width: 14px;
  height: 14px;
}
.as-foot {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid #f2f3f4;
  background: #fafbfb;
  font-size: 11.5px;
  color: #8e8e93;
}
.as-foot .right {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 6px;
}
.as-foot a {
  color: #2eb273;
  font-weight: 600;
  cursor: pointer;
}
.as-foot a:hover {
  text-decoration: underline;
}
/* ─── Profile dropdown ─── */
.main-profile-menu .user-data-wrap {
  font-size: 0.875rem;
  line-height: 1.225rem;
  gap: 0.5rem;
}
.main-profile-menu .user-assigned {
  font-size: 0.75rem;
  line-height: 1.05rem;
}
.menu-item-color {
  color: #c64d4d;
}
.menu-item-color:hover {
  background-color: #fedfdf;
}
.avatar-class {
  color: #2EB273;
  background-color: #B6E9D6;
}
.size15 .MuiTypography-root {
  font-size: 15px;
}
.popup-change-pass {
  padding: 20px 30px;
  min-width: 500px;
}
.back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  border-radius: 6px;
  color: #4A4C50;
  cursor: pointer;
  flex-shrink: 0;
}
.back-btn:hover {
  background: #F3F4F6;
}.chatBot--launcher {
  position: fixed;
  bottom: 60px;
  right: 24px;
  z-index: 1300;
  display: flex;
  align-items: center;
  width: 52px;
  height: 52px;
  padding: 0;
  padding-left: 15px;
  background: linear-gradient(135deg, #1A8A56, #2EB273);
  color: #fff;
  border: none;
  border-radius: 26px;
  font-size: 13px;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), padding 0.6s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.6s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.6s ease, transform 0.6s;
  animation: chatBotFadeIn 0.2s ease-out both;
}
.chatBot--launcher:hover {
  width: auto;
  padding: 12px 20px 12px 15px;
  border-radius: 28px;
  box-shadow: 0 6px 24px rgba(46, 178, 115, 0.5), 0 2px 6px rgba(0, 0, 0, 0.12);
  transform: translateY(-1px);
}
.chatBot--launcher:active {
  transform: scale(0.97);
}

.chatBot--launcher-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.chatBot--launcher-label {
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.6s ease;
  margin-left: 12px;
}

.chatBot--launcher:hover .chatBot--launcher-label,
.chatBot--launcher:hover .chatBot--launcher-kbd {
  opacity: 1;
}

.chatBot--launcher-kbd {
  font-family: inherit;
  font-size: 10px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 1px 6px;
  color: rgba(255, 255, 255, 0.85);
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: opacity 0.25s ease 0.08s, max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.chatBot--panel {
  position: fixed;
  top: 2vh;
  right: 24px;
  bottom: 2vh;
  width: max(420px, 30vw);
  height: auto;
  max-height: none;
  min-height: 480px;
  background: #fff;
  border: 1px solid #ECEDEF;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), 0 1px 4px rgba(0, 0, 0, 0.05);
  z-index: 1299;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: chatBotFadeIn 0.2s ease-out both;
}

.chatBot--spark-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #2EB273, #1A6B43);
  color: #fff;
  flex-shrink: 0;
}

.chatBot--header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #F2F3F4;
  flex-shrink: 0;
}

.chatBot--hd-info {
  flex: 1;
  min-width: 0;
}

.chatBot--hd-name {
  font-size: 13.5px;
  font-weight: 700;
  color: #1F2125;
  letter-spacing: -0.2px;
}

.chatBot--hd-beta {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  background: #EBF9F2;
  font-weight: 500;
  font-size: 10px;
  color: #1A8A56;
  text-transform: uppercase;
  margin-left: 6px;
  vertical-align: middle;
}

.chatBot--hd-sub {
  font-size: 11px;
  color: #8E8E93;
  margin-top: 1px;
}

.chatBot--hd-actions {
  display: flex;
  gap: 2px;
}
.chatBot--hd-actions button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 7px;
  color: #AFAFB4;
  display: flex;
  align-items: center;
  transition: background 0.15s, color 0.15s;
}
.chatBot--hd-actions button:hover {
  background: #F2F3F4;
  color: #4A4C50;
}

.chatBot--ctx-bar {
  background: #FAFBFB;
  border-bottom: 1px solid #F2F3F4;
  padding: 7px 14px;
  display: flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}

.chatBot--ctx-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ECEDEF;
  color: #4A4C50;
}

.chatBot--ctx-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #2EB273;
  flex-shrink: 0;
}

.chatBot--ctx-label {
  font-size: 10.5px;
  color: #AFAFB4;
}

.chatBot--body {
  flex: 1;
  overflow-y: auto;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  scroll-behavior: smooth;
  min-height: 0;
}
.chatBot--body::-webkit-scrollbar {
  width: 4px;
}
.chatBot--body::-webkit-scrollbar-thumb {
  background: #ECEDEF;
  border-radius: 4px;
}

.chatBot--welcome {
  display: flex;
  flex-direction: column;
  padding-top: 4px;
}

.chatBot--greeting {
  font-size: 19px;
  font-weight: 700;
  letter-spacing: -0.35px;
  color: #1F2125;
  line-height: 1.2;
  margin-bottom: 5px;
}

.chatBot--grad {
  background: linear-gradient(135deg, #2EB273 0%, #1A6B43 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.chatBot--greeting-sub {
  font-size: 12.5px;
  color: #8E8E93;
  line-height: 1.5;
}

.chatBot--section-lbl {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  font-weight: 700;
  color: #AFAFB4;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin: 14px 0 8px;
}

.chatBot--ln {
  flex: 1;
  height: 1px;
  background: #F2F3F4;
}

.chatBot--ic {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: #EBF9F2;
  color: #1A8A56;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.chatBot--ic--red {
  background: #FFEBEE;
  color: #C62828;
}
.chatBot--ic--amber {
  background: #FEF1DD;
  color: #B26B0F;
}
.chatBot--ic--blue {
  background: #E6EEF9;
  color: #2A6FDB;
}
.chatBot--ic--purple {
  background: #F3E8FF;
  color: #7E22CE;
}

.chatBot--insight-list {
  background: #fff;
  border: 1px solid #ECEDEF;
  border-radius: 10px;
  overflow: hidden;
}

.chatBot--insight-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #F2F3F4;
  cursor: pointer;
  transition: background 0.12s;
}
.chatBot--insight-row:last-child {
  border-bottom: none;
}
.chatBot--insight-row:hover {
  background: #FAFBFB;
}

.chatBot--ins-body {
  flex: 1;
  min-width: 0;
}

.chatBot--ins-title {
  font-size: 12px;
  font-weight: 500;
  color: #1F2125;
  line-height: 1.4;
}

.chatBot--ins-sub {
  font-size: 10.5px;
  color: #8E8E93;
  margin-top: 2px;
  line-height: 1.35;
}

.chatBot--ins-chevron {
  color: #AFAFB4;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.chatBot--suggest-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.chatBot--suggest-tile {
  width: 100%;
  background: #fff;
  border: 1px solid #ECEDEF;
  border-radius: 10px;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.12s, border-color 0.12s, box-shadow 0.12s;
}
.chatBot--suggest-tile:hover {
  background: #FAFBFB;
  border-color: #D4D6D8;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.chatBot--suggest-head {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}

.chatBot--suggest-cat {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.07em;
  color: #8E8E93;
  text-transform: uppercase;
}

.chatBot--suggest-prompt {
  font-size: 11.5px;
  color: #1F2125;
  line-height: 1.45;
  font-weight: 500;
}

.chatBot--msg-row {
  display: flex;
}
.chatBot--msg-row--user {
  justify-content: flex-end;
}
.chatBot--msg-row--ai {
  justify-content: flex-start;
}

.chatBot--user-bubble {
  background: #EBF9F2;
  border-radius: 14px 14px 4px 14px;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.55;
  color: #1F2125;
  max-width: 86%;
}

.chatBot--ai-msg {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

.chatBot--ai-sender {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chatBot--ai-name {
  font-size: 12.5px;
  font-weight: 700;
  color: #1F2125;
}

.chatBot--ai-time {
  font-size: 11px;
  color: #AFAFB4;
}

.chatBot--ai-text {
  font-size: 13px;
  color: #1F2125;
  line-height: 1.6;
  padding-left: 30px;
}
.chatBot--ai-text p {
  margin: 0 0 8px;
}
.chatBot--ai-text p:last-child {
  margin-bottom: 0;
}
.chatBot--ai-text ul, .chatBot--ai-text ol {
  margin: 4px 0 8px;
  padding-left: 18px;
}
.chatBot--ai-text ul:last-child, .chatBot--ai-text ol:last-child {
  margin-bottom: 0;
}
.chatBot--ai-text li {
  margin-bottom: 3px;
}
.chatBot--ai-text strong {
  font-weight: 600;
  color: #1F2125;
}
.chatBot--ai-text em {
  font-style: italic;
}
.chatBot--ai-text code {
  font-family: ui-monospace, SFMono-Regular, monospace;
  font-size: 11.5px;
  background: #F2F3F4;
  border: 1px solid #ECEDEF;
  border-radius: 3px;
  padding: 1px 5px;
  color: #1F2125;
}
.chatBot--ai-text pre {
  background: #F2F3F4;
  border: 1px solid #ECEDEF;
  border-radius: 6px;
  padding: 10px 12px;
  overflow-x: auto;
  margin: 6px 0 8px;
}
.chatBot--ai-text pre code {
  background: none;
  border: none;
  padding: 0;
  font-size: 12px;
}
.chatBot--ai-text blockquote {
  border-left: 3px solid #C8E8D6;
  margin: 4px 0 8px;
  padding: 2px 10px;
  color: #656669;
}
.chatBot--ai-text h1, .chatBot--ai-text h2, .chatBot--ai-text h3 {
  font-size: 13px;
  font-weight: 600;
  color: #1F2125;
  margin: 8px 0 4px;
}
.chatBot--ai-text h1:first-child, .chatBot--ai-text h2:first-child, .chatBot--ai-text h3:first-child {
  margin-top: 0;
}
.chatBot--ai-text a {
  color: #1A8A56;
  text-decoration: underline;
}

.chatBot--typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 0 4px 30px;
}
.chatBot--typing-dots span {
  width: 5px;
  height: 5px;
  background: #2EB273;
  border-radius: 50%;
  animation: chatBotBounce 1.2s infinite ease-in-out;
}
.chatBot--typing-dots span:nth-child(2) {
  animation-delay: 0.15s;
}
.chatBot--typing-dots span:nth-child(3) {
  animation-delay: 0.3s;
}

.chatBot--slash-menu {
  background: #fff;
  border: 1px solid #ECEDEF;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 6px;
  animation: chatBotFadeIn 0.15s ease-out both;
}
.chatBot--slash-menu-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #AFAFB4;
  padding: 8px 14px 4px;
}

.chatBot--slash-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 8px 14px;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  transition: background 0.12s;
}
.chatBot--slash-item:last-child {
  margin-bottom: 4px;
}
.chatBot--slash-item:hover, .chatBot--slash-item--active {
  background: #FAFBFB;
}
.chatBot--slash-item-label {
  font-size: 12.5px;
  font-weight: 600;
  color: #1F2125;
  line-height: 1.3;
}
.chatBot--slash-item-desc {
  font-size: 11px;
  color: #AFAFB4;
  margin-top: 1px;
}

.chatBot--input-area {
  border-top: 1px solid #F2F3F4;
  padding: 10px 14px 14px;
  flex-shrink: 0;
  background: #fff;
}

.chatBot--input-wrap {
  border: 1px solid #ECEDEF;
  border-radius: 10px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.chatBot--input-wrap:focus-within {
  border-color: #2EB273;
  box-shadow: 0 0 0 3px rgba(46, 178, 115, 0.15);
}

.chatBot--textarea {
  width: 100%;
  border: none;
  outline: none;
  resize: none;
  font-family: inherit;
  font-size: 13px;
  color: #1F2125;
  padding: 10px 14px 8px;
  line-height: 1.5;
  background: transparent;
  border-radius: 10px 10px 0 0;
  box-sizing: border-box;
}
.chatBot--textarea::placeholder {
  color: #AFAFB4;
}
.chatBot--textarea:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.chatBot--ctrls {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px;
  border-top: 1px solid #F2F3F4;
  background: #fff;
  border-radius: 0 0 10px 10px;
}

.chatBot--ctrls-grow {
  flex: 1;
}

.chatBot--ic-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  border-radius: 7px;
  color: #AFAFB4;
  display: flex;
  align-items: center;
  transition: background 0.15s, color 0.15s;
}
.chatBot--ic-btn:hover {
  background: #F2F3F4;
  color: #4A4C50;
}

.chatBot--mode-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 600;
  color: #1A8A56;
  background: #EBF9F2;
  border: 1px solid #C8E8D6;
  border-radius: 20px;
  padding: 2px 8px;
  margin-left: 2px;
}
.chatBot--mode-badge svg {
  color: #1A8A56;
}

.chatBot--send-btn {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #ECEDEF;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background 0.15s, transform 0.1s;
}
.chatBot--send-btn svg {
  color: #AFAFB4;
}
.chatBot--send-btn.active {
  background: #2EB273;
}
.chatBot--send-btn.active svg {
  color: #fff;
}
.chatBot--send-btn.active:hover {
  background: #1A8A56;
}
.chatBot--send-btn.active:active {
  transform: scale(0.94);
}
.chatBot--send-btn:disabled {
  cursor: default;
}

.chatBot--hints {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
  font-size: 11px;
  color: #AFAFB4;
  font-family: inherit;
}
.chatBot--hints kbd {
  font-family: inherit;
  font-size: 10px;
  background: #F2F3F4;
  border: 1px solid #ECEDEF;
  border-radius: 4px;
  padding: 1px 4px;
  color: #8E8E93;
}

.chatBot--hints-right {
  margin-left: auto;
}

@keyframes chatBotFadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes chatBotBounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
}.action-bar {
  display: flex;
  padding: 0.75rem 0rem;
  justify-content: space-between;
  align-items: center;
}
.action-bar--RightContent {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.action-bar--LeftContent {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.action-bar--HeaderCard {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.filter-bar {
  display: flex;
  padding: 0.75rem 0rem;
  align-items: center;
  justify-content: space-between;
}
.filter-bar .filter-bar--LeftContent {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.filter-bar .filter-bar--LeftContent h6 {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  background-color: #fff;
  box-shadow: unset;
  padding: 0rem 0.5rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn:hover {
  box-shadow: unset;
}
.filter-bar .filter-bar--LeftContent .filter-chip {
  border: 0.063rem solid #f3f2f2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}
.filter-bar .filter-bar--LeftContent .subtask-switch {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch {
  width: 1.75rem;
  height: 1.063rem;
  margin-top: 0.375rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before {
  width: 0.875rem;
  height: 0.813rem;
}
.filter-bar .filter-bar--RightContent .enable-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #4AC08C;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
  cursor: pointer;
}.view-modal--Head {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f5f6f5;
}
.view-modal--Tab {
  border-right: 1px solid #f5f6f5;
  width: 12rem;
  flex-shrink: 0;
  padding-bottom: auto;
}
.view-modal--Tab .MuiButtonBase-root {
  min-height: 3rem;
  text-transform: none;
  display: flex;
  gap: 0.25rem;
  justify-content: flex-start;
  margin: 0 0.75rem;
  margin-bottom: 0.375rem;
  border-radius: 0.5rem;
}
.view-modal--Tab .MuiButtonBase-root:first-child {
  margin-top: 0.375rem;
}
.view-modal--Tab .MuiButtonBase-root:last-child {
  margin-bottom: 0;
}
.view-modal--Tab .MuiButtonBase-root:hover {
  background-color: #eeeff1;
}
.view-modal--Tab .Mui-selected {
  border-radius: 0.5rem;
  background-color: #D2F0E6;
  color: #2EB273;
}
.view-modal--Tab .Mui-selected svg {
  color: #2EB273;
}
.view-modal--Tab .Mui-selected:hover {
  background-color: #D2F0E6;
}
.view-modal--Tab .MuiTabs-indicator {
  display: none;
}
.view-modal--TabsContent {
  display: flex;
}
.view-modal .MuiDialog-paper {
  min-width: 40rem;
}
.view-modal--TabData {
  height: 25rem;
}
.view-modal--TabData img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.view-modal--Desc {
  padding: 0rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-weight: 400;
}
.view-modal--Header {
  display: flex;
  align-items: center;
  color: #d3d3d4;
}
.view-modal--Tabs {
  display: flex;
  gap: 0.25rem;
}
.view-modal--Tabs svg {
  color: #7b7c7f;
}
.view-modal--Tabs.Mui-disabled {
  color: #d3d3d4;
}
.view-modal--Tabs.Mui-disabled svg {
  color: #d3d3d4;
}
.view-modal--Select {
  border-radius: 1.5rem;
  padding: 0rem 0.5rem;
}
.view-modal--Select .MuiSelect-select {
  padding: 0.25rem 0.5rem;
}
.view-modal--BoardContainer {
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.view-modal--Actions {
  padding: 0.5rem 1rem;
}.select--MenuItemHeader {
  border-top: 1px solid #d3d3d4;
  border-bottom: 1px solid #d3d3d4;
  background-color: #fbfbfb;
}.header-card {
  display: flex;
  padding: 0.375rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  color: #7b7c7f;
  cursor: pointer;
}
.header-card svg {
  width: 1rem;
  height: 1rem;
}
.header-card--Active {
  color: #4AC08C;
}.switch {
  position: relative;
  display: inline-block;
  width: 1.5625rem;
  height: 0.875rem;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.4s;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 0.625rem;
  width: 0.625rem;
  left: 0.1875rem;
  bottom: 0.125rem;
  background-color: white;
  transition: 0.4s;
}
.switch input:checked + .slider:before {
  transform: translateX(0.625rem);
}

/* Rounded sliders */
.slider.round {
  border-radius: 2.125rem;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider.round:before {
  border-radius: 50%;
  border: none;
}.content {
  padding: 1.5rem !important;
}

.remove-filters {
  position: absolute;
  padding: 0rem;
  right: 1.5rem;
}

.remove-filters_rtl {
  position: absolute;
  padding: 0rem;
  left: 1.5rem;
}

.queryBuilder {
  position: relative;
}

.queryBuilder .ruleGroup {
  border: none;
  padding: 0rem;
  display: flex;
  flex-direction: column-reverse;
}

.queryBuilder .ruleGroup .actions .MuiOutlinedInput-root {
  display: none;
}

.queryBuilder .ruleGroup .rule {
  gap: 0.5rem;
  justify-content: space-between;
}

.ruleGroup {
  background-color: white;
}

.ruleGroup-body .ruleGroup {
  background-color: #fbfbfb;
  border: 0.063rem solid #f3f2f2;
  padding: 0.5rem;
}

.ruleGroup-body .add-group {
  display: none;
}

.add-filter {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.add-group {
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.063rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.queryBuilder > .ruleGroup {
  gap: 1rem;
}

.ruleGroup-body > .ruleGroup {
  margin: 0.25rem 0rem;
}

.filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.063rem solid #d3d3d4;
}

.combinator-value {
  text-transform: uppercase;
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: fit-content;
  padding: 0.25rem 1rem;
}

.filter-footer {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  justify-content: flex-end;
  border-top: 0.063rem solid #d3d3d4;
  background-color: #f5f6f5;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}

.filter-footer .cancel-filter-btn {
  color: #18274b;
  background-color: #ffffff;
}

.filter-footer .cancel-filter-btn:hover {
  background-color: #f5f6f5;
  color: #18274b;
}

.searchbar-box-list {
  padding: 0.5rem;
  margin-bottom: 4px;
  border-bottom: 0.063rem solid #f3f2f2;
}

.filter-title {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.063rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #919294;
  padding: 0.625rem 0.625rem 0rem;
}

.menu-list {
  justify-content: space-between;
}

.menu-list .icon-list .icons-img {
  min-width: 1.688rem;
}

.select-drps {
  width: 100%;
  color: #1f2125;
  text-transform: capitalize;
}

.select-drps .MuiSelect-select {
  padding: 0.625rem 0.875rem;
}

.select-drps input {
  width: 100%;
  padding: 0.625rem 0.875rem;
}

.new-searchbar .search-wrapper input {
  font-size: 0.781rem;
}

.betweenRules .combinator-list {
  border: 0.125rem dashed #bdbebf;
  border-radius: 0.5rem;
  width: 5rem;
}

.betweenRules .combinator-list .MuiOutlinedInput-notchedOutline {
  border: none;
}

.betweenRules .combinator-list .MuiSelect-select {
  padding: 0.375rem 0.625rem;
  text-transform: capitalize;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.02em;
  text-align: left;
  color: #656669;
}

.filter-dropdown .MuiSelect-select {
  margin-right: 26px;
}.datePicker {
  border-radius: 0.25rem;
  width: 100%;
}
.datePicker input {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.datePicker :disabled {
  -webkit-text-fill-color: unset;
}
.MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer {
  font-weight: 600;
}
.MuiDateCalendar-root .MuiPickersDay-root {
  border-radius: 2px;
}
.MuiDateCalendar-root .MuiPickersDay-today {
  background-color: #f5f6f5;
}
.MuiDateCalendar-root .MuiPickersDay-root:hover {
  background-color: #f5f6f5;
  color: #1F7C5E;
}
.MuiDateCalendar-root .MuiPickersDay-root.Mui-selected,
.MuiDateCalendar-root .MuiPickersYear-yearButton.Mui-selected {
  background-color: #4AC08C;
}
.requiredStar {
  color: #c64d4d;
}.itemEntryModal--Divider {
  border-color: #eeeff1;
}
.itemEntryModal--DialogTitle {
  border-bottom: 1px solid #d3d3d4;
}
.itemEntryModal--SectionTitle {
  padding-left: 1.5rem;
}
.itemEntryModal--DialogContents {
  padding-top: 0 !important;
}
.itemEntryModal--DialogAction {
  justify-content: end !important;
  z-index: 9999 !important;
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1 !important;
}
.itemEntryModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}
.itemEntryModal--DialogAction--GreenBtn {
  background-color: #2EB273 !important;
  color: #fff !important;
}
.scroll-container {
  overflow: auto; /* enables scroll */
  scrollbar-width: none; /* for Firefox */
  -ms-overflow-style: none; /* for Internet Explorer and Edge */
}
.scroll-container::-webkit-scrollbar {
  display: none; /* for Chrome, Safari and Opera */
}.add-role-drp ul {
  min-width: 12.875rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}
.add-role-drp ul .searchbar-box-list {
  border: 0;
  padding: 0.313rem 0.75rem 0.5rem 0.75rem;
}
.add-role-drp ul .all-attribute-title {
  padding: 0rem 0.938rem;
}
.add-role-drp ul .all-attribute-title .MuiTypography-root {
  font-size: 0.875rem;
}
.add-role-drp ul .role-drp-list .add-icon {
  min-width: 1.5rem;
}
.add-role-drp ul .role-drp-list .title span {
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.02em;
  color: #656669;
}
.add-role-drp ul .role-drp-list .eye-icon {
  text-align: right;
  min-width: 2rem;
}
.add-role-drp ul .role-drp-list .eye-icon img {
  margin-left: auto;
}
.add-role-drp ul .role-drp-list:last-child .title span {
  color: #1f2125;
}
.add-role-drp ul .role-drp-list:last-child .eye-icon {
  position: relative;
  top: 0.188rem;
}
.add-role-drp ul .role-drp-list:last-child .eye-icon svg {
  fill: #7b7c7f;
}
.dropdown-inner--DestructiveActions {
  color: #c64d4d;
}
.dropdown-inner--DestructiveActions:hover {
  background-color: #fedfdf;
}
.action-items ul {
  display: flex;
  text-align: center;
}
.no-data {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.add-row-btn {
  color: #1f2125 !important;
}
.MuiTableSortLabel-iconDirectionAsc path:first-child {
  fill: #232529;
}
.MuiTableSortLabel-iconDirectionAsc path:last-child {
  fill: #bdbebf;
}
.MuiTableSortLabel-iconDirectionDesc path:first-child {
  fill: #232529;
}
.MuiTableSortLabel-iconDirectionDesc path:last-child {
  fill: #bdbebf;
}
.custom-table table th {
  background-color: #FBFBFB !important;
}
.custom-table table th svg {
  height: 16px !important;
  width: 16px !important;
}
.custom-table table th:nth-child(2) svg {
  height: 20px !important;
  width: 20px !important;
}
.custom-table table th button[aria-label=Move] {
  display: none;
  transition: all 0.3s ease-in-out;
}
.custom-table table th:hover button[aria-label=Move] {
  display: block;
}
.custom-table .MuiTouchRipple-root {
  display: none;
}
.custom-table table th span.MuiBadge-root {
  width: 16px;
}
.custom-table table td {
  font-size: 12px !important;
}.datePicker {
  border-radius: 0.25rem;
  width: 100%;
}
.datePicker input {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.datePicker :disabled {
  -webkit-text-fill-color: unset;
}
.MuiDateCalendar-root .MuiPickersCalendarHeader-labelContainer {
  font-weight: 600;
}
.MuiDateCalendar-root .MuiPickersDay-root {
  border-radius: 2px;
}
.MuiDateCalendar-root .MuiPickersDay-today {
  background-color: #f5f6f5;
}
.MuiDateCalendar-root .MuiPickersDay-root:hover {
  background-color: #f5f6f5;
  color: #1F7C5E;
}
.MuiDateCalendar-root .MuiPickersDay-root.Mui-selected,
.MuiDateCalendar-root .MuiPickersYear-yearButton.Mui-selected {
  background-color: #4AC08C;
}
.requiredStar {
  color: #c64d4d;
}.infoCard {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}.timePicker {
  border-radius: 0.25rem;
  width: 100%;
}
.timePicker input {
  padding: 0.5rem;
  font-size: 0.875rem;
}
.timePicker :disabled {
  -webkit-text-fill-color: unset;
}
.timePicker svg {
  font-size: medium;
}
.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item.Mui-selected {
  background-color: #4AC08C;
  border-radius: 0.5rem;
}
.MuiPickersLayout-root .MuiPickersLayout-contentWrapper .MuiMultiSectionDigitalClockSection-item:hover {
  border-radius: 0.5rem;
  background-color: #f5f6f5;
  color: #1F7C5E;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root {
  border-radius: 0.5rem;
  color: #4AC08C;
}
.MuiPickersLayout-root .MuiButtonBase-root.MuiButton-root:hover {
  border-radius: 0.5rem;
  background-color: #f5f6f5;
  color: #1F7C5E;
}
.requiredStar {
  color: #c64d4d;
}.formParser--Grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.formParser--Accordion {
  margin: 1rem 0rem;
}
.formParser--Section:first-child .formParser--Section--SectionTitle:first-child {
  margin-top: 0;
}
.formParser--Section--SectionDivider {
  margin-top: 2rem;
  border-color: #eeeff1;
}
.avtarDisplay {
  width: 54px;
  height: 56px;
  gap: 10px;
  border-radius: 8px;
  margin: 5px 10px;
  background-color: #eaf2bf;
  transition: 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #505f07;
  font-weight: bold;
}
.m0 {
  margin: 0 !important;
}.account-payble-tabs-wrap {
  min-height: 2.25rem;
  border-bottom: 1px solid #F3F2F2;
}
.account-payble-tabs-wrap .account-payble-tab-items {
  color: #7b7c7f;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  text-transform: capitalize;
  min-height: 2.25rem;
}
.account-payble-tabs-wrap .account-payble-tab-items.Mui-selected {
  color: #232529;
}
.account-payble-tabs-wrap .account-payble-tab-items:hover {
  background-color: #f5f6f5;
  color: #7b7c7f;
}
.account-payble-tabs-wrap .MuiTabs-scroller .MuiTabs-indicator {
  background-color: #4AC08C;
}
.Tabs--Title {
  display: flex;
  gap: 0.5rem;
}.brandAddModal--Divider {
  border-color: #eeeff1;
}
.brandAddModal--DialogTitle {
  border-bottom: 1px solid #d3d3d4;
}
.brandAddModal--SectionTitle {
  padding-left: 1.5rem;
}
.brandAddModal--DialogAction {
  justify-content: space-between;
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}
.brandAddModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.upload-icon {
  display: inline-block;
  position: relative;
  border-radius: calc(var(--size) * 625rem);
}

.upload-icon.hoverable:hover {
  background-color: #d3d3d4;
}

.FileUploadCard--FileIcon .Avatar {
  background-color: #ebf9f2;
  padding: 0.375rem;
  border-radius: 0.25rem;
}

.FileUploadCard .MuiListItemText-root .MuiTypography-root {
  font-size: 0.75rem;
  color: #232529;
  line-height: 1.05rem;
}

.FileUploadCard .MuiListItemIcon-root {
  min-width: 2.75rem;
}

.upload .MuiDialog-paper {
  min-width: 38.875rem;
  border-radius: 1rem;
}

.upload--head {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  background-color: #fbfbfb;
  border-top: 1px solid #eeeff1;
}

.upload--title {
  display: flex;
  align-items: center;
}

.upload--content {
  padding: 1.5rem 1.375rem 2.25rem 1.375rem;
}

.upload--fileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 16.25rem;
  border: 0.0625rem dashed #d3d3d4;
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: border 0.3s ease;
  text-align: center;
}

.upload--fileContent.drag-active {
  border-color: #4AC08C;
}

.upload--text {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}

.upload--iconBox {
  display: flex;
  flex-direction: column;
}

.upload--actions {
  padding: 0.5rem 1rem;
}

.upload .upload--head .upload--title .dialog-box-title {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .upload--head button svg {
  width: 1.25rem;
}

.upload .upload--head button svg path {
  fill: #292d32;
}

.upload .upload--content .input-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}

.upload .autocomplete-input-upload {
  margin-left: 0rem;
  margin-right: 0.3125rem;
  width: 100%;
}

.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root {
  padding: 0rem 0.5rem;
}

.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator {
  display: none;
  visibility: hidden;
}

.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline {
  border-color: #ddd;
  border-width: 0.0625rem;
}

.upload .upload-btn {
  min-width: 6.25rem;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .public-check-label {
  margin-left: 0rem;
}

.upload .public-check-label .MuiFormControlLabel-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .people-access-accordion {
  border: 0rem;
  border-radius: 0rem;
  box-shadow: none;
  margin-top: 0rem;
}

.upload .people-access-accordion::before {
  background-color: unset;
}

.upload .people-access-accordion .MuiAccordionSummary-root {
  padding: 0rem;
  margin: 0rem;
  min-height: 4rem;
}

.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details {
  padding: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list {
  padding: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root {
  padding: 0rem;
  margin-bottom: 0.9375rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name {
  color: #1f2125;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge {
  display: flex;
  padding: 0.25rem 0.375rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background: #f5f6f5;
  overflow: hidden;
  color: #656669;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select {
  padding: 0.5rem 0rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline {
  border: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path {
  fill: #919294;
}

.upload .upload--actions {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  background-color: #eeeff1;
}

.upload .upload--actions .cancel-btn {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  color: #1f2125;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

.upload .upload--actions .success-btn {
  display: flex;
  padding: 0.375rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  color: #fff;
  background: var(--PrimaryGreen-700, #289b64);
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

.select-menu-items {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}

.user-select-chips {
  border-radius: 0.25rem;
}

.dzu-dropzone {
  border: unset !important;
  background: transparent !important;
  height: 100%;
}

.dzu-inputLabel {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}

.preview-box {
  display: flex;
  align-items: center;
  width: calc(100% - 1.875rem);
  padding: 0.625rem 3%;
  background: #fff;
  border-bottom: 0.0625rem solid #ddd;
  font-size: 0.875rem;
}

.preview-box img {
  max-height: 5rem;
  max-width: 5rem;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #f5f6f5;
}

.document-name {
  display: flex;
  width: 28.125rem;
  align-items: flex-start;
  gap: 0.75rem;
}

.delete-icon {
  cursor: pointer;
}

.upload-list {
  width: 100%;
}

.drop-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.after-drop {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  align-items: center;
}

.after-drop img {
  width: 3rem;
  height: 3rem;
}

.after-drop p {
  font-weight: 500;
}

.device-wrap {
  display: flex;
  gap: 1.5rem;
}

.device-wrap .select-button {
  margin-top: 1rem;
}

.device-wrap .select-button img {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #eeeff1;
}

.device-wrap .select-button p {
  color: #656669;
}

.bottom-corner-box {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
  max-height: 50%;
}

.bottom-corner-box .box-list {
  overflow-y: auto;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.bottom-corner-box .bottom-section {
  border-bottom: 0.063rem solid #eeeff1;
  padding: 0.5rem;
}

.bottom-corner-box .bottom-section .close-icon,
.bottom-corner-box .bottom-section .folder-icon {
  transform: translate(-50%, -79%);
  left: 50%;
  right: unset;
}

.avatar-container {
  position: relative;
  display: flex;
}

.close-icon,
.folder-icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}

.avatar-container:hover .avatar {
  display: none;
}

.avatar-container:hover .close-icon,
.avatar-container:hover .folder-icon {
  display: block;
}

.header-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-50, #fff);
}

.import-text {
  color: #000;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.canceled-text {
  color: #656669;
}

.svgDiv {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-200, #f5f6f5);
}

.svg {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

.body-section {
  display: flex;
  height: 20rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  background: #fff;
}

.document-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.document-body {
  display: flex;
  width: 35.375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.document-name {
  display: flex;
  width: 34.375rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-items: center;
}

.document-choices {
  display: flex;
  width: 9.625rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.document-icon-sm {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-icon-lg {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
}

.svg-document {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.document-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.document-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.document-size {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.document-size .success-file {
  color: #289b64;
  margin: 0 0.75rem;
}

.document-size .fail-file {
  color: #f86060;
  margin: 0 0.75rem;
}

.checkbox {
  display: flex;
  height: 2.5625rem;
  align-items: center;
  gap: 0.25rem;
}

.delete-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.checkbox-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.checkbox-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.svg-delete {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.button-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Button-Secondary_BG, #fff);
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.button-body {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.button-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.button-add {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
}

.svg-add {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.button-add-text {
  color: var(--Button-On_Secondary, #1f2125);
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.submit-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 3.125rem;
  align-self: stretch;
  border-top: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-200, #f5f6f5);
}

.btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.btn-cancel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: #fff;
  color: #292d32;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.btn-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-500, #a7a8a9);
  color: #ffffff;
  box-shadow: 0rem 0.125rem 0.3125rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.0625rem 0.0625rem -0.125rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}

.top-section {
  display: flex;
  width: 350rem;
  padding: 0.5rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem 0.75rem 0rem 0rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.top-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
}

.top-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
}

.arrow-btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.svg-arrow-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.svg-cancel-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.bottom-section {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  background: #fff;
}

.svg-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.doc-icon {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
}

.svg-doc {
  width: 20rem;
  height: 20rem;
}

.file-detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.file-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}

.file-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.015rem;
}

.file-status {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}

.svg-status {
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}

.add-file {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
  border: unset;
}

.uploadActions, .uploadHeader {
  padding: 0.5rem;
  background-color: #fbfbfb;
  border-top: 1px solid #eeeff1;
}

.remove-button {
  position: absolute;
  z-index: 10;
  background: #54CC96;
  height: 30px;
  width: 30px;
  color: white;
  top: -10px;
  right: -10px;
  border: 3px solid white;
}

.remove-button:hover {
  z-index: 10;
  background: #4AC08C;
}

.icon-BG {
  position: relative;
  background: #B6E9D6;
  border-radius: 8px;
}.fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  position: fixed;
  bottom: 50%;
  width: -webkit-fill-available;
  transform: translateY(50%);
}
.fallback--Text {
  width: 25%;
  text-align: center;
}.pagination {
  display: flex;
  align-items: center;
}

.page-size-select {
  width: auto;
  margin: 0rem 0.5rem;
}

.page-size-select .MuiSelect-select {
  font-size: 0.75rem;
  color: #656669;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
}

.page-size-select .MuiSvgIcon-root {
  right: 2px;
  font-size: 1.2rem;
}

.page-size-select-pagination .MuiSelect-select {
  margin-right: 16px;
}

.page-input {
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  width: fit-content;
  max-width: 2rem;
  border: 1px solid #d3d3d4 !important;
  font-size: 0.75rem;
}

.goto-box {
  margin: 0 8px;
}

.goto-box .MuiInputBase-root .MuiInputBase-input {
  padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
  max-width: 26px;
  font-size: 12px;
}.shared-pages-modal .tab-title-wrap {
  border-right: 0.0625rem solid #f5f6f5;
}
.shared-pages-modal .tab-title-wrap .MuiTabs-indicator {
  background-color: #bdbebf;
}
.shared-pages-modal .tab-title-wrap .tab-search-wrap {
  padding: 0.5rem 0.75rem;
  border-bottom: 0.0625rem solid #f5f6f5;
}
.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer {
  padding: 0.5rem;
}
.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root {
  margin-bottom: 0.5rem;
  color: #1f2125;
  padding: 0.375rem 0.75rem;
  min-height: auto;
  text-transform: capitalize;
  line-height: 1.25rem;
  border-radius: 0.25rem;
  align-items: flex-start;
}
.shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root.Mui-selected, .shared-pages-modal .tab-title-wrap .MuiTabs-flexContainer .MuiButtonBase-root:hover {
  background-color: #f5f6f5;
}
.shared-pages-modal .MuiDialogContent-root {
  padding: 0;
}
.shared-pages-modal .MuiPaper-root {
  max-width: 44.0625rem;
  height: 30.375rem;
}
.shared-pages-modal .shared-grid-wrap {
  padding: 1rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .MuiBox-root {
  padding: 0;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main {
  background-color: #fbfbfb;
  padding: 0.625rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap {
  position: relative;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img {
  height: 13.4375rem;
  max-width: 100%;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab {
  position: absolute;
  bottom: 0.5rem;
  right: 0.375rem;
  left: auto;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller {
  height: auto;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer {
  gap: 0.375rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root {
  padding: 0;
  border: 0.0625rem solid #f3f2f2;
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
  max-width: 100%;
  min-width: auto;
  min-height: 1.5rem;
  color: #656669;
  background-color: #f5f6f5;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-scroller .MuiTabs-flexContainer .MuiButtonBase-root.MuiTab-root.Mui-selected {
  background-color: #32c27d;
  color: #fff;
  border-radius: 3.75rem;
  width: auto;
  padding: 0.25rem 0.5rem;
  text-transform: capitalize;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .shared-pages-main .shared-img-wrap .shared-img-tab .MuiTabs-indicator {
  display: none;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap {
  padding: 1.5rem 0 0.5rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info h1 {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #1f2125;
  margin: 0;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle {
  color: #232529;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .switch {
  margin-left: 0.75rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .MuiFormControlLabel-root .MuiTypography-root {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.0625rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0625rem;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-inner-info .tab-toggle .owner-name-wrap p span {
  color: #656669;
}
.shared-pages-modal .shared-grid-wrap .shared-tab .tab-info-wrap .tab-content p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.0625rem;
  margin: 0;
  color: #656669;
}.share .MuiDialog-paper {
  min-width: 42.375rem;
  border-radius: 1rem;
}
.share--head {
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: space-between;
  align-items: center;
}
.share--title {
  display: flex;
  align-items: center;
}
.share--content {
  padding: 1rem 1.375rem 1.5rem 1.375rem;
}
.share--blurClass .MuiAccordionSummary-root {
  opacity: 0.3;
}
.share--blurClass .accordion-list {
  opacity: 0.3;
}
.share--actions {
  padding: 0.5rem 1rem;
}
.share .share--head .share--title .dialog-box-title {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.share .share--head button svg {
  width: 1.25rem;
}
.share .share--head button svg path {
  fill: #292d32;
}
.share .share--content .input-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}
.share .autocomplete-input-share {
  margin-left: 0rem;
  margin-right: 0.313rem;
  width: 100%;
}
.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root {
  padding: 0rem 0.5rem;
}
.share .autocomplete-input-share .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator {
  display: none;
  visibility: hidden;
}
.share .autocomplete-input-share .MuiOutlinedInput-notchedOutline {
  border-color: #ddd;
  border-width: 0.063rem;
}
.share .chip-selected-role .MuiChip-filled {
  border-radius: 0.25rem;
  background-color: rgb(245, 246, 245);
}
.share .clear-role-icon {
  padding: 0rem;
}
.share .share-btn {
  min-width: 6.25rem;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.share .public-check-label {
  margin-left: 0;
}
.share .public-check-label .MuiFormControlLabel-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.share .people-access-accordion {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}
.share .people-access-accordion::before {
  background-color: unset;
}
.share .people-access-accordion .MuiAccordionSummary-root {
  padding: 0;
  margin: 0;
  min-height: 4rem;
}
.share .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.share .people-access-accordion .user-accordion-details {
  padding: 0;
}
.share .people-access-accordion .user-accordion-details .accordion-list {
  padding: 0;
  width: 100%;
  background-color: #fff;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root {
  padding: 0;
  margin-bottom: 0.938rem;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name {
  color: #1f2125;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
  display: inline;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge {
  display: flex;
  padding: 0.25rem 0.375rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background: #f5f6f5;
  overflow: hidden;
  color: #656669;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select {
  padding: 0.5rem 0;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  color: #232529;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline {
  border: 0;
}
.share .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path {
  fill: #919294;
}
.share .share--actions {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  background-color: #eeeff1;
}
.share .share--actions .cancel-btn {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  color: #1f2125;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}
.share .share--actions .success-btn {
  display: flex;
  padding: 0.375rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  color: #fff;
  background: #4AC08C;
  box-shadow: 0 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0 -0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.05);
}
.select-menu-items {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.24px;
  color: #232529;
}
.user-select-chips {
  border-radius: 0.25rem;
}.page-navigator {
  width: 100%; /* Default for mobile */
}
@media (min-width: 1200px) and (max-width: 1439px) {
  .page-navigator {
    width: 80%;
  }
}
@media (min-width: 1440px) {
  .page-navigator {
    width: 100%;
  }
}

@media (max-width: 1366px) {
  .page-navigator-container {
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .footer--Container {
    flex-direction: column;
  }
  .page-navigator-container {
    width: 100%;
  }
  .footer--Container .pagination {
    justify-content: flex-end;
  }
}
.footer--Container {
  width: calc(100% - 350px) !important;
}.sheet-select {
  margin: 0rem 0.5rem;
}
.sheet-select .MuiOutlinedInput-notchedOutline {
  border: 0;
}
.sheet-select .MuiSelect-select {
  font-size: 0.75rem;
  color: #656669;
  padding: 0rem 0.25rem !important;
}
.footer--Container {
  display: flex;
  position: fixed;
  bottom: 0;
  transition: all 0.4s ease-in-out;
  background-color: white;
  z-index: 1201;
  width: calc(100% - 365px);
}
.footer--drawerContainer {
  display: flex;
  position: fixed;
  transition: all 0.4s ease-in-out;
  bottom: 0;
  background-color: white;
  z-index: 1201;
  width: calc(100% - 130px);
}.formHeader--Header {
  padding: 0.75rem 2rem 0.75rem 2rem;
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #f5f6f5;
  position: sticky;
  top: 0;
  z-index: 1100;
  background: #fff;
}.module-tile-container {
  display: flex;
  width: 10.25rem;
  padding: 1.5rem 1rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.module-box {
  display: flex;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 0.75rem;
  justify-content: center;
  align-items: center;
}

.module-box.transparent {
  border: 1px solid rgba(31, 33, 37, 0.1);
}

.module-box img {
  object-fit: none;
}

.module-label {
  color: #1f2125;
}.valueField--Container {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}.ruleGroup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0.25rem;
  border-width: 1px;
  background: rgba(0, 75, 183, 0.2);
}
.ruleGroup .ruleGroup-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ruleGroup .ruleGroup-body:empty {
  display: none;
}
.ruleGroup .ruleGroup-header,
.ruleGroup .rule {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.ruleGroup .rule .rule-value:has(.rule-value-list-item) {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}

[data-inlinecombinators=disabled] .dndOver.rule, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=disabled] .dndOver.rule.dndCopy, [data-inlinecombinators=disabled] .dndOver.ruleGroup-header.dndCopy {
  border-bottom-color: #669933;
}

[data-inlinecombinators=enabled] .dndOver.rule:last-child, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules, [data-inlinecombinators=enabled] .dndOver.betweenRules {
  border-bottom-width: 2px;
  border-bottom-style: dashed;
  border-bottom-color: rebeccapurple;
  padding-bottom: 0.5rem;
}
[data-inlinecombinators=enabled] .dndOver.rule:last-child.dndCopy, [data-inlinecombinators=enabled] .dndOver.ruleGroup-header.dndCopy, [data-inlinecombinators=enabled] .dndOver.rule + .betweenRules.dndCopy, [data-inlinecombinators=enabled] .dndOver.betweenRules.dndCopy {
  border-bottom-color: #669933;
}

.ruleGroup.dndDragging,
.rule.dndDragging {
  opacity: 0.5;
}
.ruleGroup .queryBuilder-dragHandle,
.rule .queryBuilder-dragHandle {
  cursor: move;
}

.queryBuilder-branches .ruleGroup-body {
  margin-left: calc(2 * 0.5rem);
}
.queryBuilder-branches .rule,
.queryBuilder-branches .ruleGroup .ruleGroup {
  position: relative;
}
.queryBuilder-branches .rule::before, .queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::before,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
}
.queryBuilder-branches .rule::before,
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: -0.5rem;
  height: calc(50% + 0.5rem);
  border-width: 0 0 1px 1px;
}
.queryBuilder-branches .rule:last-child::before,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::before {
  border-bottom-left-radius: 0.25rem;
}
.queryBuilder-branches .rule::after,
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  top: 50%;
  height: 50%;
  border-width: 0 0 0 1px;
}
.queryBuilder-branches .rule:last-child::after,
.queryBuilder-branches .ruleGroup .ruleGroup:last-child::after {
  display: none;
}
.queryBuilder-branches .ruleGroup .ruleGroup::before, .queryBuilder-branches .ruleGroup .ruleGroup::after {
  left: calc(-0.5rem - 1px - 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::before {
  top: calc(-0.5rem - 1px);
  height: calc(50% + 0.5rem + 1px);
}
.queryBuilder-branches .ruleGroup .ruleGroup::after {
  height: calc(50% + 1px);
}
.queryBuilder-branches .betweenRules {
  position: relative;
}
.queryBuilder-branches .betweenRules::before {
  content: "";
  width: 0.5rem;
  left: calc(-0.5rem - 1px);
  border-color: #8081a2;
  border-style: solid;
  border-radius: 0;
  position: absolute;
  top: -0.5rem;
  height: calc(100% + 0.5rem);
  border-width: 0 0 0 1px;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:25px;height:20px;background-image:url(data:image/png;base64, );background-repeat:no-repeat}.react-tel-input .ad{background-position:-48px -24px}.react-tel-input .ae{background-position:-72px -24px}.react-tel-input .af{background-position:-96px -24px}.react-tel-input .ag{background-position:-120px -24px}.react-tel-input .ai{background-position:-144px -24px}.react-tel-input .al{background-position:-168px -24px}.react-tel-input .am{background-position:-192px -24px}.react-tel-input .an{background-position:-216px -24px}.react-tel-input .ao{background-position:-240px -24px}.react-tel-input .aq{background-position:-264px -24px}.react-tel-input .ar{background-position:-288px -24px}.react-tel-input .as{background-position:-312px -24px}.react-tel-input .at{background-position:-336px -24px}.react-tel-input .au{background-position:-360px -24px}.react-tel-input .aw{background-position:-384px -24px}.react-tel-input .ax{background-position:0 -48px}.react-tel-input .az{background-position:-24px -48px}.react-tel-input .ba{background-position:-48px -48px}.react-tel-input .bb{background-position:-72px -48px}.react-tel-input .bd{background-position:-96px -48px}.react-tel-input .be{background-position:-120px -48px}.react-tel-input .bf{background-position:-144px -48px}.react-tel-input .bg{background-position:-168px -48px}.react-tel-input .bh{background-position:-192px -48px}.react-tel-input .bi{background-position:-216px -48px}.react-tel-input .bj{background-position:-240px -48px}.react-tel-input .bl{background-position:-264px -48px}.react-tel-input .bm{background-position:-288px -48px}.react-tel-input .bn{background-position:-312px -48px}.react-tel-input .bo{background-position:-336px -48px}.react-tel-input .br{background-position:-360px -48px}.react-tel-input .bs{background-position:-384px -48px}.react-tel-input .bt{background-position:0 -72px}.react-tel-input .bw{background-position:-24px -72px}.react-tel-input .by{background-position:-48px -72px}.react-tel-input .bz{background-position:-72px -72px}.react-tel-input .ca{background-position:-96px -72px}.react-tel-input .cc{background-position:-120px -72px}.react-tel-input .cd{background-position:-144px -72px}.react-tel-input .cf{background-position:-168px -72px}.react-tel-input .cg{background-position:-192px -72px}.react-tel-input .ch{background-position:-216px -72px}.react-tel-input .ci{background-position:-240px -72px}.react-tel-input .ck{background-position:-264px -72px}.react-tel-input .cl{background-position:-288px -72px}.react-tel-input .cm{background-position:-312px -72px}.react-tel-input .cn{background-position:-336px -72px}.react-tel-input .co{background-position:-360px -72px}.react-tel-input .cr{background-position:-384px -72px}.react-tel-input .cu{background-position:0 -96px}.react-tel-input .cv{background-position:-24px -96px}.react-tel-input .cw{background-position:-48px -96px}.react-tel-input .cx{background-position:-72px -96px}.react-tel-input .cy{background-position:-96px -96px}.react-tel-input .cz{background-position:-120px -96px}.react-tel-input .de{background-position:-144px -96px}.react-tel-input .dj{background-position:-168px -96px}.react-tel-input .dk{background-position:-192px -96px}.react-tel-input .dm{background-position:-216px -96px}.react-tel-input .do{background-position:-240px -96px}.react-tel-input .dz{background-position:-264px -96px}.react-tel-input .ec{background-position:-288px -96px}.react-tel-input .ee{background-position:-312px -96px}.react-tel-input .eg{background-position:-336px -96px}.react-tel-input .eh{background-position:-360px -96px}.react-tel-input .er{background-position:-384px -96px}.react-tel-input .es{background-position:0 -120px}.react-tel-input .et{background-position:-24px -120px}.react-tel-input .eu{background-position:-48px -120px}.react-tel-input .fi{background-position:-72px -120px}.react-tel-input .fj{background-position:-96px -120px}.react-tel-input .fk{background-position:-120px -120px}.react-tel-input .fm{background-position:-144px -120px}.react-tel-input .fo{background-position:-168px -120px}.react-tel-input .fr{background-position:-192px -120px}.react-tel-input .ga{background-position:-216px -120px}.react-tel-input .gb{background-position:-240px -120px}.react-tel-input .gd{background-position:-264px -120px}.react-tel-input .ge{background-position:-288px -120px}.react-tel-input .gg{background-position:-312px -120px}.react-tel-input .gh{background-position:-336px -120px}.react-tel-input .gi{background-position:-360px -120px}.react-tel-input .gl{background-position:-384px -120px}.react-tel-input .gm{background-position:0 -144px}.react-tel-input .gn{background-position:-24px -144px}.react-tel-input .gq{background-position:-48px -144px}.react-tel-input .gr{background-position:-72px -144px}.react-tel-input .gs{background-position:-96px -144px}.react-tel-input .gt{background-position:-120px -144px}.react-tel-input .gu{background-position:-144px -144px}.react-tel-input .gw{background-position:-168px -144px}.react-tel-input .gy{background-position:-192px -144px}.react-tel-input .hk{background-position:-216px -144px}.react-tel-input .hn{background-position:-240px -144px}.react-tel-input .hr{background-position:-264px -144px}.react-tel-input .ht{background-position:-288px -144px}.react-tel-input .hu{background-position:-312px -144px}.react-tel-input .ic{background-position:-336px -144px}.react-tel-input .id{background-position:-360px -144px}.react-tel-input .ie{background-position:-384px -144px}.react-tel-input .il{background-position:0 -168px}.react-tel-input .im{background-position:-24px -168px}.react-tel-input .in{background-position:-48px -168px}.react-tel-input .iq{background-position:-72px -168px}.react-tel-input .ir{background-position:-96px -168px}.react-tel-input .is{background-position:-120px -168px}.react-tel-input .it{background-position:-144px -168px}.react-tel-input .je{background-position:-168px -168px}.react-tel-input .jm{background-position:-192px -168px}.react-tel-input .jo{background-position:-216px -168px}.react-tel-input .jp{background-position:-240px -168px}.react-tel-input .ke{background-position:-264px -168px}.react-tel-input .kg{background-position:-288px -168px}.react-tel-input .kh{background-position:-312px -168px}.react-tel-input .ki{background-position:-336px -168px}.react-tel-input .xk{background-position:-144px 0}.react-tel-input .km{background-position:-360px -168px}.react-tel-input .kn{background-position:-384px -168px}.react-tel-input .kp{background-position:0 -192px}.react-tel-input .kr{background-position:-24px -192px}.react-tel-input .kw{background-position:-48px -192px}.react-tel-input .ky{background-position:-72px -192px}.react-tel-input .kz{background-position:-96px -192px}.react-tel-input .la{background-position:-120px -192px}.react-tel-input .lb{background-position:-144px -192px}.react-tel-input .lc{background-position:-168px -192px}.react-tel-input .li{background-position:-192px -192px}.react-tel-input .lk{background-position:-216px -192px}.react-tel-input .lr{background-position:-240px -192px}.react-tel-input .ls{background-position:-264px -192px}.react-tel-input .lt{background-position:-288px -192px}.react-tel-input .lu{background-position:-312px -192px}.react-tel-input .lv{background-position:-336px -192px}.react-tel-input .ly{background-position:-360px -192px}.react-tel-input .ma{background-position:-384px -192px}.react-tel-input .mc{background-position:0 -216px}.react-tel-input .md{background-position:-24px -216px}.react-tel-input .me{background-position:-48px -216px}.react-tel-input .mf{background-position:-72px -216px}.react-tel-input .mg{background-position:-96px -216px}.react-tel-input .mh{background-position:-120px -216px}.react-tel-input .mk{background-position:-144px -216px}.react-tel-input .ml{background-position:-168px -216px}.react-tel-input .mm{background-position:-192px -216px}.react-tel-input .mn{background-position:-216px -216px}.react-tel-input .mo{background-position:-240px -216px}.react-tel-input .mp{background-position:-264px -216px}.react-tel-input .mq{background-position:-288px -216px}.react-tel-input .mr{background-position:-312px -216px}.react-tel-input .ms{background-position:-336px -216px}.react-tel-input .mt{background-position:-360px -216px}.react-tel-input .mu{background-position:-384px -216px}.react-tel-input .mv{background-position:0 -240px}.react-tel-input .mw{background-position:-24px -240px}.react-tel-input .mx{background-position:-48px -240px}.react-tel-input .my{background-position:-72px -240px}.react-tel-input .mz{background-position:-96px -240px}.react-tel-input .na{background-position:-120px -240px}.react-tel-input .nc{background-position:-144px -240px}.react-tel-input .ne{background-position:-168px -240px}.react-tel-input .nf{background-position:-192px -240px}.react-tel-input .ng{background-position:-216px -240px}.react-tel-input .ni{background-position:-240px -240px}.react-tel-input .nl{background-position:-264px -240px}.react-tel-input .no{background-position:-288px -240px}.react-tel-input .np{background-position:-312px -240px}.react-tel-input .nr{background-position:-336px -240px}.react-tel-input .nu{background-position:-360px -240px}.react-tel-input .nz{background-position:-384px -240px}.react-tel-input .om{background-position:0 -264px}.react-tel-input .pa{background-position:-24px -264px}.react-tel-input .pe{background-position:-48px -264px}.react-tel-input .pf{background-position:-72px -264px}.react-tel-input .pg{background-position:-96px -264px}.react-tel-input .ph{background-position:-120px -264px}.react-tel-input .pk{background-position:-192px -264px}.react-tel-input .pl{background-position:-216px -264px}.react-tel-input .pn{background-position:-240px -264px}.react-tel-input .pr{background-position:-264px -264px}.react-tel-input .ps{background-position:-288px -264px}.react-tel-input .pt{background-position:-312px -264px}.react-tel-input .pw{background-position:-336px -264px}.react-tel-input .py{background-position:-360px -264px}.react-tel-input .qa{background-position:-384px -264px}.react-tel-input .ro{background-position:0 -288px}.react-tel-input .rs{background-position:-24px -288px}.react-tel-input .ru{background-position:-48px -288px}.react-tel-input .rw{background-position:-72px -288px}.react-tel-input .sa{background-position:-96px -288px}.react-tel-input .sb{background-position:-120px -288px}.react-tel-input .sc{background-position:-144px -288px}.react-tel-input .sd{background-position:-168px -288px}.react-tel-input .se{background-position:-192px -288px}.react-tel-input .sg{background-position:-216px -288px}.react-tel-input .sh{background-position:-240px -288px}.react-tel-input .si{background-position:-264px -288px}.react-tel-input .sk{background-position:-288px -288px}.react-tel-input .sl{background-position:-312px -288px}.react-tel-input .sm{background-position:-336px -288px}.react-tel-input .sn{background-position:-360px -288px}.react-tel-input .so{background-position:-384px -288px}.react-tel-input .sr{background-position:0 -312px}.react-tel-input .ss{background-position:-24px -312px}.react-tel-input .st{background-position:-48px -312px}.react-tel-input .sv{background-position:-72px -312px}.react-tel-input .sy{background-position:-96px -312px}.react-tel-input .sz{background-position:-120px -312px}.react-tel-input .tc{background-position:-144px -312px}.react-tel-input .td{background-position:-168px -312px}.react-tel-input .tf{background-position:-192px -312px}.react-tel-input .tg{background-position:-216px -312px}.react-tel-input .th{background-position:-240px -312px}.react-tel-input .tj{background-position:-264px -312px}.react-tel-input .tk{background-position:-288px -312px}.react-tel-input .tl{background-position:-312px -312px}.react-tel-input .tm{background-position:-336px -312px}.react-tel-input .tn{background-position:-360px -312px}.react-tel-input .to{background-position:-384px -312px}.react-tel-input .tr{background-position:0 -336px}.react-tel-input .tt{background-position:-24px -336px}.react-tel-input .tv{background-position:-48px -336px}.react-tel-input .tw{background-position:-72px -336px}.react-tel-input .tz{background-position:-96px -336px}.react-tel-input .ua{background-position:-120px -336px}.react-tel-input .ug{background-position:-144px -336px}.react-tel-input .us{background-position:-168px -336px}.react-tel-input .uy{background-position:-192px -336px}.react-tel-input .uz{background-position:-216px -336px}.react-tel-input .va{background-position:-240px -336px}.react-tel-input .vc{background-position:-264px -336px}.react-tel-input .ve{background-position:-288px -336px}.react-tel-input .vg{background-position:-312px -336px}.react-tel-input .vi{background-position:-336px -336px}.react-tel-input .vn{background-position:-360px -336px}.react-tel-input .vu{background-position:-384px -336px}.react-tel-input .wf{background-position:0 -360px}.react-tel-input .ws{background-position:-24px -360px}.react-tel-input .ye{background-position:-48px -360px}.react-tel-input .za{background-position:-96px -360px}.react-tel-input .zm{background-position:-120px -360px}.react-tel-input .zw{background-position:-144px -360px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{font-size:16px;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;width:300px;outline:none;padding:18.5px 14px 18.5px 58px;transition:box-shadow ease .25s,border-color ease .25s}.react-tel-input .form-control:hover{border-color:#000}.react-tel-input .form-control:focus{border-color:#1976d2;box-shadow:0 0 0 1px #1976d2}.react-tel-input .form-control:focus+div:before{color:#1976d2}.react-tel-input .form-control.invalid-number{border:1px solid #f44336}.react-tel-input .form-control.invalid-number:focus{box-shadow:0 0 0 1px #f44336}.react-tel-input .form-control.invalid-number+div:before{content:'Error';display:none;color:#f44336;width:27px}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.open{z-index:2}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default;border-color:#CACACA}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:52px;height:100%;padding:0 0 0 11px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:focus .arrow{border-left-width:4px;border-right-width:4px;border-top:5px solid #1976d2}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-12px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-1px;left:29px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 18px rgba(0,0,0,0.25);background-color:white;width:300px;max-height:220px;overflow-y:scroll;border-radius:7px}.react-tel-input .country-list .flag{display:inline-block;position:absolute;left:13px;top:8px}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{position:relative;padding:12px 9px 13px 46px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{z-index:2;position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{display:none;font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .search-box:hover{border-color:#505050}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:25px;top:-7px;background:#fff;padding:0 5px;color:#de0000}.react-tel-input .special-label{position:absolute;z-index:1;top:-7px;left:25px;display:block;background:white;padding:0 5px;font-size:13px;white-space:nowrap}.fixedAssetItemAddModal--DialogTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  border-bottom: 1px solid #e0e0e0;
}
.fixedAssetItemAddModal--DialogContents {
  padding: 24px !important;
}
.fixedAssetItemAddModal--DialogAction {
  display: flex;
  justify-content: space-between;
  padding: 16px 24px;
  border-top: 1px solid #e0e0e0;
}
.fixedAssetItemAddModal--DialogAction--WhiteBtn {
  background-color: #FFFFFF !important;
  border: 1px solid #e0e0e0;
  color: #333;
}
.fixedAssetItemAddModal--DialogAction--WhiteBtn:hover {
  background-color: #f5f5f5 !important;
}.react-datepicker__header {
  border-bottom: none;
  background-color: #fff;
  padding: 0;
  /* No need to convert as it's already in pixels */
}

.react-datepicker {
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.08), 0px 0.125rem 1rem 0px rgba(0, 0, 0, 0.04);
  /* Converted from pixels to rem */
  border: none;
}

.react-datepicker__today-button {
  padding: 0;
  /* No need to convert */
  border-top: 0.0625rem solid #eeeff1;
  /* Converted from pixels to rem */
  font-weight: normal;
}

.react-datepicker__day-name {
  color: #7b7c7f;
}

.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: #4AC08C;
  color: #fff;
}

.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: #B6E9D6;
  color: #232529;
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #B6E9D6;
}

.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #2EB273;
}

.calender-container {
  position: relative;
}

.select-year {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0.625rem;
  /* Converted from pixels to rem */
}

.react-datepicker__close-icon {
  right: 1.25rem;
  /* Converted from pixels to rem */
}

.react-datepicker__close-icon::after {
  color: #7b7c7f !important;
  background-color: unset;
  font-size: 1.25rem !important;
  /* Converted from pixels to rem */
}

.open-selected-calender {
  border-radius: 0.25rem;
  border: 0.0625rem solid #bdbebf;
  /* Converted from pixels to rem */
  width: 100%;
  height: 2.4rem;
  /* Converted from pixels to rem */
  color: #7b7c7f;
  font-weight: 400;
  font-size: 0.875rem;
  /* Converted from pixels to rem */
  padding: 0 0.625rem;
  /* Converted from pixels to rem */
  outline-offset: unset;
  outline: unset;
}

.icon-box {
  position: absolute;
  top: 1.4375rem;
  /* Converted from pixels to rem */
  transform: translateY(-50%);
  right: 0.625rem;
  /* Converted from pixels to rem */
  color: #7b7c7f;
}

.icon-box_rtl {
  position: absolute;
  top: 1.4375rem;
  /* Converted from pixels to rem */
  transform: translateY(-50%);
  left: 0.625rem;
  /* Converted from pixels to rem */
  color: #7b7c7f;
}

.btn-transparent {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-size: inherit;
}

.date-picker-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0.9375rem 0;
  /* Converted from pixels to rem */
}

.date-picker-container .MuiSvgIcon-root {
  color: #a7a8a9;
}

.month-view {
  margin: 0 0.3125rem 0.25rem 0.3125rem;
  /* Converted from pixels to rem */
}

.d-flex {
  display: flex;
  align-items: center;
}

.select-year {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0 0.625rem;
  /* Converted from pixels to rem */
  margin: 0 0 0.0625rem 0;
  font-size: inherit;
  color: black;
}

.react-datepicker {
  border-radius: 0.5rem;
}

.DateRangePicker .react-datepicker-wrapper {
  width: 100%;
  min-width: 250px;
}.Timeline {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.Timeline li {
  min-height: 2.5625rem;
}
.Timeline li::before {
  content: unset;
}
.Timeline li:last-child .MuiTimelineContent-root {
  padding: 0 1.5rem 0;
}
.Timeline li .MuiTimelineDot-root {
  margin: 0.125rem 0.3125rem;
  border-width: 0.125rem;
  padding: 0.0625rem;
  background: #656669;
}
.Timeline li .MuiTimelineContent-root {
  padding: 0 0.75rem 1rem;
  font-size: 0.75rem;
}
.Timeline li .MuiTimelineConnector-root {
  background-color: #eeeff1;
  width: 1px;
}
.Timeline li .MuiFormControl-root {
  width: 100%;
}
.Timeline li .MuiTimelineSeparator-root .MuiSvgIcon-root {
  background-color: #eeeff1;
  height: 1.0625rem;
  width: 1.0625rem;
  border-radius: 50%;
  padding: 0.1875rem;
}
.Timeline--ActivityBox {
  padding: 2rem 1.5rem;
  font-size: 0.75rem;
  width: 100%;
}
.Timeline--CommentWrap {
  padding: 0.4375rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d3d3d4;
  margin: 0.5rem 0 1rem;
}
.Timeline--Comment {
  margin: 0;
}
.Timeline--CommentBox {
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #eeeff1;
  width: 100%;
}
.Timeline--CommentText {
  margin: 0.5rem 0;
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.Timeline--Chat {
  overflow: auto;
  padding: 1rem 1.5rem;
  max-height: calc(100vh - 260px);
}
.Timeline--Chat li::before {
  content: unset;
}
.Timeline--Content {
  display: flex;
  flex-direction: column;
}
.Timeline--Activity {
  max-height: calc(100vh - 260px);
}
.Timeline--ActivityLogItem {
  line-height: 1.3;
}
.MuiAccordionDetails-root {
  padding: 1rem 1.5rem !important;
}
.ActivityContainer {
  border-left: 2px solid #f5f6f5;
  height: calc(100vh - 130px);
  position: absolute;
  width: 100%;
  right: 0;
}
.Avatar .MuiAvatar-root {
  border-radius: 0.5rem;
}
.Activity--Container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}.Timeline {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.Timeline li {
  min-height: 2.5625rem;
}
.Timeline li::before {
  content: unset;
}
.Timeline li:last-child .MuiTimelineContent-root {
  padding: 0 1.5rem 0;
}
.Timeline li .MuiTimelineDot-root {
  margin: 0.25rem !important;
  border-width: 0.125rem;
  padding: 0.0625rem;
  background: #919294;
}
.Timeline li .MuiTimelineContent-root {
  padding: 0 0.75rem 1rem;
  font-size: 0.75rem;
}
.Timeline li .MuiTimelineConnector-root {
  background-color: #eeeff1;
  width: 1px;
}
.Timeline li .MuiFormControl-root {
  width: 100%;
}
.Timeline li .MuiTimelineSeparator-root .MuiSvgIcon-root {
  background-color: #eeeff1;
  height: 1.0625rem;
  width: 1.0625rem;
  border-radius: 50%;
  padding: 0.1875rem;
}
.Timeline--CommentWrap {
  padding: 0.4375rem 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid #d3d3d4;
  margin: 0.5rem 0 1rem;
}
.Timeline--Comment {
  margin: 0;
}
.Timeline--CommentBox {
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #eeeff1;
  width: 100%;
}
.Timeline--CommentText {
  margin: 0.5rem 0;
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.Timeline--Chat {
  overflow: auto;
  padding: 1rem 1.5rem;
  max-height: calc(100vh - 260px);
}
.Timeline--Chat li::before {
  content: unset;
}
.Timeline--Content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.Timeline--Activity {
  max-height: calc(100vh - 260px);
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
}
.Timeline--ActivityLogItem {
  line-height: 1.3;
}
.MuiAccordionDetails-root {
  padding: 1rem 1.5rem !important;
}
.ActivityContainer {
  border-left: 2px solid #f5f6f5;
  height: calc(100vh - 130px);
  position: absolute;
  width: 100%;
  right: 0;
}
.Avatar .MuiAvatar-root {
  border-radius: 0.5rem;
}
.Activity--Container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.box-class {
  border: 1px solid;
  border-color: #F3F2F2;
  border-radius: 8px;
}
.Timeline li .MuiTimelineDot-root {
  background: #d3d3d4 !important;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.Timeline li .MuiTimelineConnector-root {
  background: transparent !important;
}.quickApprovalModal--ModalContentContainer {
  padding: 1.5rem !important;
}
.quickApprovalModal--Title {
  background-color: #fbfbfb;
  border-bottom: 1px solid #eeeff1;
}
.quickApprovalModal--UserListingContainer {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.quickApprovalModal--UserContent {
  display: flex;
  gap: 0.5rem;
}
.quickApprovalModal--DialogActions {
  background-color: #eeeff1;
  border-top: 1px solid #d3d3d4;
}
.quickApprovalModal--DialogActions--Cancel {
  background-color: #fff !important;
  color: #292d32;
}
.quickApprovalModal--DisplayNameChip {
  padding: 0.25rem !important;
}
.quickApprovalModal--DisplayNameChip .MuiChip-label {
  height: 16px;
  width: 100%;
}.react-kanban-board {
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  line-height: 140%;
  letter-spacing: -0.0175rem;
}
.react-kanban-board .react-kanban-column-adder-button {
  border-radius: 0.75rem;
  background-color: #eeeff1;
  width: 17rem;
  height: 3rem;
  padding: 0.75rem;
  content: "test";
}
.react-kanban-board .react-kanban-column {
  background-color: #fcf8f8;
  border-radius: 0.75rem;
  border: 0.063rem solid #faf0f0;
  position: relative;
  padding-bottom: 2.5rem;
}
.react-kanban-board .react-kanban-column:nth-child(1) {
  background-color: #fcf8f8;
}
.react-kanban-board .react-kanban-column:nth-child(2) {
  background-color: #fdf7f9;
}
.react-kanban-board .react-kanban-column:nth-child(3) {
  background-color: #f7fcfd;
}
.react-kanban-board .react-kanban-column .react-kanban-column-header, .react-kanban-board .react-kanban-column .react-kanban-card__title {
  font-weight: 500;
}
.react-kanban-board .react-kanban-column .react-kanban-card {
  border-radius: 0.5rem;
  border: 0.031rem solid #f3f2f2;
  background-color: #ffffff;
  box-shadow: 0rem 0.063rem 0.313rem 0rem rgba(100, 100, 100, 0.05);
  padding: 0.75rem 1rem 1rem 1rem;
  height: 8.0625rem;
}
.react-kanban-board .react-kanban-column .react-kanban-card-adder-button {
  position: absolute;
  bottom: 0;
  width: 90%;
  background-color: transparent;
  border: none;
  font-weight: 200;
}
.react-kanban-board .react-kanban-column .react-kanban-card-adder-form {
  position: absolute;
  bottom: 0rem;
}
.react-kanban-board .react-kanban-column .react-kanban-card-adder-form + div:last-child {
  margin-bottom: 4.375rem;
}
.react-kanban-board .react-kanban-column form {
  display: block !important;
  text-align: center;
}
.column-header {
  margin-bottom: 1.25rem;
}
.column-header .kanban-column {
  display: flex;
  align-items: baseline;
}
.column-header .kanban-column .kanban-column-title {
  overflow: hidden;
  color: #883c3c;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  cursor: pointer;
}
.column-header .kanban-column .count-length-text {
  color: #d5adad;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.015rem;
  margin-left: 0.5rem;
}
.column-header .kanban-column .more-menu-btn {
  margin-left: auto;
  line-height: 140%;
}
.column-header .kanban-column .create-status-box {
  display: flex;
  width: 12.5rem;
  padding: 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background: #f5f6f5;
  margin: 0.313rem;
  cursor: pointer;
  flex-wrap: wrap;
}
.column-header .kanban-column .create-status-box span {
  font-size: 1.5rem;
  display: inline-block;
}
.column-header .kanban-column .create-status-box .add-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.313rem;
}
.column-header .kanban-column .create-status-box .add-btns button {
  background-color: #eee;
  border: none;
  padding: 0.313rem;
  width: 45%;
  margin-top: 0.313rem;
  border-radius: 0.188rem;
}
.column-header .kanban-column .create-status-box input {
  width: 100%;
  font-size: 0.813rem;
  border: 0.063rem solid #ccc;
  border-radius: 0.3rem;
  min-height: 1.813rem;
  padding: 0.313rem;
}
.card-board-wrap .react-kanban-board .react-kanban-column .react-kanban-card-adder-button {
  width: 1.875rem;
}
.card-board-wrap .react-kanban-board .react-kanban-column-adder-button {
  justify-content: space-between !important;
}
.create-status-box {
  display: flex;
  width: 17rem;
  padding: 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem;
  background: #f5f6f5;
  margin: 0.313rem;
  cursor: pointer;
  flex-wrap: wrap;
}
.create-status-box span {
  font-size: 1.5rem;
  display: inline-block;
}
.create-status-box .add-btns {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 0.313rem;
}
.create-status-box .add-btns button {
  background-color: #eee;
  border: none;
  padding: 0.313rem;
  width: 45%;
  margin-top: 0.313rem;
  border-radius: 0.188rem;
}
.create-status-box input {
  width: 100%;
  font-size: 0.813rem;
  border: 0.063rem solid #ccc;
  border-radius: 0.3rem;
  min-height: 1.813rem;
  padding: 0.313rem;
}
button.react-kanban-card-adder-button::after {
  content: "New";
  color: #656669;
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  margin-left: 0.375rem;
  position: relative;
  top: -0.188rem;
}
@media screen and (max-width: 450px) {
  .react-kanban-board {
    overflow: scroll;
  }
}.calculationSummary--SummaryContainer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.calculationSummary--SummaryItem {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}.calendar-wrapper {
  background-color: #fff;
  padding: "1.25rem";
}
.calendar-wrapper .fc {
  font-family: Inter;
  font-style: normal;
  line-height: 140%;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-toolbar-title {
  font-size: 0.875rem;
  font-weight: 500;
  /* 1.225rem */
  letter-spacing: -0.0175rem;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group {
  display: flex;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button,
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active {
  background-color: transparent;
  color: #656669;
  border: none;
  box-shadow: none;
  outline: none;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-prev-button,
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-prev-button {
  order: 1;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-today-button,
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-today-button {
  order: 2;
}
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button.fc-next-button,
.calendar-wrapper .fc .fc-header-toolbar .fc-button-group button:active.fc-next-button {
  order: 3;
}
.calendar-wrapper .fc .fc-daygrid-day {
  font-size: 0.75rem;
  font-weight: 400;
  /* 1.05rem */
  letter-spacing: -0.015rem;
  background-color: #fff;
  border: 1px solid #eeeff1;
}
.calendar-wrapper .fc .fc-daygrid-day .fc-daygrid-day-number {
  margin: 0.325rem;
  color: #656669;
}
.calendar-wrapper .fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
.calendar-wrapper .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
  color: #ffffff;
  background-color: #289b64;
  width: 20px;
  display: flex;
  height: 20px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.calendar-wrapper .fc .fc-daygrid-day-events {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.calendar-wrapper .fc .fc-day-other {
  background-color: #fbfbfb;
}
.calendar-wrapper .fc .fc-col-header-cell-cushion {
  font-weight: 300;
  font-size: 0.75rem;
}
@media screen and (max-width: 450px) {
  .calendar-wrapper {
    overflow: scroll;
  }
}.card-wrapper {
  border-radius: 0.5rem;
  padding: 1rem;
  border: 1px solid #eeeff1;
  box-shadow: 0px 0px 2px 0px #e0e0e0, 0px 1px 4px -2px rgba(24, 39, 75, 0.02), 0px 4px 4px -2px rgba(24, 39, 75, 0.06);
}.dashboard-card-icon {
  border-radius: 50%;
  border: 1px solid;
  width: 30px;
  height: 30px;
  border-color: #f5f6f5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card-class {
  width: 100%;
}._3zRJQ {
  fill: #232529;
  font-weight: 500;
}

._3rUKi,
._RuwuK {
  stroke: none;
}.fallback {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  position: fixed;
  bottom: 50%;
  width: -webkit-fill-available;
  transform: translateY(50%);
}
.fallback--Text {
  width: 25%;
  text-align: center;
}.HrLine {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  margin: 0.9375rem 0;
  opacity: 0.6;
  font-size: 0.75rem;
  font-weight: 500;
}
.HrLine--Length {
  width: 40%;
}
@media screen and (max-width: 1600px) {
  .HrLine {
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1440px) {
  .HrLine {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 1112px) {
  .HrLine {
    font-size: 0.5625rem;
  }
}
@media screen and (max-width: 450px) {
  .HrLine {
    font-size: 0.9375rem;
  }
  .HrLine--Length {
    width: 43%;
  }
}.afterBorder {
  position: relative;
  margin-bottom: 15px;
}

.afterBorder::after {
  height: 1px;
  display: block;
  width: 100%;
  background: #eeeff1;
  border-right: 1px white;
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.inventoryReportsTitleBar {
  display: flex;
  padding: 0.75rem 0rem;
  justify-content: space-between;
  align-items: center;
  margin: 0 8px;
}

.inventoryReportsTitleBar--RightContent {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}

.inventoryReportsTitleBar--RightContent--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}

.inventoryReportsTitleBar--LeftContent {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.inventoryReportsTitleBar--HeaderCard {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}

.inventoryReportsTitleBar--FilterAction {
  display: flex;
  font-size: 12px;
  align-items: center;
  text-wrap: nowrap;
  gap: 8px;
}

.inventoryReportsTitleBar--FilterAction .search-wrapper img {
  top: 0.6rem;
}

.inventoryReportsTitleBar--FilterAction--lvWrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.inventoryReportsTitleBar--FilterAction--Btn {
  border: 1px solid #f3f2f2;
  border-radius: 50px;
  color: #656669;
}

.inventoryReportsTitleBar--FilterWrapper {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 12px;
  text-wrap: nowrap;
  flex-wrap: wrap;
}

.inventoryReportsTitleBar--FilterWrapper--Chip {
  display: flex;
  gap: 4px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 2px 12px;
  align-items: center;
  cursor: pointer;
}

.inventoryReportsTitleBar--FilterWrapper--Chip--Text {
  display: flex;
  gap: 4px;
  align-items: baseline;
}

.inventoryReportsTitleBar--FilterWrapper--Chip--Text--Value {
  max-width: 88px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}

.inventoryReportsTitleBar--ExtraButtonUi {
  margin-left: auto;
  margin-right: 30px;
}

.filter-bar {
  display: flex;
  padding: 0.75rem 0rem;
  align-items: center;
  justify-content: space-between;
}

.filter-bar .filter-bar--LeftContent {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.filter-bar .filter-bar--LeftContent h6 {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
}

.filter-bar .filter-bar--LeftContent .hide-btn {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  background-color: #fff;
  box-shadow: unset;
  padding: 0rem 0.5rem;
}

.filter-bar .filter-bar--LeftContent .hide-btn:hover {
  box-shadow: unset;
}

.filter-bar .filter-bar--LeftContent .filter-chip {
  border: 0.063rem solid #f3f2f2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.filter-bar .filter-bar--LeftContent .subtask-switch {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}

.filter-bar .filter-bar--LeftContent .subtask-switch .switch {
  width: 1.75rem;
  height: 1.063rem;
  margin-top: 0.375rem;
}

.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before {
  width: 0.875rem;
  height: 0.813rem;
}

.filter-bar .filter-bar--RightContent .enable-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #4AC08C;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
  cursor: pointer;
}

.inventoryReportsTitleBar--RightContent ul {
  max-height: 400px;
  overflow-y: auto;
}

.inventoryReportsTitleBar--report-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.search-filter {
  display: flex;
  gap: 4px;
  width: 220px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 4px 12px;
  align-items: center;
  cursor: pointer;
}

.search-filter .css-1age63q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.search-filter .css-1age63q p {
  font-size: 14px;
}

.search-filter .css-16hz2ux {
  height: 100%;
}

.search-filter .filter-select .MuiSelect-select {
  padding: 0px;
}.wrapper--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
/* linaria:data-grid-overlay-editor-style_115vs9w.linaria.css */
.d1t1th9s {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  --overlay-top:var(--d1t1th9s-0);
  left: var(--d1t1th9s-1);
  top: var(--d1t1th9s-2);
  min-width: var(--d1t1th9s-3);
  min-height: var(--d1t1th9s-4);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 400px;
  max-height: calc(100vh - var(--d1t1th9s-5));
  font-family: var(--gdg-font-family);
  font-size: var(--gdg-editor-font-size);
  text-align: start;
}
@-webkit-keyframes glide_fade_in-d1t1th9s {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
@keyframes glide_fade_in-d1t1th9s {
  from {
    opacity: 0%;
  }
  to {
    opacity: 100%;
  }
}
.d1t1th9s.gdg-style {
  border-radius: 2px;
  background-color: var(--gdg-bg-cell);
  box-shadow:
    0 0 0 1px var(--gdg-accent-color),
    0px 0px 1px rgba(62, 65, 86, 0.4),
    0px 6px 12px rgba(62, 65, 86, 0.15);
  -webkit-animation: glide_fade_in-d1t1th9s 60ms 1;
  animation: glide_fade_in-d1t1th9s 60ms 1;
}
.d1t1th9s.pad {
  padding: var(--d1t1th9s-6) 8.5px 3px;
}
.d1t1th9s .clip-region {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 2px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.d1t1th9s .clip-region .gdg-growing-entry {
  height: 100%;
}
.d1t1th9s .clip-region input.gdg-input {
  width: 100%;
  border: none;
  border-width: 0;
  outline: none;
}
.d1t1th9s .clip-region textarea.gdg-input {
  border: none;
  border-width: 0;
  outline: none;
}

/* linaria:scrolling-data-grid_4ongun.linaria.css */
.m15w2ly5 {
  position: absolute;
  right: 44px;
  bottom: 44px;
  background-color: var(--gdg-bg-cell);
  background: linear-gradient(var(--gdg-bg-cell), var(--gdg-bg-cell-medium));
  border-radius: 4px;
  z-index: 1;
  box-shadow: 0 0 0 1px var(--gdg-border-color), 0 2px 5px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}
.m15w2ly5 .header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: var(--gdg-bg-header);
  box-shadow: 0 0 0 1px var(--gdg-border-color);
}
.m15w2ly5 .locationMarker {
  position: absolute;
  border: 1px solid var(--gdg-accent-color);
  background-color: var(--gdg-accent-light);
}

/* linaria:infinite-scroller_1qseojb.linaria.css */
.s1jz82f8 .dvn-scroller {
  overflow: var(--s1jz82f8-0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.s1jz82f8 .hidden {
  visibility: hidden;
}
.s1jz82f8 .dvn-scroll-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  pointer-events: none;
}
.s1jz82f8 .dvn-scroll-inner > * {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.s1jz82f8 .dvn-scroll-inner .dvn-spacer {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.s1jz82f8 .dvn-scroll-inner .dvn-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.s1jz82f8 .dvn-underlay > * {
  position: absolute;
  left: 0;
  top: 0;
}
.s1jz82f8 canvas {
  outline: none;
}
.s1jz82f8 canvas * {
  height: 0;
}

/* linaria:data-grid-search-style_jgiiup.linaria.css */
.sxep88s {
  position: absolute;
  top: 4px;
  right: 20px;
  background-color: var(--gdg-bg-cell);
  color: var(--gdg-text-dark);
  padding: 8px;
  border: 1px solid var(--gdg-border-color);
  border-radius: 6px;
  font-size: var(--gdg-editor-font-size);
  -webkit-transform: translateX(var(--sxep88s-0));
  -ms-transform: translateX(var(--sxep88s-0));
  transform: translateX(var(--sxep88s-0));
  -webkit-transition: -webkit-transform 0.15s;
  -webkit-transition: transform 0.15s;
  transition: transform 0.15s;
}
.sxep88s .search-bar-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.sxep88s .search-status {
  padding-top: 4px;
  font-size: 11px;
}
.sxep88s .search-progress {
  position: absolute;
  height: 4px;
  left: 0;
  bottom: 0;
  background-color: var(--gdg-text-light);
}
.sxep88s input {
  width: 220px;
  color: var(--gdg-textDark);
  background-color: var(--gdg-bg-cell);
  border: none;
  border-width: 0;
  outline: none;
}
.sxep88s button {
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--gdg-text-medium);
}
.sxep88s button:hover {
  color: var(--gdg-text-dark);
}
.sxep88s button .button-icon {
  width: 16px;
  height: 16px;
}
.sxep88s button:disabled {
  opacity: 0.4;
  pointer-events: none;
}

/* linaria:group-rename_yc2zuw.linaria.css */
.r1kzy40b {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: none;
  outline: none;
  background-color: var(--gdg-bg-header-has-focus);
  border-radius: 9px;
  padding: 0 8px;
  box-shadow: 0 0 0 1px var(--gdg-border-color);
  color: var(--gdg-text-group-header);
  min-height: var(--r1kzy40b-0);
  font: var(--gdg-header-font-style) var(--gdg-font-family);
}
.c1sqdbw3 {
  padding: 0 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--gdg-bg-header);
}

/* linaria:data-grid-container_1xdyqpm.linaria.css */
.wzg2m5k {
  position: relative;
  min-width: 10px;
  min-height: 10px;
  max-width: 100%;
  max-height: 100%;
  width: var(--wzg2m5k-0);
  height: var(--wzg2m5k-1);
  overflow: hidden;
  overflow: clip;
  contain: strict;
  direction: ltr;
}
.wzg2m5k > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* linaria:bubbles-overlay-editor-style_1022dut.linaria.css */
.b1bqsp5z {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.b1bqsp5z .boe-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  padding: 0 8px;
  height: 20px;
  background-color: var(--gdg-bg-bubble);
  color: var(--gdg-text-dark);
  margin: 2px;
}
.b1bqsp5z textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}

/* linaria:drilldown-overlay-editor_1gv6dry.linaria.css */
.df2kt4a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.df2kt4a .doe-bubble {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  padding: 0 8px;
  height: 24px;
  background-color: var(--gdg-bg-cell);
  color: var(--gdg-text-dark);
  margin: 2px;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(62, 65, 86, 0.4), 0 1px 3px rgba(62, 65, 86, 0.4);
}
.df2kt4a .doe-bubble img {
  height: 16px;
  object-fit: contain;
  margin-right: 4px;
}
.df2kt4a textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}

/* linaria:image-overlay-editor-style_sojiwi.linaria.css */
.i1eozt10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.i1eozt10 .centering-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.i1eozt10 .centering-container img,
.i1eozt10 .centering-container canvas {
  max-height: calc(100vh - var(--overlay-top) - 20px);
  object-fit: contain;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.i1eozt10 .centering-container canvas {
  max-width: 380px;
}
.i1eozt10 .edit-icon {
  position: absolute;
  top: 12px;
  right: 0;
  width: 48px;
  height: 48px;
  color: var(--gdg-accent-color);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.i1eozt10 .edit-icon > * {
  width: 24px;
  height: 24px;
}
.i1eozt10 textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}

/* linaria:markdown-container_kvmc63.linaria.css */
.mlbeo71 {
  word-break: break-word;
  -webkit-touch-callout: default;
  padding-top: 6px;
}
.mlbeo71 > * {
  margin: 0;
}
.mlbeo71 *:last-child {
  margin-bottom: 0;
}
.mlbeo71 p img {
  width: 100%;
}

/* linaria:growing-entry-style_ycxqui.linaria.css */
.ijuk0po {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  resize: none;
  white-space: pre-wrap;
  min-width: 100%;
  overflow: hidden;
  border: 0;
  background-color: transparent;
  font-size: var(--gdg-editor-font-size);
  line-height: 16px;
  font-family: var(--gdg-font-family);
  color: var(--gdg-text-dark);
  padding: 0;
  margin: 0;
}
.ijuk0po::-webkit-input-placeholder {
  color: var(--gdg-text-light);
}
.ijuk0po::-moz-placeholder {
  color: var(--gdg-text-light);
}
.ijuk0po:-ms-input-placeholder {
  color: var(--gdg-text-light);
}
.ijuk0po::placeholder {
  color: var(--gdg-text-light);
}
.invalid .ijuk0po {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  -webkit-text-decoration-color: #d60606;
  text-decoration-color: #d60606;
}
.saq3p5l {
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  min-width: 100%;
  font-size: var(--gdg-editor-font-size);
  line-height: 16px;
  font-family: var(--gdg-font-family);
  color: var(--gdg-text-dark);
  padding: 0;
  margin: 0;
  padding-bottom: 2px;
}
.gf8vzix {
  position: relative;
  margin-top: 6px;
}

/* linaria:markdown-overlay-editor-style_nbv04l.linaria.css */
.mdwzdl1 {
  min-width: var(--mdwzdl1-0);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  color: var(--gdg-text-dark);
}
.mdwzdl1 .gf8vzix {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-width: 0;
}
.mdwzdl1 .spacer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mdwzdl1 .edit-icon {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--gdg-accent-color);
  padding: 0;
  height: 24px;
  width: 24px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: all "0.125s ease";
  transition: all "0.125s ease";
  border-radius: 6px;
}
.mdwzdl1 .edit-icon > * {
  width: 16px;
  height: 16px;
}
.mdwzdl1 .edit-hover:hover {
  background-color: var(--gdg-accent-light);
  -webkit-transition: background-color 150ms;
  transition: background-color 150ms;
}
.mdwzdl1 .checkmark-hover:hover {
  color: #ffffff;
  background-color: var(--gdg-accent-color);
}
.mdwzdl1 .md-edit-textarea {
  position: relative;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin-top: 25px;
  opacity: 0;
  padding: 0;
}
.mdwzdl1 .ml-6 {
  margin-left: 6px;
}

/* linaria:number-overlay-editor-style_1i1z3n.linaria.css */
.n1czszh3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 6px 0 3px;
  color: var(--gdg-text-dark);
}
.n1czszh3 > input {
  font-size: var(--gdg-editor-font-size);
  padding: 0;
  font-family: var(--gdg-font-family);
  color: var(--gdg-text-dark);
  background-color: var(--gdg-bg-cell);
}

/* linaria:uri-overlay-editor-style_nguq6d.linaria.css */
.uf0sjo8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 21px;
}
.uf0sjo8 .link-area {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  cursor: pointer;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--gdg-link-color);
  -webkit-text-decoration: underline !important;
  text-decoration: underline !important;
}
.uf0sjo8 .edit-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  color: var(--gdg-accent-color);
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.uf0sjo8 .edit-icon > * {
  width: 24px;
  height: 24px;
}
.uf0sjo8 textarea {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  opacity: 0;
}
/*# sourceMappingURL=index.css.map */
.main-card-nodal .card-wrapper {
  padding: 0.5rem 0;
  min-width: 17.125rem;
  border-radius: 0.5rem;
  background: #fff;
}
.main-card-nodal .card-wrapper .payable-header {
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
}
.main-card-nodal .card-wrapper .payable-header .payable-title {
  color: #919294;
  display: inline-block;
}
.main-card-nodal .card-wrapper .search-wrapper {
  padding: 0.5rem 0.75rem;
  border-bottom: 1px solid #f3f2f2;
}
.main-card-nodal .card-wrapper .search-wrapper .MuiFormControl-root {
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #f5f6f5;
  background: #fbfbfb;
}
.main-card-nodal .card-wrapper .search-wrapper img {
  top: 1.2rem;
  left: 1.3rem;
}
.main-card-nodal .card-wrapper .list-items {
  padding: 0.5rem 0.75rem;
}
.main-card-nodal .card-wrapper .list-items .title {
  color: #1f2125;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.016rem;
  margin-bottom: 0.125rem;
  text-transform: capitalize;
}
.main-card-nodal .card-wrapper .list-items .description {
  color: #656669;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.015rem;
  text-transform: capitalize;
}
.main-card-nodal .card-wrapper .bottom-footer {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  border-top: 1px solid #eeeff1;
  background: #fff;
  cursor: pointer;
}
.main-card-nodal .card-wrapper .bottom-footer svg {
  padding-right: 0.5rem;
}
.main-card-nodal .card-wrapper .bottom-footer p {
  color: #1f2125;
  font-size: 0.813rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.016rem;
}.MultiSelect .MuiSelect-select {
  padding-top: 4px !important;
  padding-bottom: 4px;
  padding-left: 8px;
}.reportsTitleBar {
  display: flex;
  padding: 0.5rem 0rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -5px;
}
.reportsTitleBar--FilterAction {
  display: flex;
  font-size: 12px;
  align-items: flex-start;
  text-wrap: nowrap;
}
.reportsTitleBar--FilterAction .search-wrapper img {
  top: 0.6rem;
}
.reportsTitleBar--FilterAction--lvWrapper {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  color: #656669;
  align-items: center;
}
.reportsTitleBar--SearchBar {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 8px;
}
.reportsTitleBar--RightContent {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: flex-end;
}
.reportsTitleBar--RightContent--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}
.reportsTitleBar--LeftContent {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}
.reportsTitleBar--HeaderCard {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  flex-wrap: wrap;
}
.reportsTitleBar--FilterWrapper {
  display: flex;
  font-size: 12px;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
.reportsTitleBar--FilterWrapper--Btn {
  border: 1px solid #F3F2F2;
  border-radius: 50px;
  color: #656669;
}
.reportsTitleBar--FilterWrapper--Chip {
  display: flex;
  gap: 4px;
  border: 1px solid #ADE7CB;
  border-radius: 50px;
  background-color: #EBF9F2;
  color: #289B64;
  padding: 2px 12px;
  align-items: center;
  cursor: pointer;
}
.reportsTitleBar--FilterWrapper--Chip--Text {
  display: flex;
  gap: 4px;
  align-items: center;
}
.reportsTitleBar--FilterWrapper--Chip--Text--Value {
  max-width: 88px;
  overflow: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
.report-display {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
  min-width: fit-content;
}
.filter-bar {
  display: flex;
  padding: 0.75rem 0rem;
  align-items: center;
  justify-content: space-between;
}
.filter-bar .filter-bar--LeftContent {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.filter-bar .filter-bar--LeftContent h6 {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn {
  color: #7b7c7f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.018rem;
  background-color: #fff;
  box-shadow: unset;
  padding: 0rem 0.5rem;
}
.filter-bar .filter-bar--LeftContent .hide-btn:hover {
  box-shadow: unset;
}
.filter-bar .filter-bar--LeftContent .filter-chip {
  border: 0.063rem solid #f3f2f2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}
.filter-bar .filter-bar--LeftContent .subtask-switch {
  display: flex;
  align-items: center;
  gap: 0.313rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch {
  width: 1.75rem;
  height: 1.063rem;
  margin-top: 0.375rem;
}
.filter-bar .filter-bar--LeftContent .subtask-switch .switch .slider:before {
  width: 0.875rem;
  height: 0.813rem;
}
.filter-bar .filter-bar--RightContent .enable-filter-btn {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  color: #4AC08C;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.225rem;
  cursor: pointer;
}
.search-filter {
  display: flex;
  gap: 4px;
  width: 220px;
  border: 1px solid #ade7cb;
  border-radius: 50px;
  background-color: #ebf9f2;
  color: #289b64;
  padding: 4px 12px;
  align-items: center;
  cursor: pointer;
}
.search-filter .css-1age63q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
.search-filter .css-1age63q p {
  font-size: 14px;
}
.search-filter .css-16hz2ux {
  height: 100%;
}
.search-filter .filter-select .MuiSelect-select {
  padding: 0px;
}.wrapper--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125 !important;
}.scheduleReport {
  padding: 0rem 2rem;
  width: 100%;
}
.scheduleReport--StatusChip--inprogress {
  background-color: #cdebf4 !important;
  color: #246e82;
}
.scheduleReport--StatusChip--pendingapproval {
  background-color: #f7eac0 !important;
  color: #82691a;
}
.scheduleReport--StatusChip--rejected {
  background-color: #eed2d2 !important;
  color: #883c3c;
}
.scheduleReport--StatusChip--completed {
  background-color: #D2F0E6 !important;
  color: #2EB273;
}
.scheduleReport--StatusChip--cancelled {
  background-color: #f86060 !important;
  color: #fbfbfb;
}
.form-container--Grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 1.5rem;
}
.scheduleReport__addBtn {
  color: #1f2125 !important;
}.scheduleReportModal--Divider {
  border-color: #eeeff1;
}
.scheduleReportModal--Title {
  border-bottom: 1px solid #d3d3d4;
}
.scheduleReportModal--SectionTitle {
  padding-left: 1.5rem;
}
.scheduleReportModal--ActionContainer {
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}
.scheduleReportModal--ActionContainer--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.top-content {
  display: flex;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}

.left-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}

.right-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
}.account-payble-tabsui-wrap {
  min-height: 2.25rem;
}
.account-payble-tabsui-wrap .account-payble-tab-items {
  color: #7b7c7f;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
  text-transform: capitalize;
  min-height: 2.25rem;
  border: 1px solid #f3f2f2;
  border-radius: 50px;
  margin: 10px;
}
.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected {
  color: #232529;
  border: 1px solid #ebf9f2;
}
.account-payble-tabsui-wrap .account-payble-tab-items:hover {
  background-color: #ebf9f2;
  color: #7b7c7f;
  border: 1px solid #ade7cb;
}
.account-payble-tabsui-wrap .account-payble-tab-items.Mui-selected {
  background-color: #ebf9f2;
  color: #7b7c7f;
  border: 1px solid #ade7cb;
}
.account-payble-tabsui-wrap .account-payble-tab-items .text-display {
  display: flex;
}
.account-payble-tabsui-wrap .account-payble-tab-items .text-display img {
  padding-right: 5px;
}
.account-payble-tabsui-wrap .MuiTabs-scroller .MuiTabs-indicator {
  background-color: #fff;
}
.Tabs--Title {
  display: flex;
  gap: 0.5rem;
}.react-datepicker__header {
  border-bottom: none;
  background-color: white;
  padding: 0; /* Converted from pixels to rem */
}

.react-datepicker {
  box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.08), 0px 0.125rem 1rem 0px rgba(0, 0, 0, 0.04); /* Converted from pixels to rem */
  border: none;
}

.react-datepicker__today-button {
  padding: 0; /* Converted from pixels to rem */
  border-top: 0.0625rem solid #eee; /* Converted from pixels to rem */
  font-weight: normal;
}

.react-datepicker__day-name {
  color: gray;
}

.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: #289b64;
  color: #fff;
}

.react-datepicker__day--selected:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #289b64;
}

.drop-down-style {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 0.625rem; /* Converted from pixels to rem */
}

.react-datepicker__close-icon {
  right: 1.25rem; /* Converted from pixels to rem */
}

.react-datepicker__close-icon::after {
  color: #313131;
  background-color: unset;
  font-size: 1rem; /* Converted from pixels to rem */
}

.react-datepicker-wrapper input {
  border-radius: 0.25rem; /* Converted from pixels to rem */
  border: 0.0625rem solid #b9b9b9; /* Converted from pixels to rem */
  width: 100%;
  height: 2.5rem; /* Converted from pixels to rem */
  color: #525462;
  font-weight: 400;
  font-size: 0.875rem; /* Converted from pixels to rem */
  padding: 0 0.625rem; /* Converted from pixels to rem */
  outline-offset: unset;
  outline: unset;
}

.react-datepicker__header {
  padding: 0.625rem 0; /* Converted from pixels to rem */
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  line-height: 1.875rem; /* Converted from pixels to rem */
}

.box-icon {
  display: inline;
  position: relative;
  top: 0.25rem;
}

.box-icon svg {
  font-size: 1rem;
  color: #7b7c7f;
}

.time-input .MuiInputBase-root .MuiInputBase-input {
  border-right: unset;
}

.time-input .MuiInputAdornment-root {
  padding: 0 0.625rem;
}

.time-input .MuiInputAdornment-root button {
  padding: unset;
}

.time-input .MuiInputAdornment-root .MuiSvgIcon-root {
  width: 1rem;
  height: 1rem;
}.upload-icon {
  display: inline-block;
  position: relative;
  border-radius: calc(var(--size) * 625rem);
}

.upload-icon.hoverable:hover {
  background-color: #d3d3d4;
}

.FileUploadCard--FileIcon .Avatar {
  background-color: #ebf9f2;
  padding: 0.375rem;
  border-radius: 0.25rem;
}

.FileUploadCard .MuiListItemText-root .MuiTypography-root {
  font-size: 0.75rem;
  color: #232529;
  line-height: 1.05rem;
}

.FileUploadCard .MuiListItemIcon-root {
  min-width: 2.75rem;
}

.upload .MuiDialog-paper {
  min-width: 38.875rem;
  border-radius: 1rem;
  border: 0.25rem solid rgb(128, 128, 128);
}

.upload .MuiDialog-paper .MuiButtonBase-root {
  padding: 0.25rem;
}

.upload--head {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
}

.upload--title {
  display: flex;
  align-items: center;
}

.upload--content {
  padding: 1.5rem 1.375rem 2.25rem 1.375rem;
}

.upload--fileContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 16.25rem;
  border: 0.0625rem dashed #d3d3d4;
  border-radius: 0.5rem;
  padding: 0.5rem;
  cursor: pointer;
  transition: border 0.3s ease;
  text-align: center;
}

.upload--fileContent.drag-active {
  border-color: #4AC08C;
}

.upload--text {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}

.upload--iconBox {
  display: flex;
  flex-direction: column;
}

.upload--actions {
  padding: 0.5rem 1rem;
}

.upload .upload--head .upload--title .dialog-box-title {
  color: #000;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .upload--head button svg {
  width: 1.25rem;
}

.upload .upload--head button svg path {
  fill: #292d32;
}

.upload .upload--content .input-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  margin-bottom: 0.5rem;
}

.upload .autocomplete-input-upload {
  margin-left: 0rem;
  margin-right: 0.3125rem;
  width: 100%;
}

.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root {
  padding: 0rem 0.5rem;
}

.upload .autocomplete-input-upload .MuiFormControl-root .MuiOutlinedInput-root .MuiAutocomplete-clearIndicator {
  display: none;
  visibility: hidden;
}

.upload .autocomplete-input-upload .MuiOutlinedInput-notchedOutline {
  border-color: #ddd;
  border-width: 0.0625rem;
}

.upload .upload-btn {
  min-width: 6.25rem;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .public-check-label {
  margin-left: 0rem;
}

.upload .public-check-label .MuiFormControlLabel-label {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .people-access-accordion {
  border: 0rem;
  border-radius: 0rem;
  box-shadow: none;
  margin-top: 0rem;
}

.upload .people-access-accordion::before {
  background-color: unset;
}

.upload .people-access-accordion .MuiAccordionSummary-root {
  padding: 0rem;
  margin: 0rem;
  min-height: 4rem;
}

.upload .people-access-accordion .MuiAccordionSummary-root .MuiAccordionSummary-content .MuiTypography-root {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details {
  padding: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list {
  padding: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root {
  padding: 0rem;
  margin-bottom: 0.9375rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name {
  color: #1f2125;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .primary-user-name .secondary-email-text {
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .owner-role-badge {
  display: flex;
  padding: 0.25rem 0.375rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0.5rem;
  background: #f5f6f5;
  overflow: hidden;
  color: #656669;
  text-overflow: ellipsis;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiSelect-select {
  padding: 0.5rem 0rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box .MuiOutlinedInput-notchedOutline {
  border: 0rem;
}

.upload .people-access-accordion .user-accordion-details .accordion-list .MuiListItem-root .role-edit-select-box svg path {
  fill: #919294;
}

.upload .upload--actions {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  background-color: #eeeff1;
}

.upload .upload--actions .cancel-btn {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  color: #1f2125;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

.upload .upload--actions .success-btn {
  display: flex;
  padding: 0.375rem 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  border-radius: 0.25rem;
  color: #fff;
  background: var(--PrimaryGreen-700, #289b64);
  box-shadow: 0rem 0.25rem 0.625rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.125rem 0.125rem -0.0625rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.05);
}

.select-menu-items {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
  color: #232529;
}

.user-select-chips {
  border-radius: 0.25rem;
}

.dzu-dropzone {
  border: unset !important;
  background: transparent !important;
  height: 100%;
}

.dzu-inputLabel {
  text-align: center;
  color: #656669;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
  margin-bottom: 0.5rem;
}

.preview-box {
  display: flex;
  align-items: center;
  width: calc(100% - 1.875rem);
  padding: 0.625rem 3%;
  background: #fff;
  border-bottom: 0.0625rem solid #ddd;
  font-size: 0.875rem;
}

.preview-box img {
  max-height: 5rem;
  max-width: 5rem;
  border-radius: 0.25rem;
  margin-right: 0.625rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid #f5f6f5;
}

.document-name {
  display: flex;
  width: 28.125rem;
  align-items: flex-start;
  gap: 0.75rem;
}

.delete-icon {
  cursor: pointer;
}

.upload-list {
  width: 100%;
}

.drop-view {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.after-drop {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  align-items: center;
}

.after-drop img {
  width: 3rem;
  height: 3rem;
}

.after-drop p {
  font-weight: 500;
}

.device-wrap {
  display: flex;
  gap: 1.5rem;
}

.device-wrap .select-button {
  margin-top: 1rem;
}

.device-wrap .select-button img {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #eeeff1;
}

.device-wrap .select-button p {
  color: #656669;
}

.bottom-corner-box {
  display: inline-block;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 2;
  max-height: 50%;
}

.bottom-corner-box .box-list {
  overflow-y: auto;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.bottom-corner-box .bottom-section {
  border-bottom: 0.063rem solid #eeeff1;
  padding: 0.5rem;
}

.bottom-corner-box .bottom-section .close-icon,
.bottom-corner-box .bottom-section .folder-icon {
  transform: translate(-50%, -79%);
  left: 50%;
  right: unset;
}

.avatar-container {
  position: relative;
  display: flex;
}

.close-icon,
.folder-icon {
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  display: none;
}

.avatar-container:hover .avatar {
  display: none;
}

.avatar-container:hover .close-icon,
.avatar-container:hover .folder-icon {
  display: block;
}

.header-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-50, #fff);
}

.import-text {
  color: #000;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.canceled-text {
  color: #656669;
}

.svgDiv {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-200, #f5f6f5);
}

.svg {
  width: 1.75rem;
  height: 1.75rem;
  flex-shrink: 0;
}

.body-section {
  display: flex;
  height: 20rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  background: #fff;
}

.document-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.document-body {
  display: flex;
  width: 35.375rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.document-cover {
  display: flex;
  padding: 0.75rem 0rem 0.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.document-name {
  display: flex;
  width: 34.375rem;
  align-items: flex-start;
  gap: 0.75rem;
  align-items: center;
}

.document-choices {
  display: flex;
  width: 9.625rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.document-icon-sm {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-icon-lg {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  border-radius: 0.25rem;
  background: var(--Accent-Red-100, #ffebeb);
}

.document-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.5rem;
  flex: 1 0 0;
}

.svg-document {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.document-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  align-self: stretch;
}

.document-desc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.document-size {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.document-size .success-file {
  color: #289b64;
  margin: 0 0.75rem;
}

.document-size .fail-file {
  color: #f86060;
  margin: 0 0.75rem;
}

.checkbox {
  display: flex;
  height: 2.5625rem;
  align-items: center;
  gap: 0.25rem;
}

.delete-icon {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.checkbox-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.checkbox-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Text-Secondary, #656669);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: -0.015rem;
}

.svg-delete {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.button-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Button-Secondary_BG, #fff);
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.button-body {
  display: flex;
  padding: 0.375rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.button-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.button-add {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  justify-content: center;
  align-items: center;
}

.svg-add {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.button-add-text {
  color: var(--Button-On_Secondary, #1f2125);
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4rem;
  letter-spacing: -0.018rem;
}

.submit-section {
  display: flex;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  justify-content: flex-end;
  align-items: center;
  gap: 3.125rem;
  align-self: stretch;
  border-top: 0.0625rem solid var(--Border-Default, #d3d3d4);
  background: var(--Neutral-200, #f5f6f5);
}

.btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
}

.button-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
}

.btn-cancel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: #fff;
  color: #292d32;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
}

.btn-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
  background: var(--Neutral-500, #a7a8a9);
  color: #ffffff;
  box-shadow: 0rem 0.125rem 0.3125rem -0.125rem rgba(20, 78, 50, 0.05), 0rem 0.0625rem 0.0625rem -0.125rem rgba(20, 78, 50, 0.1), 0rem -0.0625rem 0.125rem 0rem rgba(0, 0, 0, 0.05);
}

.top-section {
  display: flex;
  width: 350rem;
  padding: 0.5rem 0.75rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 0.75rem 0.75rem 0rem 0rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.top-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.018rem;
}

.top-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.25rem;
  justify-content: center;
  align-items: center;
}

.arrow-btn {
  display: flex;
  width: 1.5rem;
  height: 1.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.svg-arrow-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.svg-cancel-btn {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}

.bottom-section {
  display: flex;
  padding: 0.5rem;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  background: #fff;
}

.svg-icon {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.25rem;
  background: var(--PrimaryGreen-100, #ebf9f2);
}

.doc-icon {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.25rem;
}

.svg-doc {
  width: 20rem;
  height: 20rem;
}

.file-detail {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 1 0 0;
}

.file-name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.25rem;
  flex: 1 0 0;
}

.file-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
  overflow: hidden;
  color: var(--Neutral-900, #232529);
  text-overflow: ellipsis;
  font-family: Inter;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.015rem;
}

.file-status {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 0.375rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}

.svg-status {
  width: 20rem;
  height: 20rem;
  flex-shrink: 0;
}

.add-file {
  padding: 0.375rem 0.75rem !important;
  font-size: 0.875rem;
  font-weight: 500;
  box-shadow: 0rem 0rem 0.125rem 0rem #e0e0e0, 0rem 0.0625rem 0.25rem -0.125rem rgba(24, 39, 75, 0.02), 0rem 0.25rem 0.25rem -0.125rem rgba(24, 39, 75, 0.06);
  border: unset;
}.SwitchList {
  padding: 1rem 0.5rem 0.4375rem 0.5rem;
  flex: 1;
  border-radius: 0.5rem;
  background: #ffffff;
  max-height: 100%;
  overflow-y: auto;
}
.SwitchList .MuiFormControlLabel-labelPlacementEnd {
  line-height: 0.9375rem;
  margin: unset;
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
}
.SwitchList .MuiFormControlLabel-label {
  font-size: 0.875rem;
  line-height: 1.225rem;
  color: #656669;
  margin: 0 0.5rem;
}
.SwitchList .MuiList-root {
  max-width: 100%;
  padding: unset;
}
.SwitchList .MuiListItem-root {
  display: flex;
  padding: 0.5rem 0.75rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
}
.SwitchList .MuiListItemText-root {
  margin: unset;
}
.SwitchList .list-secondary-content {
  width: 1.25rem;
  height: 1.25rem;
}
.SwitchList .MuiList-root .MuiTypography-root {
  color: #1f2125;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.28px;
}
.SwitchList .MuiList-root .MuiTypography-root span {
  color: #a7a8a9;
  position: relative;
  margin: 0 0.5rem;
}
.SwitchList .MuiList-root .MuiTypography-root span::after {
  position: absolute;
  content: "";
  top: 47%;
  left: -0.5rem;
  border-radius: 50%;
  border: 0.125rem solid #a7a8a9;
}
.SwitchList .switch {
  width: 1.5rem;
  height: 1rem;
}
.SwitchList .switch .slider:before {
  height: 0.875rem;
  width: 0.875rem;
  left: -0.0625rem;
  bottom: 0.0625rem;
}.legends-circle {
  content: "";
  position: relative;
  top: 4px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin-right: 10px;
}.circle {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

.bar {
  position: relative;
  z-index: 9999; /* Ensure bars are on top */
}.donut-chart-container {
  display: flex;
  justify-content: space-evenly;
  gap: 10px;
  padding-top: 10px;
}
.donut-chart-container .donut-chart-legend {
  width: 25rem;
  display: flex;
  flex-wrap: wrap;
}
.donut-chart-container .donut-chart-legend .legend {
  padding: 0 0.625rem;
  max-height: 2.5rem;
  margin-bottom: 0.938rem;
  width: 50%;
}
.donut-chart-container .donut-chart-legend .legend .legend-title {
  color: var(--Text-Secondary, #656669);
  margin-bottom: 0.125rem;
  width: 100%;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.donut-chart-container .donut-chart-legend .legend .legend-value {
  font-size: 0.75rem;
}

.donut-chart-container.vertical {
  flex-direction: column;
  align-items: center;
}
.donut-chart-container.vertical .donut-chart-legend {
  width: auto;
  margin-top: 1.25rem;
}.donut-chart-container {
  display: flex;
  justify-content: center;
  gap: 1rem;
}

.donut-chart-container.vertical {
  flex-direction: column;
  align-items: center;
}
.donut-chart-container.vertical .donut-chart-legend {
  width: auto;
  margin-top: 1.25rem;
}

.donut-chart-container.horizontal {
  flex-direction: row;
  align-items: center;
}
.donut-chart-container.horizontal .donut-chart-legend {
  width: auto;
  margin-top: 1.25rem;
}

.donut-legend {
  display: flex;
  justify-content: center;
}

.donut-chart-legend {
  display: flex;
  justify-content: center;
  width: 150px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 46px;
  gap: 12px;
}
.donut-chart-legend .legend {
  padding: 0 0.75rem 0 0.75rem;
  max-height: 2.5rem;
  padding-right: 24px;
}
.donut-chart-legend .legend .legend-title {
  color: var(--Text-Secondary, #656669);
  margin-bottom: 0.125rem;
  width: 100%;
  font-size: 0.75rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.donut-chart-legend .legend .legend-value {
  font-size: 0.75rem;
}

.account-receivable-card {
  padding: 16px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
}

.donut-chart-legend.horizontal {
  flex-direction: column;
  align-items: flex-start;
}.grid-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.5rem;
}

@media screen and (min-width: 450px) {
  .grid-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (min-width: 812px) {
  .grid-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1112px) {
  .grid-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (min-width: 1440px) {
  .grid-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media screen and (min-width: 1600px) {
  .grid-wrapper {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media screen and (min-width: 1920px) {
  .grid-wrapper {
    grid-template-columns: repeat(6, 1fr);
  }
}.MuiTableRow-root::after {
  display: none !important;
}

.dynamic-report-header {
  border: 1px solid;
  border-color: #f3f2f2;
  padding: 8px;
  height: 30px;
  background-color: #fafafa;
}

.dynamic-report-row {
  border: 1px solid;
  border-color: #f3f2f2;
  padding: 8px;
  height: 40px;
}

.dynamic-report table tr {
  display: table-header-group;
}.appMenu {
  width: "100%";
}

.navList {
  width: 240px;
}

.menuItem {
  width: 240px;
}

.menuItemIcon {
  color: "#97c05c";
}

.drawer-expand-btn {
  position: fixed;
  top: 64.5px;
  left: 299px;
  transform: translateY(-50%);
  z-index: 1201;
  background-color: #fbfbfb;
  border: 1px solid #eeeff1;
  width: 20px;
  height: 30px;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}

.drawer-expand-btn_rtl {
  position: fixed;
  top: 64.5px;
  right: 299px;
  transform: translateY(-50%);
  z-index: 1201;
  background-color: #fbfbfb;
  border: 1px solid #eeeff1;
  width: 20px;
  height: 30px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.sidebar-list {
  padding: 0.75rem 0.5rem 1.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-top: 0;
}

.sidebar-list .list-item-text-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.sidebar-list .sidebar-search .MuiFormControl-root {
  padding: 0.375rem 0.75rem;
  background-color: #fff;
  border: 1px solid #f3f2f2;
  border-radius: 0.25rem;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  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;
}

.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: #a6a6a6;
}

.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,
.react-datepicker__week-number--keyboard-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: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.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:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text: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:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.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:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.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:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.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: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.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:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}
.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: #b3b3b3;
}
.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: #b3b3b3;
}
.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: #b3b3b3;
}
.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;
}
.ai-summary-panel {
  position: relative;
}
.ai-summary-panel__collapsed-toggle {
  width: calc(100% - 16px);
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: white;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s;
  margin-left: 8px;
  margin-right: 8px;
  font-family: inherit;
}
.ai-summary-panel__collapsed-toggle:hover {
  border-color: #E0DFE0;
}
.ai-summary-panel__collapsed-toggle:disabled {
  cursor: default;
  opacity: 0.8;
}
.ai-summary-panel__collapsed-toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background-color: #4AC08C;
}
.ai-summary-panel__collapsed-toggle-icon svg {
  width: 12px;
  height: 12px;
  color: white;
}
.ai-summary-panel__collapsed-toggle-title {
  font-weight: 500;
  font-size: 13px;
  color: #1F2125;
}
.ai-summary-panel__collapsed-toggle-subtitle {
  font-weight: 400;
  font-size: 12px;
  color: #A7A8A9;
}
.ai-summary-panel__collapsed-toggle-chevron {
  margin-left: auto;
  width: 14px;
  height: 14px;
  color: #A7A8A9;
}
.ai-summary-panel__loading-spinner {
  width: 12px;
  height: 12px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.ai-summary-panel__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px 16px;
}
.ai-summary-panel__loading-spinner-large {
  width: 28px;
  height: 28px;
  border: 3px solid #F3F2F2;
  border-top-color: #4AC08C;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
.ai-summary-panel__loading-text {
  font-size: 13px;
  color: #656669;
}
.ai-summary-panel__expanded {
  background: white;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  overflow: visible;
  margin-left: 8px;
  margin-right: 8px;
}
.ai-summary-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #F5F6F5;
}
.ai-summary-panel__header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ai-summary-panel__header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #4AC08C;
}
.ai-summary-panel__header-icon svg {
  width: 13px;
  height: 13px;
  color: white;
}
.ai-summary-panel__header-title {
  font-weight: 500;
  font-size: 14px;
  color: #1F2125;
}
.ai-summary-panel__header-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 4px;
  background: #E8F7F0;
  font-weight: 500;
  font-size: 10px;
  color: #4AC08C;
  text-transform: uppercase;
}
.ai-summary-panel__header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-summary-panel__header-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s;
  background: transparent;
  border: none;
  padding: 0;
}
.ai-summary-panel__header-btn:hover {
  background: #f5f6f5;
}
.ai-summary-panel__header-btn svg {
  width: 14px;
  height: 14px;
  color: #919294;
}
.ai-summary-panel__header-btn.copied svg {
  color: #2EB273;
}
.ai-summary-panel__body {
  padding: 12px 16px 14px;
}
.ai-summary-panel__error {
  font-size: 13px;
  color: #E85D3A;
  line-height: 1.65;
  padding: 4px 0;
}
.ai-summary-panel__summary {
  font-weight: 400;
  font-size: 13px;
  color: #3D3F44;
  line-height: 1.65;
}
.ai-summary-panel__summary-cursor {
  display: inline-block;
  width: 2px;
  height: 14px;
  background: #7C3AED;
  margin-left: 2px;
  vertical-align: middle;
  animation: pulse 1s infinite;
}
.ai-summary-panel__visuals {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  animation: fadeSlideIn 0.3s ease-out both;
  overflow: visible;
  align-items: stretch;
}
.ai-summary-panel__visuals > .ai-summary-panel__card {
  flex: 1;
  min-width: calc(50% - 6px);
  max-width: calc(50% - 6px);
}
.ai-summary-panel__card {
  background: #FAFBFC;
  border: 1px solid #F3F2F2;
  border-radius: 8px;
  padding: 12px;
  position: relative;
  overflow: visible;
  min-height: 200px;
}
.ai-summary-panel__card-title {
  font-size: 11.5px;
  color: #656669;
  font-weight: 500;
  margin-bottom: 25px;
}
.ai-summary-panel__insights {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  animation: fadeSlideIn 0.3s ease-out 0.1s both;
}
.ai-summary-panel__feedback {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #f5f6f5;
  animation: fadeSlideIn 0.3s ease-out 0.2s both;
}
.ai-summary-panel__feedback-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.ai-summary-panel__feedback-thumbs {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ai-summary-panel__feedback-label {
  font-size: 11.5px;
  color: #a7a8a9;
  letter-spacing: -0.23px;
  margin-right: 2px;
}
.ai-summary-panel__feedback-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
}
.ai-summary-panel__feedback-btn svg {
  width: 12px;
  height: 12px;
  color: #a7a8a9;
}
.ai-summary-panel__feedback-btn:hover {
  background: #f5f6f5;
}
.ai-summary-panel__feedback-btn--up {
  background: #ECFDF5;
}
.ai-summary-panel__feedback-btn--up svg {
  color: #059669;
}
.ai-summary-panel__feedback-btn--down {
  background: #FEF3F0;
}
.ai-summary-panel__feedback-btn--down svg {
  color: #E85D3A;
}
.ai-summary-panel__feedback-disclaimer {
  font-size: 11px;
  color: #a7a8a9;
  letter-spacing: -0.22px;
}
.ai-summary-panel__ask-ai-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 6px;
  border: none;
  background: #F5F3FF;
  cursor: pointer;
  transition: background-color 0.2s;
  font-family: inherit;
}
.ai-summary-panel__ask-ai-btn:hover {
  background: #EDE9FE;
}
.ai-summary-panel__ask-ai-btn svg {
  width: 11px;
  height: 11px;
  color: #7C3AED;
}
.ai-summary-panel__ask-ai-btn span {
  font-size: 12px;
  color: #7C3AED;
  font-weight: 500;
  letter-spacing: -0.24px;
}
.ai-summary-panel__header-btn.active svg {
  color: #7C3AED;
}
.ai-summary-panel__chat {
  border-top: 1px solid #f3f2f2;
  animation: fadeSlideIn 0.25s ease-out both;
}
.ai-summary-panel__chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: #fafbfc;
  border-bottom: 1px solid #f5f6f5;
}
.ai-summary-panel__chat-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ai-summary-panel__chat-header-icon {
  width: 12px;
  height: 12px;
  color: #7C3AED;
}
.ai-summary-panel__chat-header-title {
  font-size: 12px;
  color: #656669;
  letter-spacing: -0.24px;
  font-weight: 500;
}
.ai-summary-panel__chat-close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: background-color 0.2s;
  padding: 0;
}
.ai-summary-panel__chat-close-btn:hover {
  background: #f0f0f0;
}
.ai-summary-panel__chat-close-btn svg {
  width: 13px;
  height: 13px;
  color: #919294;
}
.ai-summary-panel__chat-suggestions {
  padding: 12px 16px;
  border-bottom: 1px solid #f5f6f5;
}
.ai-summary-panel__chat-suggestions-label {
  font-size: 11px;
  color: #a7a8a9;
  letter-spacing: -0.22px;
  margin-bottom: 8px;
}
.ai-summary-panel__chat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ai-summary-panel__chat-chip {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px;
  background: white;
  border: 1px solid #f3f2f2;
  border-radius: 20px;
  cursor: pointer;
  transition: border-color 0.2s, background-color 0.2s;
  font-family: inherit;
}
.ai-summary-panel__chat-chip:hover {
  border-color: #d0d0d1;
  background: #fafbfc;
}
.ai-summary-panel__chat-chip span {
  font-size: 11.5px;
  color: #3D3F44;
  letter-spacing: -0.23px;
}
.ai-summary-panel__chat-chip-icon {
  width: 11px;
  height: 11px;
  color: #919294;
}
.ai-summary-panel__chat-chip--small {
  padding: 4px 10px;
}
.ai-summary-panel__chat-chip--small span {
  font-size: 11px;
  color: #656669;
  letter-spacing: -0.22px;
}
.ai-summary-panel__chat-chip--small .ai-summary-panel__chat-chip-icon {
  width: 10px;
  height: 10px;
}
.ai-summary-panel__chat-messages {
  max-height: 350px;
  overflow-y: auto;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ai-summary-panel__chat-message--user {
  display: flex;
  justify-content: flex-end;
}
.ai-summary-panel__chat-message--ai {
  display: flex;
  justify-content: flex-start;
}
.ai-summary-panel__chat-ai-row {
  display: flex;
  gap: 10px;
  max-width: 92%;
}
.ai-summary-panel__chat-ai-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: linear-gradient(135deg, #7C3AED, #6D28D9);
  flex-shrink: 0;
  margin-top: 2px;
}
.ai-summary-panel__chat-ai-avatar svg {
  width: 11px;
  height: 11px;
  color: white;
}
.ai-summary-panel__chat-ai-text {
  font-size: 12.5px;
  color: #3D3F44;
  line-height: 1.6;
  letter-spacing: -0.25px;
  min-width: 0;
}
.ai-summary-panel__chat-ai-text p {
  margin: 0 0 6px;
}
.ai-summary-panel__chat-ai-text p:last-child {
  margin-bottom: 0;
}
.ai-summary-panel__chat-ai-text strong {
  font-weight: 600;
}
.ai-summary-panel__chat-ai-text em {
  font-style: italic;
}
.ai-summary-panel__chat-ai-text ul, .ai-summary-panel__chat-ai-text ol {
  margin: 4px 0 6px 16px;
  padding: 0;
}
.ai-summary-panel__chat-ai-text li {
  margin-bottom: 2px;
}
.ai-summary-panel__chat-ai-text code {
  background: #F0EEFF;
  border-radius: 3px;
  padding: 1px 4px;
  font-size: 11.5px;
  font-family: monospace;
}
.ai-summary-panel__chat-ai-text pre {
  background: #F0EEFF;
  border-radius: 6px;
  padding: 8px 10px;
  overflow-x: auto;
  margin: 6px 0;
}
.ai-summary-panel__chat-ai-text pre code {
  background: none;
  padding: 0;
}
.ai-summary-panel__chat-ai-text h1, .ai-summary-panel__chat-ai-text h2, .ai-summary-panel__chat-ai-text h3 {
  font-weight: 600;
  margin: 8px 0 4px;
  line-height: 1.3;
}
.ai-summary-panel__chat-ai-text h1 {
  font-size: 14px;
}
.ai-summary-panel__chat-ai-text h2 {
  font-size: 13px;
}
.ai-summary-panel__chat-ai-text h3 {
  font-size: 12.5px;
}
.ai-summary-panel__chat-ai-text a {
  color: #7C3AED;
  text-decoration: underline;
}
.ai-summary-panel__chat-ai-text blockquote {
  border-left: 3px solid #D8B4FE;
  padding-left: 8px;
  margin: 4px 0;
  color: #6B7280;
}
.ai-summary-panel__chat-user-bubble {
  background: #F5F3FF;
  border-radius: 12px 12px 4px 12px;
  padding: 8px 14px;
  max-width: 75%;
}
.ai-summary-panel__chat-user-bubble p {
  font-size: 12.5px;
  color: #3D3F44;
  line-height: 1.5;
  letter-spacing: -0.25px;
}
.ai-summary-panel__chat-typing {
  display: flex;
  gap: 10px;
  align-items: center;
}
.ai-summary-panel__chat-typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 0;
}
.ai-summary-panel__chat-typing-dots span {
  width: 5px;
  height: 5px;
  background: #c4b5fd;
  border-radius: 50%;
  animation: chatBounce 1.2s infinite ease-in-out;
}
.ai-summary-panel__chat-typing-dots span:nth-child(2) {
  animation-delay: 0.15s;
}
.ai-summary-panel__chat-typing-dots span:nth-child(3) {
  animation-delay: 0.3s;
}
.ai-summary-panel__chat-followups {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 4px;
}
.ai-summary-panel__chat-input-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-top: 1px solid #f5f6f5;
  background: white;
}
.ai-summary-panel__chat-input {
  flex: 1;
  font-size: 13px;
  color: #1f2125;
  letter-spacing: -0.26px;
  background: transparent;
  border: none;
  outline: none;
  font-family: inherit;
}
.ai-summary-panel__chat-input::placeholder {
  color: #a7a8a9;
}
.ai-summary-panel__chat-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s;
  background: #f5f6f5;
  padding: 0;
}
.ai-summary-panel__chat-send-btn svg {
  width: 14px;
  height: 14px;
  color: #a7a8a9;
}
.ai-summary-panel__chat-send-btn--active {
  background: #7C3AED;
}
.ai-summary-panel__chat-send-btn--active svg {
  color: white;
}
.ai-summary-panel__chat-send-btn--active:hover {
  background: #6D28D9;
}
.ai-summary-panel__chat-send-btn:disabled {
  cursor: default;
}
.ai-summary-panel__insight-chip {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  overflow: hidden;
}
.ai-summary-panel__insight-chip::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px 0 0 3px;
}
.ai-summary-panel__insight-chip--critical {
  background: rgba(232, 93, 58, 0.08);
}
.ai-summary-panel__insight-chip--critical::before {
  background: #E85D3A;
}
.ai-summary-panel__insight-chip--critical svg {
  color: #E85D3A;
}
.ai-summary-panel__insight-chip--warning {
  background: rgba(217, 119, 6, 0.08);
}
.ai-summary-panel__insight-chip--warning::before {
  background: #D97706;
}
.ai-summary-panel__insight-chip--warning svg {
  color: #D97706;
}
.ai-summary-panel__insight-chip--info {
  background: rgba(5, 150, 105, 0.08);
}
.ai-summary-panel__insight-chip--info::before {
  background: #059669;
}
.ai-summary-panel__insight-chip--info svg {
  color: #059669;
}
.ai-summary-panel__insight-chip:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.ai-summary-panel__insight-chip svg {
  width: 14px;
  height: 14px;
  flex-shrink: 0;
}
.ai-summary-panel__insight-chip-title {
  font-size: 11.5px;
  font-weight: 600;
  color: #3D3F44;
}
.ai-summary-panel__insight-chip-text {
  font-size: 11px;
  color: #6B7280;
}
.ai-summary-panel__insight-chip-arrow {
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.2s;
  color: #9CA3AF;
  width: 12px;
  height: 12px;
}
.ai-summary-panel__insight-chip:hover .ai-summary-panel__insight-chip-arrow {
  opacity: 1;
}

@keyframes fadeSlideIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes chatBounce {
  0%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
}.react-kanban-board{padding:5px}.react-kanban-card{border-radius:3px;background-color:#fff;padding:10px;margin-bottom:7px}.react-kanban-card-skeleton,.react-kanban-card,.react-kanban-card-adder-form{box-sizing:border-box;max-width:250px;min-width:250px}.react-kanban-card--dragging{box-shadow:2px 2px grey}.react-kanban-card__description{padding-top:10px}.react-kanban-card__title{border-bottom:1px solid #eee;padding-bottom:5px;font-weight:bold;display:flex;justify-content:space-between}.react-kanban-column{padding:15px;border-radius:2px;background-color:#eee;margin:5px}.react-kanban-column input:focus{outline:none}.react-kanban-card-adder-form{border-radius:3px;background-color:#fff;padding:10px;margin-bottom:7px}.react-kanban-card-adder-form input{border:0px;font-family:inherit;font-size:inherit}.react-kanban-card-adder-button{width:100%;margin-top:5px;background-color:transparent;cursor:pointer;border:1px solid #ccc;transition:0.3s;border-radius:3px;font-size:20px;margin-bottom:10px;font-weight:bold}.react-kanban-card-adder-button:hover{background-color:#ccc}.react-kanban-card-adder-form__title{font-weight:bold;border-bottom:1px solid #eee;padding-bottom:5px;font-weight:bold;display:flex;justify-content:space-between;width:100%;padding:0px}.react-kanban-card-adder-form__title:focus{outline:none}.react-kanban-card-adder-form__description{width:100%;margin-top:10px}.react-kanban-card-adder-form__description:focus{outline:none}.react-kanban-card-adder-form__button{background-color:#eee;border:none;padding:5px;width:45%;margin-top:5px;border-radius:3px}.react-kanban-card-adder-form__button:hover{transition:0.3s;cursor:pointer;background-color:#ccc}.react-kanban-column-header{padding-bottom:10px;font-weight:bold}.react-kanban-column-header input:focus{outline:none}.react-kanban-column-header__button{color:#333333;background-color:#ffffff;border-color:#cccccc}.react-kanban-column-header__button:hover,.react-kanban-column-header__button:focus,.react-kanban-column-header__button:active{background-color:#e6e6e6}.react-kanban-column-adder-button{border:2px dashed #eee;height:132px;margin:5px}.react-kanban-column-adder-button:hover{cursor:pointer}

._3_ygE {
  display: table;
  border-bottom: #e6e4e4 1px solid;
  border-top: #e6e4e4 1px solid;
  border-left: #e6e4e4 1px solid;
}

._1nBOt {
  display: table-row;
  list-style: none;
}

._2eZzQ {
  border-right: 1px solid rgb(196, 196, 196);
  opacity: 1;
  margin-left: -2px;
}

._WuQ0f {
  display: table-cell;
  vertical-align: -webkit-baseline-middle;
  vertical-align: middle;
}

._3ZbQT {
  display: table;
  border-bottom: #e6e4e4 1px solid;
  border-left: #e6e4e4 1px solid;
}

._34SS0 {
  display: table-row;
  text-overflow: ellipsis;
}

._34SS0:nth-of-type(even) {
  background-color: #f5f5f5;
}

._3lLk3 {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._nI1Xw {
  display: flex;
}

._2QjE6 {
  color: rgb(86 86 86);
  font-size: 0.6rem;
  padding: 0.15rem 0.2rem 0rem 0.2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
}
._2TfEi {
  font-size: 0.6rem;
  padding-left: 1rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._3T42e {
  background: #fff;
  padding: 12px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

._29NTg {
  font-size: 12px;
  margin-bottom: 6px;
  color: #666;
}

._25P-K {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

._3gVAq {
  visibility: hidden;
  position: absolute;
  display: flex;
  pointer-events: none;
}

._1eT-t {
  overflow: hidden auto;
  width: 1rem;
  flex-shrink: 0;
  /*firefox*/
  scrollbar-width: thin;
}
._1eT-t::-webkit-scrollbar {
  width: 1.1rem;
  height: 1.1rem;
}
._1eT-t::-webkit-scrollbar-corner {
  background: transparent;
}
._1eT-t::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background-clip: padding-box;
}
._1eT-t::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: rgba(0, 0, 0, 0.3);
  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
  background-clip: padding-box;
}

._2dZTy {
  fill: #fff;
}

._2dZTy:nth-child(even) {
  fill: #f5f5f5;
}

._3rUKi {
  stroke: #ebeff2;
}

._RuwuK {
  stroke: #e6e4e4;
}

._9w8d5 {
  text-anchor: middle;
  fill: #333;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

._1rLuZ {
  stroke: #e6e4e4;
}

._2q1Kt {
  text-anchor: middle;
  fill: #555;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

._35nLX {
  fill: #ffffff;
  stroke: #e0e0e0;
  stroke-width: 1.4;
}

._KxSXS {
  cursor: pointer;
  outline: none;
}

._KxSXS:hover ._3w_5u {
  visibility: visible;
  opacity: 1;
}

._3w_5u {
  fill: #ddd;
  cursor: ew-resize;
  opacity: 0;
  visibility: hidden;
}

._31ERP {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  stroke-width: 0;
}

._RRr13 {
  cursor: pointer;
  outline: none;
}

._2P2B1 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._1KJ6x {
  cursor: pointer;
  outline: none;
}

._2RbVy {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0.6;
}

._2pZMF {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

._3zRJQ {
  fill: #fff;
  text-anchor: middle;
  font-weight: lighter;
  dominant-baseline: central;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

._3KcaM {
  fill: #555;
  text-anchor: start;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

._CZjuD {
  overflow: hidden;
  font-size: 0;
  margin: 0;
  padding: 0;
}

._2B2zv {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

._3eULf {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  outline: none;
  position: relative;
}

._2k9Ys {
  overflow: auto;
  max-width: 100%;
  /*firefox*/
  scrollbar-width: thin;
  /*iPad*/
  height: 1.2rem;
}
._2k9Ys::-webkit-scrollbar {
  width: 1.1rem;
  height: 1.1rem;
}
._2k9Ys::-webkit-scrollbar-corner {
  background: transparent;
}
._2k9Ys::-webkit-scrollbar-thumb {
  border: 6px solid transparent;
  background: rgba(0, 0, 0, 0.2);
  background: var(--palette-black-alpha-20, rgba(0, 0, 0, 0.2));
  border-radius: 10px;
  background-clip: padding-box;
}
._2k9Ys::-webkit-scrollbar-thumb:hover {
  border: 4px solid transparent;
  background: rgba(0, 0, 0, 0.3);
  background: var(--palette-black-alpha-30, rgba(0, 0, 0, 0.3));
  background-clip: padding-box;
}
@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}
._19jgW {
  height: 1px;
}
.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateDisplay{
  display: flex;
  justify-content: space-between;
}

.rdrDateDisplayItem{
  flex: 1 1;
  width: 0;
  text-align: center;
  color: inherit;
}

.rdrDateDisplayItem + .rdrDateDisplayItem{
    margin-left: 0.833em;
  }

.rdrDateDisplayItem input{
    text-align: inherit
  }

.rdrDateDisplayItem input:disabled{
      cursor: default;
    }

.rdrDateDisplayItemActive{}

.rdrMonthAndYearWrapper {
  box-sizing: inherit;
  display: flex;
  justify-content: space-between;
}

.rdrMonthAndYearPickers{
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdrMonthPicker{}

.rdrYearPicker{}

.rdrNextPrevButton {
  box-sizing: inherit;
  cursor: pointer;
  outline: none;
}

.rdrPprevButton {}

.rdrNextButton {}

.rdrMonths{
  display: flex;
}

.rdrMonthsVertical{
  flex-direction: column;
}

.rdrMonthsHorizontal > div > div > div{
  display: flex;
  flex-direction: row;
}

.rdrMonth{
  width: 27.667em;
}

.rdrWeekDays{
  display: flex;
}

.rdrWeekDay {
  flex-basis: calc(100% / 7);
  box-sizing: inherit;
  text-align: center;
}

.rdrDays{
  display: flex;
  flex-wrap: wrap;
}

.rdrDateDisplayWrapper{}

.rdrMonthName{}

.rdrInfiniteMonths{
  overflow: auto;
}

.rdrDateRangeWrapper{
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDateInput {
  position: relative;
}

.rdrDateInput input {
    outline: none;
  }

.rdrDateInput .rdrWarning {
    position: absolute;
    font-size: 1.6em;
    line-height: 1.6em;
    top: 0;
    right: .25em;
    color: #FF0000;
  }

.rdrDay {
  box-sizing: inherit;
  width: calc(100% / 7);
  position: relative;
  font: inherit;
  cursor: pointer;
}

.rdrDayNumber {
  display: block;
  position: relative;
}

.rdrDayNumber span{
    color: #1d2429;
  }

.rdrDayDisabled {
  cursor: not-allowed;
}

@supports (-ms-ime-align: auto) {
  .rdrDay {
    flex-basis: 14.285% !important;
  }
}

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  pointer-events: none;
}

.rdrInRange{}

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  pointer-events: none;
}

.rdrDayHovered{}

.rdrDayActive{}

.rdrDateRangePickerWrapper{
  display: inline-flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.rdrDefinedRangesWrapper{}

.rdrStaticRanges{
  display: flex;
  flex-direction: column;
}

.rdrStaticRange{
  font-size: inherit;
}

.rdrStaticRangeLabel{}

.rdrInputRanges{}

.rdrInputRange{
  display: flex;
}

.rdrInputRangeInput{}
.rdrCalendarWrapper{
  color: #000000;
  font-size: 12px;
}

.rdrDateDisplayWrapper{
  background-color: rgb(239, 242, 247);
}

.rdrDateDisplay{
  margin: 0.833em;
}

.rdrDateDisplayItem{
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(35, 57, 66, 0.21);
  border: 1px solid transparent;
}

.rdrDateDisplayItem input{
    cursor: pointer;
    height: 2.5em;
    line-height: 2.5em;
    border: 0px;
    background: transparent;
    width: 100%;
    color: #849095;
  }

.rdrDateDisplayItemActive{
  border-color: currentColor;
}

.rdrDateDisplayItemActive input{
    color: #7d888d
  }

.rdrMonthAndYearWrapper {
  align-items: center;
  height: 60px;
  padding-top: 10px;
}

.rdrMonthAndYearPickers{
  font-weight: 600;
}

.rdrMonthAndYearPickers select{
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    outline: 0;
    color: #3e484f;
    background: url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;
    background-position: right 8px center;
    cursor: pointer;
    text-align: center
  }

.rdrMonthAndYearPickers select:hover{
      background-color: rgba(0,0,0,0.07);
    }

.rdrMonthPicker, .rdrYearPicker{
  margin: 0 5px
}

.rdrNextPrevButton {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 0.833em;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: #EFF2F7
}

.rdrNextPrevButton:hover{
    background: #E1E7F0;
  }

.rdrNextPrevButton i {
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    text-align: center;
    border-style: solid;
    margin: auto;
    transform: translate(-3px, 0px);
  }

.rdrPprevButton i {
    border-width: 4px 6px 4px 4px;
    border-color: transparent rgb(52, 73, 94) transparent transparent;
    transform: translate(-3px, 0px);
  }

.rdrNextButton i {
    margin: 0 0 0 7px;
    border-width: 4px 4px 4px 6px;
    border-color: transparent transparent transparent rgb(52, 73, 94);
    transform: translate(3px, 0px);
  }

.rdrWeekDays {
  padding: 0 0.833em;
}

.rdrMonth{
  padding: 0 0.833em 1.666em 0.833em;
}

.rdrMonth .rdrWeekDays {
    padding: 0;
  }

.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{
  display: none;
}

.rdrWeekDay {
  font-weight: 400;
  line-height: 2.667em;
  color: rgb(132, 144, 149);
}

.rdrDay {
  background: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 0;
  padding: 0;
  line-height: 3.000em;
  height: 3.000em;
  text-align: center;
  color: #1d2429
}

.rdrDay:focus {
    outline: 0;
  }

.rdrDayNumber {
  outline: 0;
  font-weight: 300;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  top: 5px;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdrDayToday .rdrDayNumber span{
  font-weight: 500
}

.rdrDayToday .rdrDayNumber span:after{
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: #3d91ff;
  }

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after{
      background: #fff;
    }

.rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span{
          color: rgba(255, 255, 255, 0.85);
        }

.rdrSelected, .rdrInRange, .rdrStartEdge, .rdrEndEdge{
  background: currentColor;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 5px;
}

.rdrSelected{
  left: 2px;
  right: 2px;
}

.rdrInRange{}

.rdrStartEdge{
  border-top-left-radius: 1.042em;
  border-bottom-left-radius: 1.042em;
  left: 2px;
}

.rdrEndEdge{
  border-top-right-radius: 1.042em;
  border-bottom-right-radius: 1.042em;
  right: 2px;
}

.rdrSelected{
  border-radius: 1.042em;
}

.rdrDayStartOfMonth .rdrInRange, .rdrDayStartOfMonth .rdrEndEdge, .rdrDayStartOfWeek .rdrInRange, .rdrDayStartOfWeek .rdrEndEdge{
    border-top-left-radius: 1.042em;
    border-bottom-left-radius: 1.042em;
    left: 2px;
  }

.rdrDayEndOfMonth .rdrInRange,  .rdrDayEndOfMonth .rdrStartEdge,  .rdrDayEndOfWeek .rdrInRange,  .rdrDayEndOfWeek .rdrStartEdge{
    border-top-right-radius: 1.042em;
    border-bottom-right-radius: 1.042em;
    right: 2px;
  }

.rdrDayStartOfMonth .rdrDayInPreview, .rdrDayStartOfMonth .rdrDayEndPreview, .rdrDayStartOfWeek .rdrDayInPreview, .rdrDayStartOfWeek .rdrDayEndPreview{
    border-top-left-radius: 1.333em;
    border-bottom-left-radius: 1.333em;
    border-left-width: 1px;
    left: 0px;
  }

.rdrDayEndOfMonth .rdrDayInPreview, .rdrDayEndOfMonth .rdrDayStartPreview, .rdrDayEndOfWeek .rdrDayInPreview, .rdrDayEndOfWeek .rdrDayStartPreview{
   border-top-right-radius: 1.333em;
   border-bottom-right-radius: 1.333em;
   border-right-width: 1px;
   right: 0px;
 }

.rdrDayStartPreview, .rdrDayInPreview, .rdrDayEndPreview{
  background: rgba(255, 255, 255, 0.09);
  position: absolute;
  top: 3px;
  left: 0px;
  right: 0px;
  bottom: 3px;
  pointer-events: none;
  border: 0px solid currentColor;
  z-index: 1;
}

.rdrDayStartPreview{
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-left-radius: 1.333em;
  border-bottom-left-radius: 1.333em;
  left: 0px;
}

.rdrDayInPreview{
  border-top-width: 1px;
  border-bottom-width: 1px;
}

.rdrDayEndPreview{
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-right-radius: 1.333em;
  border-bottom-right-radius: 1.333em;
  right: 2px;
  right: 0px;
}

.rdrDefinedRangesWrapper{
  font-size: 12px;
  width: 226px;
  border-right: solid 1px #eff2f7;
  background: #fff;
}

.rdrDefinedRangesWrapper .rdrStaticRangeSelected{
    color: currentColor;
    font-weight: 600;
  }

.rdrStaticRange{
  border: 0;
  cursor: pointer;
  display: block;
  outline: 0;
  border-bottom: 1px solid #eff2f7;
  padding: 0;
  background: #fff
}

.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{
      background: #eff2f7;
    }

.rdrStaticRangeLabel{
  display: block;
  outline: 0;
  line-height: 18px;
  padding: 10px 20px;
  text-align: left;
}

.rdrInputRanges{
  padding: 10px 0;
}

.rdrInputRange{
  align-items: center;
  padding: 5px 20px;
}

.rdrInputRangeInput{
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  text-align: center;
  border: solid 1px rgb(222, 231, 235);
  margin-right: 10px;
  color: rgb(108, 118, 122)
}

.rdrInputRangeInput:focus, .rdrInputRangeInput:hover{
    border-color: rgb(180, 191, 196);
    outline: 0;
    color: #333;
  }

.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{
  content: '';
  border: 1px solid currentColor;
  border-radius: 1.333em;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: 0px;
  right: 0px;
  background: transparent;
}

.rdrDayPassive{
  pointer-events: none;
}

.rdrDayPassive .rdrDayNumber span{
    color: #d5dce0;
  }

.rdrDayPassive .rdrInRange, .rdrDayPassive .rdrStartEdge, .rdrDayPassive .rdrEndEdge, .rdrDayPassive .rdrSelected, .rdrDayPassive .rdrDayStartPreview, .rdrDayPassive .rdrDayInPreview, .rdrDayPassive .rdrDayEndPreview{
    display: none;
  }

.rdrDayDisabled {
  background-color: rgb(248, 248, 248);
}

.rdrDayDisabled .rdrDayNumber span{
    color: #aeb9bf;
  }

.rdrDayDisabled .rdrInRange, .rdrDayDisabled .rdrStartEdge, .rdrDayDisabled .rdrEndEdge, .rdrDayDisabled .rdrSelected, .rdrDayDisabled .rdrDayStartPreview, .rdrDayDisabled .rdrDayInPreview, .rdrDayDisabled .rdrDayEndPreview{
    filter: grayscale(100%) opacity(60%);
  }

.rdrMonthName{
  text-align: left;
  font-weight: 600;
  color: #849095;
  padding: 0.833em;
}
.add-role-drp ul {
  min-width: 12.875rem;
  border-radius: 0.5rem;
  gap: 0.25rem;
  display: flex;
  flex-direction: column;
}
.add-role-drp ul .searchbar-box-list {
  border: 0;
  padding: 0.313rem 0.75rem 0.5rem 0.75rem;
}
.add-role-drp ul .all-attribute-title {
  padding: 0rem 0.938rem;
}
.add-role-drp ul .all-attribute-title .MuiTypography-root {
  font-size: 0.875rem;
}
.add-role-drp ul .role-drp-list .add-icon {
  min-width: 1.5rem;
}
.add-role-drp ul .role-drp-list .title span {
  font-size: 0.938rem;
  font-weight: 400;
  line-height: 1.125rem;
  letter-spacing: -0.02em;
  color: #656669;
}
.add-role-drp ul .role-drp-list .eye-icon {
  text-align: right;
  min-width: 2rem;
}
.add-role-drp ul .role-drp-list .eye-icon img {
  margin-left: auto;
}
.add-role-drp ul .role-drp-list:last-child .title span {
  color: #1f2125;
}
.add-role-drp ul .role-drp-list:last-child .eye-icon {
  position: relative;
  top: 0.188rem;
}
.add-role-drp ul .role-drp-list:last-child .eye-icon svg {
  fill: #7b7c7f;
}
.dropdown-inner--DestructiveActions {
  color: #c64d4d;
}
.dropdown-inner--DestructiveActions:hover {
  background-color: #fedfdf;
}
.action-items ul {
  display: flex;
  text-align: center;
}
.no-data {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.add-row-btn {
  color: #1f2125 !important;
}
.MuiTableSortLabel-iconDirectionAsc path:first-child {
  fill: #232529;
}
.MuiTableSortLabel-iconDirectionAsc path:last-child {
  fill: #bdbebf;
}
.MuiTableSortLabel-iconDirectionDesc path:first-child {
  fill: #232529;
}
.MuiTableSortLabel-iconDirectionDesc path:last-child {
  fill: #bdbebf;
}
.custom-table table th {
  background-color: #FBFBFB !important;
}
.custom-table table th svg {
  height: 16px !important;
  width: 16px !important;
}
.custom-table table th:nth-child(2) svg {
  height: 20px !important;
  width: 20px !important;
}
.custom-table table th button[aria-label=Move] {
  display: none;
  transition: all 0.3s ease-in-out;
}
.custom-table table th:hover button[aria-label=Move] {
  display: block;
}
.custom-table .MuiTouchRipple-root {
  display: none;
}
.custom-table table th span.MuiBadge-root {
  width: 16px;
}
.custom-table table td {
  font-size: 13px !important;
}
.custom-table tbody tr:last-of-type td:first-of-type {
  background-color: white;
}.listing-component {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.listing-component .fallback-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.listing-component .loading-container {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}.forms {
  padding: 0rem 2rem;
  width: 100%;
}
.forms--CustomField {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #eeeff1;
  color: #232529;
  border-radius: 0.25rem;
}.gridView--CardHeader {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.gridView--CardBottom {
  margin-top: 0.75rem;
}
.gridView--Image {
  width: 1rem;
  height: 1rem;
  transform: rotate(90deg);
}
.gridView--StatusInactive {
  width: fit-content;
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #f5f6f5;
  color: #232529;
  border-radius: 0.5rem;
}
.gridView--StatusActive {
  padding: 0.25rem 0.375rem;
  text-align: center;
  background-color: #d0f0da;
  color: #226e4f;
  border-radius: 0.5rem;
  width: fit-content;
}
.gridView--Approved {
  background-color: #B6E9D6 !important;
  color: #279769 !important;
}
.gridView--Rejected {
  background-color: #eed2d2 !important;
  color: #883c3c !important;
}
.gridView--Submitted {
  background-color: #cdebf4 !important;
  color: #246e82 !important;
}
.gridView--Draft {
  background-color: #eeeff1 !important;
  color: #232529 !important;
}
.gridView--redirection {
  cursor: pointer;
  width: 100%;
}

@media print {
	body {
		margin: 0 !important;
	}
}

.main-container {
	font-family: 'Inter, system-ui, Avenir, Helvetica, Arial, sans-serif';
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

.custom-editor-container {
	width: 100% !important;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

/* ─── Toolbar ─── */

.tiptap-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 2px;
	padding: 6px 8px;
	background: #f8f9fa;
	border-bottom: 1px solid #dee2e6;
}

.tiptap-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 6px;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: #495057;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
	font-family: inherit;
	line-height: 1;
}

.tiptap-btn:hover {
	background: #e9ecef;
	color: #212529;
}

.tiptap-btn.is-active {
	background: #dee2e6;
	color: #0d6efd;
}

.tiptap-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.tiptap-select {
	height: 28px;
	padding: 0 8px;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	background: #fff;
	color: #495057;
	font-size: 12px;
	cursor: pointer;
	outline: none;
}

.tiptap-select:focus {
	border-color: #0d6efd;
}

.tiptap-divider {
	display: inline-block;
	width: 1px;
	height: 20px;
	margin: 0 4px;
	background: #dee2e6;
}

/* Color picker labels */

.tiptap-color-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	position: relative;
	color: #333;
}

.tiptap-color-label:hover {
	background: #e9ecef;
}

.tiptap-bg-color {
	background: #fffde7;
	border: 1px solid #e0e0e0;
}

.tiptap-color-input {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

.tiptap-color-label:active .tiptap-color-input,
.tiptap-color-label:focus-within .tiptap-color-input {
	position: absolute;
	top: 100%;
	left: 0;
	width: 32px;
	height: 32px;
	opacity: 1;
	pointer-events: auto;
	z-index: 10;
}

/* ─── Editor content area ─── */

.tiptap-editor-wrapper {
	min-height: 300px;
}

.tiptap-editor-wrapper .tiptap {
	min-height: 300px;
	padding: 16px;
	outline: none;
	font-family: 'Inter', system-ui, Avenir, Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	color: #212529;
}

.tiptap-editor-wrapper .tiptap:focus {
	outline: none;
}

/* Typography within editor */

.tiptap-editor-wrapper .tiptap p {
	margin: 0 0 0.5em 0;
}

.tiptap-editor-wrapper .tiptap h1,
.tiptap-editor-wrapper .tiptap h2,
.tiptap-editor-wrapper .tiptap h3,
.tiptap-editor-wrapper .tiptap h4 {
	margin: 0.5em 0 0.3em 0;
	line-height: 1.3;
}

.tiptap-editor-wrapper .tiptap blockquote {
	border-left: 3px solid #dee2e6;
	margin: 0.5em 0;
	padding-left: 1em;
	color: #6c757d;
}

.tiptap-editor-wrapper .tiptap code {
	background: #f1f3f5;
	padding: 2px 4px;
	border-radius: 3px;
	font-size: 0.9em;
}

.tiptap-editor-wrapper .tiptap pre {
	background: #1e1e1e;
	color: #d4d4d4;
	border-radius: 6px;
	padding: 12px 16px;
	overflow-x: auto;
	font-size: 13px;
}

.tiptap-editor-wrapper .tiptap pre code {
	background: none;
	padding: 0;
	border-radius: 0;
	color: inherit;
}

.tiptap-editor-wrapper .tiptap hr {
	border: none;
	border-top: 2px solid #dee2e6;
	margin: 1em 0;
}

.tiptap-editor-wrapper .tiptap img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

/* Table styles */

.tiptap-editor-wrapper .tiptap table {
	border-collapse: collapse;
	width: 100%;
	margin: 0.5em 0;
}

.tiptap-editor-wrapper .tiptap td,
.tiptap-editor-wrapper .tiptap th {
	border: 1px solid #dee2e6;
	padding: 8px 12px;
	min-width: 80px;
	vertical-align: top;
}

.tiptap-editor-wrapper .tiptap th {
	background: #f8f9fa;
	font-weight: 600;
}

/* Selected cell */

.tiptap-editor-wrapper .tiptap .selectedCell {
	background: #e7f1ff;
}

/* Link styles */

.tiptap-editor-wrapper .tiptap a {
	color: #0d6efd;
	text-decoration: underline;
}

/* Placeholder */

.tiptap-editor-wrapper .tiptap p.is-editor-empty:first-child::before {
	color: #adb5bd;
	content: attr(data-placeholder);
	float: left;
	height: 0;
	pointer-events: none;
}

/* ─── Source code editor ─── */

.custom-editor-source {
	width: 100%;
	min-height: 400px;
	padding: 16px;
	border: none;
	outline: none;
	resize: vertical;
	font-family: 'Courier New', Courier, monospace;
	font-size: 13px;
	line-height: 1.5;
	color: #212529;
	background: #fafafa;
	box-sizing: border-box;
}

.custom-editor-source:focus {
	outline: none;
	background: #fff;
}

/* Selection handles */

.custom-editor-resize-handle {
	position: absolute;
	width: 8px;
	height: 8px;
	background-color: #1976d2;
	border: 1px solid white;
	pointer-events: auto;
	z-index: 1001;
}

.custom-editor-selection-box {
	position: absolute;
	border: 2px solid #1976d2;
	pointer-events: none;
	z-index: 1000;
}

/* ─── Table Editing Styles ─── */

/* Selected table cell */

.table-cell-selected {
	background-color: #e3f2fd !important;
	outline: 2px solid #1976d2;
	outline-offset: -2px;
}

/* Cell highlight overlay */

.table-cell-highlight {
	position: absolute;
	border: 2px solid #1976d2;
	pointer-events: none;
	z-index: 100;
	background-color: rgba(25, 118, 210, 0.1);
}

/* Row hover highlight */

.table-row-hover {
	background-color: rgba(25, 118, 210, 0.08) !important;
}

.table-row-hover td,
.table-row-hover th {
	background-color: rgba(25, 118, 210, 0.08) !important;
}

/* Column hover highlight */

.table-col-hover {
	background-color: rgba(25, 118, 210, 0.08) !important;
}

/* Table toolbar */

.table-toolbar {
	position: absolute;
	background: white;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	z-index: 1001;
	display: flex;
	gap: 4px;
	align-items: center;
}

.table-toolbar-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 28px;
	padding: 0 6px;
	border: none;
	border-radius: 4px;
	background: transparent;
	color: #495057;
	font-size: 13px;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}

.table-toolbar-button:hover {
	background: #e9ecef;
	color: #212529;
}

.table-toolbar-button:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.table-toolbar-button.active {
	background: #dee2e6;
	color: #0d6efd;
}

/* ─── Handlebars Template Syntax Protection ─── */

/* Handlebars placeholder styling */

/* .hbs-placeholder {
	display: inline-block;
	color: #d97706 !important;
	background: #fef3c7 !important;
	padding: 2px 6px !important;
	border-radius: 4px !important;
	font-family: 'Courier New', Courier, monospace !important;
	font-size: 11px !important;
	border: 1px solid #fbbf24 !important;
	cursor: default !important;
	user-select: none !important;
	white-space: nowrap !important;
	vertical-align: baseline !important;
} */

.hbs-placeholder:hover {
	background: #fde68a !important;
	border-color: #f59e0b !important;
}

/* Prevent editing of Handlebars placeholders */

.hbs-placeholder[contenteditable="false"] {
	-webkit-user-modify: read-only;
	-moz-user-modify: read-only;
}

/* Make placeholders stand out in tables */

table .hbs-placeholder {
	margin: 0 2px;
}

/* Ensure placeholders don't break table layout */

td .hbs-placeholder,
th .hbs-placeholder {
	display: inline;
}
@keyframes cardswipe {
  100% {
    transform: translate(5vw, 10vh) rotate(0);
  }
}
@keyframes cardreverseswipe {
  0% {
    transform: translate(5vw, 10vh) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(-45deg);
  }
}
@keyframes cardrotate {
  100% {
    transform: rotateX(15deg) rotateY(10deg);
  }
}
@keyframes cardreverserotate {
  0% {
    transform: rotateX(15deg) rotateY(10deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(15deg);
  }
}
@keyframes tabletreversemoveup {
  0% {
    transform: rotate(-35deg) translate(8vw, 7vh);
  }
  100% {
    transform: rotate(-35deg) translate(8vw, 12vh);
  }
}
@keyframes textfadein {
  0% {
    transform: translateY(10vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes navbarexpand {
  0% {
    width: 0;
  }
  100% {
    width: 45vw;
  }
}
@keyframes navbarshrink {
  0% {
    width: 45vw;
  }
  100% {
    width: 0;
  }
}
@media screen and (max-width: 1112px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 12vh);
    }
  }
}
@media screen and (max-width: 812px) {
  @keyframes cardswipe {
    100% {
      transform: translate(7vw, 5vh);
    }
  }
}
@media screen and (max-width: 450px) {
  @keyframes swipemovedown {
    100% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
  }
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
  }
  @keyframes swipereversemovedown {
    0% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
    100% {
      transform: rotate(-35deg) translate(11vw, -2vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 5vh);
    }
  }
  @keyframes navbarexpand {
    0% {
      width: 0;
    }
    100% {
      width: 70vw;
    }
  }
  @keyframes navbarshrink {
    0% {
      width: 70vw;
    }
    100% {
      width: 0;
    }
  }
}
@media screen and (max-width: 360px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 2vh);
    }
  }
}
.Landing {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: auto;
  width: 100%;
}
.Landing--SubTitle {
  font-size: 1.5625rem;
  font-weight: 300;
  padding-bottom: 0.8125rem;
}
.Landing--Para {
  padding: 3.125rem 0;
  font-weight: 300;
  font-size: 1.4375rem;
  line-height: 55px;
  font-family: "Inter", sans-serif;
  width: 85%;
}
.Landing--Home {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 100%;
  height: 100vh;
}
.Landing--HomeAnimation {
  width: 40%;
  z-index: 2;
}
.Landing--HomeAnimationVideo {
  width: 100%;
  margin-left: 5vw;
  transform: translateY(5vh);
}
.Landing--HomeContent {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  width: 50%;
  padding-top: 8vh;
}
.Landing--HomeContentTop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.Landing--HomeContentBottom {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  width: 75%;
  position: relative;
}
.Landing--HomeContentBottomArrow {
  position: absolute;
  top: 0;
  left: -200px;
  z-index: 1;
}
.Landing--HomeContentVisa {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-top: 3.125rem;
  width: 75%;
}
.Landing--HomeContentVisaTitle {
  color: #a9a9a9;
  font-weight: 300;
  font-size: 1rem;
}
.Landing--HomeContentVisaPic {
  height: 3vh;
  padding-left: 0.625rem;
}
.Landing--Animation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  width: 100vw;
}
.Landing--AnimationVideo {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}
.Landing--AnimationVideoOpacity {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.Landing--AnimationVideoContent {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  object-fit: cover;
}
.Landing--AnimationText {
  position: relative;
  margin-top: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  background: #000;
  padding-top: 6.25rem;
}
.Landing--AnimationTextContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 35vh;
  width: 70%;
}
.Landing--AnimationTextContent:nth-child(4) {
  margin-bottom: 20vh;
}
.Landing--AnimationTextContentImg {
  height: 12vh;
  margin-bottom: 0.9375rem;
}
.Landing--AnimationTextContentButton {
  margin-top: 5vh;
}
.Landing--Features {
  width: 100%;
  margin: 15vh 0;
  text-align: center;
  position: relative;
}
.Landing--FeaturesSticky {
  position: sticky;
  position: -webkit-sticky;
  top: 14vh;
  width: 100%;
  height: 90vh;
}
.Landing--FeaturesCards {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin-top: -70vh;
}
.Landing--Security {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  position: relative;
  width: 100%;
  height: auto;
  padding: 15vh 10vw;
  border-radius: 2.5rem;
  background: radial-gradient(#4d4d4d, #000000);
}
.Landing--SecurityContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
}
.Landing--SecurityContentFeatures {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
  margin-top: 2.5rem;
  width: 85%;
}
.Landing--SecurityContentFeaturesColumn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0.625rem;
}
.Landing--SecurityMobile {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  width: 100%;
}
.Landing--SecurityImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.2;
  width: 250px;
  height: 250px;
}
.Landing--Brands {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  height: auto;
  width: 100%;
  padding: 10vh 0;
}
.Landing--BrandsTitle {
  font-size: 1.875rem;
  font-weight: 500;
  padding-bottom: 15vh;
}
.Landing--BrandsSubTitle {
  font-size: 1.4375rem;
  font-weight: 400;
  padding-top: 1.25rem;
}
.Landing--BrandsContainer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  width: 55%;
  flex-wrap: wrap;
}
.Landing--BrandsContainerImg {
  height: 12vh;
  max-width: 10vw;
  margin-bottom: 1.25rem;
  margin-right: 1.875rem;
}
.Landing--Carousel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  height: 100vh;
  width: 100vw;
  border-radius: 2.5rem;
  position: relative;
  overflow-x: hidden;
  background: none;
}
.Landing--CarouselAnimationVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1920px) {
  .Landing--SubTitle {
    font-size: 1.5625rem;
  }
  .Landing--Para {
    font-size: 1.25rem;
    padding: 2.375rem 0;
  }
  .Landing--HomeContentBottom {
    width: 85%;
  }
  .Landing--HomeContentVisa {
    width: 85%;
    margin-top: 1.5625rem;
  }
  .Landing--BrandsTitle {
    font-size: 1.5rem;
  }
  .Landing--BrandsSubTitle {
    font-size: 1.3125rem;
  }
}
@media screen and (max-width: 1600px) {
  .Landing--SubTitle {
    font-size: 1.25rem;
  }
  .Landing--Para {
    font-size: 1.0625rem;
    padding: 2.1875rem 0;
    line-height: 40px;
  }
  .Landing--HomeContentVisaTitle {
    font-size: 0.875rem;
  }
  .Landing--BrandsTitle {
    font-size: 1.4375rem;
  }
  .Landing--BrandsSubTitle {
    font-size: 1.1875rem;
  }
}
@media screen and (max-width: 1440px) {
  .Landing--SubTitle {
    font-size: 1rem;
  }
  .Landing--Para {
    font-size: 0.875rem;
    padding: 2.0625rem 0;
    line-height: 35px;
  }
  .Landing--HomeContent {
    width: 42%;
  }
  .Landing--HomeContentBottom {
    width: 75%;
  }
  .Landing--HomeContentVisa {
    width: 75%;
  }
  .Landing--HomeContentVisaTitle {
    font-size: 0.75rem;
  }
  .Landing--AnimationTextContentImg {
    height: 11vh;
  }
  .Landing--BrandsContainer {
    width: 55%;
  }
  .Landing--BrandsTitle {
    font-size: 1.3125rem;
  }
  .Landing--BrandsSubTitle {
    font-size: 1.03125rem;
    padding-top: 0.625rem;
  }
  .Landing--SecurityContent {
    width: 100%;
  }
  .Landing--SecurityContentFeatures {
    width: 100%;
  }
}
@media screen and (max-width: 1112px) {
  .Landing--SubTitle {
    font-size: 1.75rem;
  }
  .Landing--Para {
    font-size: 1.125rem;
    padding: 1.875rem 0;
  }
  .Landing--Home {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .Landing--HomeContent {
    width: 65%;
    padding-bottom: 5vh;
    align-items: center;
  }
  .Landing--HomeContentTop {
    align-items: center;
  }
  .Landing--HomeContentBottom {
    width: 90%;
  }
  .Landing--HomeAnimation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
  }
  .Landing--HomeAnimationVideo {
    margin: 10vh 0;
    width: 55%;
  }
  .Landing--Security {
    padding: 15vh 3vw;
  }
  .Landing--BrandsContainer {
    width: 60%;
  }
  .Landing--BrandsContainerImg {
    height: auto;
    max-width: 14vw;
  }
}
@media screen and (max-width: 812px) {
  .Landing--SubTitle {
    font-size: 1.5625rem;
  }
  .Landing--HomeAnimationVideo {
    width: 70%;
  }
  .Landing--AnimationContentTitle {
    line-height: 35px;
  }
  .Landing--Security {
    justify-content: center;
  }
  .Landing--SecurityContent {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    width: 80%;
  }
  .Landing--SecurityContentFeatures {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin-top: 3.125rem;
  }
  .Landing--SecurityImg {
    height: 30vh;
    margin: 1.875rem 0;
  }
  .Landing--BrandsContainer {
    width: 70%;
  }
}
@media screen and (max-width: 450px) {
  .Landing--SubTitle {
    font-size: 1.25rem;
  }
  .Landing--Para {
    font-size: 0.90625rem;
    width: 90%;
    line-height: 30px;
    padding: 0.625rem 0 1.875rem 0;
    text-align: center;
  }
  .Landing--Home {
    height: auto;
    min-height: 100vh;
    justify-content: space-around;
  }
  .Landing--HomeAnimation {
    margin: 11vh 0 5vh 0;
  }
  .Landing--HomeAnimationVideo {
    width: 95%;
    margin: 0;
  }
  .Landing--HomeContent {
    width: 90%;
    align-items: center;
    padding-top: 0;
  }
  .Landing--HomeContentBottom {
    justify-content: center;
  }
  .Landing--HomeContentVisaTitle {
    font-size: 1rem;
  }
  .Landing--AnimationTextContent {
    width: 90%;
  }
  .Landing--AnimationTextContentImg {
    height: 10vh;
  }
  .Landing--Features {
    margin: 15vh 0 5vh 0;
  }
  .Landing--FeaturesSticky {
    top: 12vh;
  }
  .Landing--Security {
    padding: 10vh 3vw;
  }
  .Landing--SecurityImg {
    height: 30vh;
  }
  .Landing--SecurityContentFeatures {
    align-items: center;
    margin-top: 0.625rem;
  }
  .Landing--Brands {
    padding: 7vh 0 0 0;
  }
  .Landing--BrandsTitle {
    font-size: 1.25rem;
    width: 60%;
    text-align: center;
    line-height: 30px;
    padding-bottom: 5vh;
  }
  .Landing--BrandsSubTitle {
    font-size: 1.0625rem;
    padding: 0 0 5vh 0;
  }
  .Landing--BrandsContainer {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .Landing--BrandsContainerImg {
    max-width: 30vw;
    margin-bottom: 3.75rem;
    margin-right: 0;
  }
}
@media screen and (max-width: 395px) {
  .Landing--SubTitle {
    font-size: 1.1875rem;
  }
  .Landing--Para {
    font-size: 0.8125rem;
    line-height: 25px;
  }
}
@media screen and (max-width: 320px) {
  .Landing--Home {
    min-height: 120vh;
  }
}.editSectionModal--Divider {
  border-color: #eeeff1;
}
.editSectionModal--DialogTitle {
  padding: 0.75rem 1.5rem !important;
  border-bottom: 1px solid #d3d3d4;
}
.editSectionModal--SectionTitle {
  padding-left: 1.5rem;
}
.editSectionModal--DialogContents {
  padding: 1.5rem !important;
}
.editSectionModal--DialogAction {
  justify-content: flex-end !important;
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}
.editSectionModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.companySelectionModal--Divider {
  border-color: #eeeff1;
}
.companySelectionModal--DialogTitle {
  border-bottom: 1px solid #d3d3d4;
}
.companySelectionModal--SectionTitle {
  padding-left: 1.5rem;
}
.companySelectionModal--DialogContents {
  padding: 1.5rem !important;
}
.companySelectionModal--DialogAction {
  justify-content: flex-end !important;
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}
.companySelectionModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.black-outlined-btn {
  color: #1f2125 !important;
}.companySelectionModal--Divider {
  border-color: #eeeff1;
}
.companySelectionModal--DialogTitle {
  border-bottom: 1px solid #d3d3d4;
}
.companySelectionModal--SectionTitle {
  padding-left: 1.5rem;
}
.companySelectionModal--DialogContents {
  padding: 1.5rem !important;
}
.companySelectionModal--DialogAction {
  justify-content: flex-end !important;
  padding: 0.5rem 1.5rem !important;
  background-color: #eeeff1;
}
.companySelectionModal--DialogAction--WhiteBtn {
  background-color: #fff !important;
  color: #1f2125;
}.templates {
  padding: 0rem 2rem;
  width: 100%;
}form {
  width: 100%;
  margin: 0 auto;
}

.form {
  background: #0e101c;
  max-width: 80%;
  margin: 0 auto;
}

.App {
  max-width: 100%;
  margin: 0 auto;
}

.formSection--FullWidth {
  width: 100%;
}

.formSection--Active {
  border: 2px dotted #3d8264;
  border-radius: 1rem;
}

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

.formSection--Tab {
  display: flex;
  gap: 0.5rem;
}

.formSection--Tab .MuiTabPanel-root {
  padding: 0;
}

.formSection--Tab .Mui-selected {
  color: "#232529";
}

.formSection--Buttons {
  display: flex;
  gap: 0.75rem;
}

.formSection--PreviewButton {
  width: fit-content;
  color: #1f2125 !important;
}

.formSection--Section {
  border-radius: 0.5rem;
  border: 2px dotted #919294;
  padding: 0.75rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formSection--Form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
}

.formSection--GridContainer {
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 0.5rem;
  overflow-y: scroll;
  min-height: 75vh;
  max-height: 78vh;
}

.formSection--Grid {
  display: flex;
}

.formSection--RightGrid {
  position: sticky;
  width: 30%;
  min-height: 75vh;
  max-height: 78vh;
  overflow-y: scroll;
}

.formSection--Text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.formSection--FieldContainer {
  padding: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.formSection--FieldContainer .MuiFormControlLabel-root {
  margin: 0;
}

.formSection--SubFieldContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.formSection--SubFieldContainer .MuiFormControlLabel-root {
  margin: 0;
}

.formSection--SelectOption {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.formSection--MultiOptions {
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
}

.formSection--MultiOptions svg {
  cursor: pointer;
}

.formSection--Button {
  width: fit-content;
  color: #4AC08C !important;
}

.formSection--Button :disabled {
  color: rgba(0, 0, 0, 0.25);
}.dashboard-heading {
  margin-bottom: 1.5rem;
}

.dashboard-container {
  padding: 2rem 8.25rem;
}

.dashboard-title {
  color: #1f2125;
}

.dashboard-subtitle {
  color: #656669;
}

.module-container {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 1.5rem;
  flex-wrap: wrap;
}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* linaria:star-cell_11fp33c.linaria.css */
.e17a8fyf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px 0;
  color: var(--gdg-text-light);
}
.e17a8fyf .active {
  color: var(--gdg-text-dark);
}
.e17a8fyf > * {
  position: relative;
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-right: 2px;
}
.e17a8fyf > * svg {
  width: 100%;
  height: 100%;
}

/* linaria:tags-cell_1pot9z6.linaria.css */
.e43amum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-top: 6px;
  color: var(--gdg-text-dark);
  box-sizing: border-box;
}
.e43amum * {
  box-sizing: border-box;
}
.e43amum.e43amum.e43amum.e43amum label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.e43amum.e43amum.e43amum.e43amum label input {
  cursor: pointer;
  width: auto;
}
.e43amum.e43amum.e43amum.e43amum label .pill {
  margin-left: 8px;
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: var(--e43amum-0);
  min-height: var(--e43amum-1);
  padding: 2px var(--e43amum-2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 12px var(--gdg-font-family);
  background-color: var(--gdg-bg-bubble);
  -webkit-transition: box-shadow 150ms;
  transition: box-shadow 150ms;
}
.e43amum.e43amum.e43amum.e43amum label .pill.unselected {
  opacity: 0.8;
}
.e43amum label:hover .pill {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.e43amum.e43amum.e43amum.e43amum.readonly label {
  cursor: default;
}
.e43amum.e43amum.e43amum.e43amum.readonly label .pill {
  box-shadow: none !important;
}

/* linaria:dropdown-cell_b9sbos.linaria.css */
.w13j932a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.w13j932a .glide-select {
  font-family: var(--gdg-font-family);
  font-size: var(--gdg-editor-font-size);
}
.p19663q2 {
  font-family: var(--gdg-font-family);
  font-size: var(--gdg-editor-font-size);
  color: var(--gdg-text-dark);
}
.p19663q2 > div {
  border-radius: 4px;
  border: 1px solid var(--gdg-border-color);
}
.r1jyvvws {
  display: "flex";
  margin: auto 8.5px;
  padding-bottom: 3px;
}

/* linaria:article-cell-editor_1xvadsa.linaria.css */
.wkyirgj .footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px;
}
.wkyirgj .footer button {
  border: none;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 9px;
  font-weight: 500;
  font-family: var(--gdg-font-family);
  cursor: pointer;
}
.wkyirgj .save-button {
  background-color: var(--gdg-accent-color);
  color: var(--gdg-accent-fg);
}
.wkyirgj .close-button {
  background-color: var(--gdg-bg-header);
  color: var(--gdg-text-medium);
  margin-right: 8px;
}

/* linaria:date-picker-cell_1hu5eor.linaria.css */
.s1sdc9r3 {
  min-height: 26px;
  border: none;
  outline: none;
  background-color: transparent;
  font-size: var(--gdg-editor-font-size);
  font-family: var(--gdg-font-family);
  color: var(--gdg-text-dark);
}
.s1sdc9r3::-webkit-calendar-picker-indicator {
  background-color: white;
}

/* linaria:links-cell_o8iera.linaria.css */
.lneeve5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 4px 0;
}
.lneeve5 > button {
  color: var(--gdg-accent-color);
  font-weight: 600;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border: none;
  outline: none;
  background-color: transparent;
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
  border-radius: 4px;
  padding: 6px 8px;
  cursor: pointer;
}
.lneeve5 > button:hover,
.lneeve5 > button:focus-visible {
  background-color: var(--gdg-accent-light);
}
.lneeve5 > button:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.lneeve5 .gdg-link-title-editor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
}
.lneeve5 .gdg-link-title-editor > input {
  outline: none;
  border: 1px solid var(--gdg-border-color);
  border-radius: 4px;
  box-shadow: none;
  padding: 6px 8px;
  min-width: 0;
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-transition: border 200ms;
  transition: border 200ms;
}
.lneeve5 .gdg-link-title-editor > input:not(:last-child) {
  margin-right: 4px;
}
.lneeve5 .gdg-link-title-editor > input:focus {
  border: 1px solid var(--gdg-accent-color);
}
.lneeve5 .gdg-link-title-editor:not(:last-child) {
  margin-bottom: 4px;
}
.lneeve5 .gdg-link-title-editor > button {
  border: none;
  outline: none;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: background-color 200ms, color 200ms;
  transition: background-color 200ms, color 200ms;
  color: var(--gdg-text-medium);
}
.lneeve5 .gdg-link-title-editor > button:hover,
.lneeve5 .gdg-link-title-editor > button:focus-visible {
  background-color: var(--gdg-accent-light);
  color: var(--gdg-text-dark);
}
.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64, )}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
@keyframes cardswipe {
  100% {
    transform: translate(5vw, 10vh) rotate(0);
  }
}
@keyframes cardreverseswipe {
  0% {
    transform: translate(5vw, 10vh) rotate(0);
  }
  100% {
    transform: translate(0, 0) rotate(-45deg);
  }
}
@keyframes cardrotate {
  100% {
    transform: rotateX(15deg) rotateY(10deg);
  }
}
@keyframes cardreverserotate {
  0% {
    transform: rotateX(15deg) rotateY(10deg);
  }
  100% {
    transform: rotateX(35deg) rotateY(15deg);
  }
}
@keyframes tabletreversemoveup {
  0% {
    transform: rotate(-35deg) translate(8vw, 7vh);
  }
  100% {
    transform: rotate(-35deg) translate(8vw, 12vh);
  }
}
@keyframes textfadein {
  0% {
    transform: translateY(10vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes navbarexpand {
  0% {
    width: 0;
  }
  100% {
    width: 45vw;
  }
}
@keyframes navbarshrink {
  0% {
    width: 45vw;
  }
  100% {
    width: 0;
  }
}
@media screen and (max-width: 1112px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 7vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 12vh);
    }
  }
}
@media screen and (max-width: 812px) {
  @keyframes cardswipe {
    100% {
      transform: translate(7vw, 5vh);
    }
  }
}
@media screen and (max-width: 450px) {
  @keyframes swipemovedown {
    100% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
  }
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
  }
  @keyframes swipereversemovedown {
    0% {
      transform: rotate(-35deg) translate(11vw, 3vh);
    }
    100% {
      transform: rotate(-35deg) translate(11vw, -2vh);
    }
  }
  @keyframes tabletreversemoveup {
    0% {
      transform: rotate(-35deg) translate(15vw, 0vh);
    }
    100% {
      transform: rotate(-35deg) translate(15vw, 5vh);
    }
  }
  @keyframes navbarexpand {
    0% {
      width: 0;
    }
    100% {
      width: 70vw;
    }
  }
  @keyframes navbarshrink {
    0% {
      width: 70vw;
    }
    100% {
      width: 0;
    }
  }
}
@media screen and (max-width: 360px) {
  @keyframes tabletmoveup {
    100% {
      transform: rotate(-35deg) translate(15vw, 2vh);
    }
  }
}.react-tel-input .selected-flag .arrow {
  right: 0rem;
}/* ExpandableGridSummary.scss */
.expandable-grid-summary {
  position: relative;
}
.expandable-grid-summary__toggle-button {
  top: 50%;
  left: -24px;
  z-index: 1301;
  background-color: var(--mui-palette-background-paper);
  border: 1px solid var(--mui-palette-divider);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  box-shadow: var(--mui-shadows-3);
  opacity: 1;
  visibility: visible;
}
.expandable-grid-summary__toggle-button:hover {
  background-color: var(--mui-palette-action-hover);
  box-shadow: var(--mui-shadows-4);
}
.expandable-grid-summary__toggle-button--collapsed-floating {
  position: fixed;
  top: 50%;
  right: 16px;
  z-index: 1300;
  background-color: var(--mui-palette-primary-main);
  color: var(--mui-palette-primary-contrastText);
  border: 2px solid var(--mui-palette-background-paper);
  width: 48px;
  height: 48px;
  box-shadow: var(--mui-shadows-4);
}
.expandable-grid-summary__toggle-button--collapsed-floating:hover {
  background-color: var(--mui-palette-primary-dark);
  box-shadow: var(--mui-shadows-6);
}
.expandable-grid-summary__toggle-button--mobile {
  position: fixed;
  top: 50%;
  right: 8px;
  z-index: 1400;
  border-radius: 8px 0 0 8px;
}
.expandable-grid-summary__content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: var(--mui-palette-background-paper);
  border-left: 1px solid var(--mui-palette-divider);
  border-radius: 8px 0 0 8px;
}
.expandable-grid-summary__content--expanded {
  overflow: auto;
  min-width: 0;
}
.expandable-grid-summary__content--collapsed {
  overflow: hidden;
}
.expandable-grid-summary__collapsed-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--mui-palette-text-secondary);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.expandable-grid-summary__collapsed-indicator:hover {
  background-color: var(--mui-palette-action-hover);
}
.expandable-grid-summary__collapsed-indicator__text {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}

/* Ensure grid container allows overflow for toggle button */
.expandable-grid-container .MuiGrid-item {
  overflow: visible !important;
  transition: flex-basis 0.3s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Ensure parent container allows overflow */
.MuiGrid-container {
  overflow: visible;
}

/* Mobile drawer specific styles */
.expandable-summary-drawer .MuiDrawer-paper {
  width: 90vw;
  max-width: 400px;
}
@media (max-width: 600px) {
  .expandable-summary-drawer .MuiDrawer-paper {
    width: 95vw;
  }
}

/* Smooth collapse animation */
.MuiCollapse-horizontal .MuiCollapse-wrapperInner {
  height: 100%;
}

/* Custom scrollbar for summary content */
.expandable-grid-summary__content--expanded::-webkit-scrollbar {
  width: 6px;
}
.expandable-grid-summary__content--expanded::-webkit-scrollbar-track {
  background: var(--mui-palette-action-hover);
  border-radius: 3px;
}
.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb {
  background: var(--mui-palette-action-disabled);
  border-radius: 3px;
}
.expandable-grid-summary__content--expanded::-webkit-scrollbar-thumb:hover {
  background: var(--mui-palette-action-focus);
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .expandable-grid-summary__toggle-button {
    border: 2px solid var(--mui-palette-text-primary);
  }
  .expandable-grid-summary__collapsed-indicator {
    border-left: 2px solid var(--mui-palette-text-primary);
  }
}
/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
  .expandable-grid-summary,
  .MuiGrid-item,
  .MuiCollapse-root {
    transition: none !important;
  }
}.inventoryReportsTitleBar--RightContent ul {
  max-height: 180px;
  padding-bottom: 20px;
  z-index: 9999;
}.components-wrapper {
  width: 100vw;
}

@media screen and (max-width: 450px) {
  .button-wrapper .button-wrapper-variants {
    display: flex;
    flex-direction: column;
  }
  .chip-wrapper-variants {
    display: flex;
    flex-direction: column;
  }
}.edisabled {
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  filter: opacity(0.5);
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 0.625rem;
}

.pb-2 {
  padding-bottom: 1.25rem;
}

.pt-1 {
  padding-top: 0.625rem;
}

.pl-1 {
  padding-left: 0.625rem;
}

.pr-1 {
  padding-right: 0.625rem;
}

.pr-2 {
  padding-right: 1.25rem;
}

.pt-0 {
  padding-top: 0px !important;
}

.pl-2 {
  padding-left: 1.25rem !important;
}

.p-0 {
  padding: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

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

.mt-0 {
  margin-top: 0px !important;
}

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

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

.mb-1 {
  margin-bottom: 0.625rem !important;
}

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

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

.mr-2 {
  margin-right: 1.25rem !important;
}

.d-flex {
  display: flex !important;
}

.justify-content-center {
  justify-content: center !important;
}

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

.flex-direction-column {
  flex-direction: column !important;
}

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

.justify-content-between {
  justify-content: space-between;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.fd-column,
.fd-col {
  flex-direction: column !important;
}

.ai-center {
  align-items: center !important;
}

.ai-start {
  align-items: flex-start !important;
}

.jc-space-between {
  justify-content: space-between;
}

.jc-start {
  justify-content: flex-start !important;
}

.jc-end {
  justify-content: end !important;
}

.fd-col {
  flex-direction: column !important;
}

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

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

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

.w-100 {
  width: 100% !important;
}

.w-25 {
  width: 25%;
}

.w-50 {
  width: 50%;
}

.w-40 {
  width: 60%;
}

.w-60 {
  width: 60%;
}

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

.vh-100 {
  height: 100vh !important;
}

.row {
  width: 100%;
  display: flex;
  margin: 0.625rem;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.64%;
}

.col-7 {
  width: 58.31%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.65%;
}

.col-4 {
  width: 33.32%;
}

.col-3 {
  width: 25%;
}

.col {
  width: 33.33%;
}

.h1 {
  font-size: 1.75rem;
  line-height: 140%;
  letter-spacing: -0.035rem;
}

.h2 {
  font-size: 1.5rem;
  line-height: 140%;
  letter-spacing: -0.03rem;
}

.h3 {
  font-size: 1.25rem;
  letter-spacing: -0.025rem;
}

.h4 {
  font-size: 1.125rem;
  letter-spacing: -0.0225rem;
}

.h5 {
  font-size: 1rem;
  letter-spacing: -0.02rem;
}

.s1 {
  font-size: 1.125rem;
  letter-spacing: -0.0225rem;
}

.s2 {
  font-size: 1rem;
  letter-spacing: -0.02rem;
}

.s3 {
  font-size: 0.875rem;
  letter-spacing: -0.0175rem;
}

.s4 {
  font-size: 0.8125rem;
  letter-spacing: -0.01625rem;
}

.s5 {
  font-size: 0.75rem;
  letter-spacing: -0.015rem;
}

.normal {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.bold {
  font-weight: 600;
}