/* You can add global styles to this file, and also import other style files *//* Your styles goes here. */
.app-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  height: 100vh;
}

.primary-font-regular {
  font-family: "Segoe-UI-VF";
}

.primary-font-semibold {
  font-family: "Segoe-UI-VF";
  font-weight: 600;
}

.primary-font-bold {
  font-family: "Segoe-UI-Bold";
  font-weight: 700;
}

.primary-font-italic {
  font-family: "Segoe-UI-Italic";
}

.secondary-font-regular {
  font-family: "IBMPlexSans";
}

.secondary-font-semibold {
  font-family: "IBMPlexSans-SemiBold";
}

.secondary-font-bold {
  font-family: "IBMPlexSans-Bold";
}

.secondary-font-italic {
  font-family: "IBMPlexSans-Italic";
}

.tertiary-font-regular {
  font-family: "SF-Pro-Display-Regular" !important;
}

.tertiary-font-medium {
  font-family: "SF-Pro-Display-Medium" !important;
}

.tertiary-font-semibold {
  font-family: "SF-Pro-Display-Semibold" !important;
}

.tertiary-font-bold {
  font-family: "SF-Pro-Display-Bold" !important;
}

@media screen and (max-width: 1366px) {
  .seller-font-size-mini {
    font-size: 7px !important;
  }
  .seller-font-size-small {
    font-size: 9px !important;
  }
  .seller-font-size-regular {
    font-size: 11px !important;
  }
  .seller-font-size-medium {
    font-size: 13px !important;
  }
  .seller-font-size-sub-heading {
    font-size: 15px !important;
  }
  .seller-font-size-heading {
    font-size: 17px !important;
  }
  .seller-font-size-heading-large {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1440px) {
  .seller-font-size-mini {
    font-size: 8px !important;
  }
  .seller-font-size-small {
    font-size: 10px !important;
  }
  .seller-font-size-regular {
    font-size: 12px !important;
  }
  .seller-font-size-medium {
    font-size: 14px !important;
  }
  .seller-font-size-sub-heading {
    font-size: 16px !important;
  }
  .seller-font-size-heading {
    font-size: 18px !important;
  }
  .seller-font-size-heading-large {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 1441px) {
  .seller-font-size-mini {
    font-size: 10px !important;
  }
  .seller-font-size-small {
    font-size: 12px !important;
  }
  .seller-font-size-regular {
    font-size: 14px !important;
  }
  .seller-font-size-medium {
    font-size: 16px !important;
  }
  .seller-font-size-sub-heading {
    font-size: 18px !important;
  }
  .seller-font-size-heading {
    font-size: 20px !important;
  }
  .seller-font-size-heading-large {
    font-size: 24px !important;
  }
}
.usertour-widget-popper-block {
  background-color: #000;
  opacity: 0.5;
}

.bg-sdk-progress {
  width: 100% !important;
  background: linear-gradient(to right, #8c3cff 0%, #32a7e8 25.16%, #2abb7f 50.21%, #0067ff 74.93%, #262626 100%) !important;
}

.text-gray-800 {
  padding: 0rem !important;
}

.font-16-bold-black {
  color: var(#000);
  font-family: "Segoe-UI-VF";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
}

.font-12-regular-primary {
  color: var(--Text-Primary-p-Primary, #454545);
  font-family: "Segoe-UI-VF";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 137.5% */
}

.font-12-regular-red {
  color: var(#dd360c);
  font-family: "Segoe-UI-VF";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 137.5% */
}

.font-12-regular-quaternary {
  color: var(--Text-Quaternary-p-Quaternary, #595959);
  font-family: "Segoe-UI-VF";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 137.5% */
}

.font-14-regular-primary {
  color: var(--Text-Primary-p-Primary, #454545);
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 137.5% */
}

.font-14-regular-tertiary {
  color: var(--Text-Tertiary-p-Tertiary, #262626);
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 137.5% */
}

.font-14-bold-white {
  color: var(#fff);
  text-align: center;
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}

.font-16-bold-tertiary {
  color: var(--Text-Tertiary-p-Tertiary, #262626);
  font-family: "Segoe-UI-VF";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px; /* 137.5% */
}

.font-14-bold-tertiary {
  color: var(--Text-Tertiary-p-Tertiary, #262626);
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 142.857% */
}@font-face {
  font-family: 'Segoe-UI-Italic';
  src: url('/assets/Segoe-UI-Italic-4d5c77f9.ttf') format('truetype');
}
@font-face {
  font-family: 'Segoe-UI-BoldItalic';
  src: url('/assets/Segoe-UI-BoldItalic-ed64852f.ttf') format('truetype');
}
@font-face {
  font-family: 'Segoe-UI-Bold';
  src: url('/assets/Segoe-UI-Bold-3084cb39.ttf') format('truetype');
}
@font-face {
  font-family: 'Segoe-UI';
  src: url('/assets/Segoe-UI-3745c347.ttf') format('truetype');
}
@font-face {
  font-family: 'Segoe-UI-SemiBold';
  src: url('/assets/Segoe-UI-SemiBold-8b2d0233.ttf') format('truetype');
}
@font-face {
  font-family: 'Segoe-UI-SemiLight';
  src: url('/assets/Segoe-UI-SemiLight-356b7d0d.ttf') format('truetype');
}

@font-face {
  font-family: 'Segoe-UI-VF';
  src: url('/assets/Segoe-UI-VF-db31f6de.ttf') format('truetype');
}

@font-face {
  font-family: 'SF-Pro-Display-Bold';
  src: url('/assets/SF-Pro-Display-Bold-9661ed5e.otf') format('opentype');
}

@font-face {
  font-family: 'SF-Pro-Display-Semibold';
  src: url('/assets/SF-Pro-Display-Semibold-6c4fa1be.otf') format('opentype');
}

@font-face {
  font-family: 'SF-Pro-Display-Regular';
  src: url('/assets/SF-Pro-Display-Regular-7dc04ac1.otf') format('opentype');
}

@font-face {
  font-family: 'SF-Pro-Display-Medium';
  src: url('/assets/SF-Pro-Display-Medium-05865eda.otf') format('opentype');
}
.sign-up-container {
  background-color: #fff;
  border-radius: 12px;
  padding: 3.125em 2.5em;
  display: flex;
  gap: 4em;
  flex-direction: column;
  border: 1px solid #d9d9d9;
}
.sign-up-container.custom {
  gap: 2rem;
}
.sign-up-container.company-details-screen-wrapper {
  max-height: 70%;
  width: 80%;
}
.sign-up-container.register-screen img {
  margin: auto;
}
.sign-up-container-img {
  width: 100px;
}
.sign-up-container-terms-body {
  width: 460px;
  text-align: center;
}
.sign-up-container-terms {
  color: #555555;
}
.sign-up-container .sign-up-container-terms-conditions {
  display: flex;
  flex-direction: column;
}
.sign-up-container .sign-up-container-terms-conditions a {
  color: #32a7e8;
  text-decoration: none;
}
.sign-up-container .sign-up-container-terms-conditions span {
  line-height: 18px;
}
.sign-up-container .sign-up-container-terms a {
  color: #32a7e8;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .sign-up-container {
    border-radius: 0px;
    padding: 2.5em 1.5em;
    gap: 2em;
    flex: 1;
    width: 100%;
    height: 100dvh;
    box-sizing: border-box;
    overflow: auto;
  }
  .sign-up-container-terms-body {
    width: auto;
  }
  .sign-up-container.company-details-screen-wrapper {
    max-height: 100%;
    width: unset;
  }
  .sign-up-container.register-screen img {
    margin: 0;
    align-self: center;
  }
}
@media screen and (max-height: 600px) {
  .sign-up-container {
    gap: 20px;
  }
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.input_text {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0px;
}
.input_text .input_text__title {
  font-size: 14px;
  padding-bottom: 4px;
  font-weight: 400;
  color: var(--text-black-p-black);
  line-height: 16px;
  height: 16px;
  font-family: "Segoe-UI-VF";
}
.input_text .input_text__error {
  color: var(--secondary-red-p-r6);
}
.input_text .input_text__focused {
  color: var(--primary-cyan-prim-p-c6);
}
.input_text .input_text__asterisk {
  color: var(--secondary-red-p-r6);
}
.input_text .input_text__textfield {
  padding-left: 0;
}
.input_text .input_text__input::placeholder {
  color: var(--text-black-grey5);
  opacity: 1;
  text-transform: capitalize;
  font-size: 16px;
  font-family: "Segoe-UI-VF";
  font-weight: 400;
}
.input_text .MuiOutlinedInput-root fieldset {
  border-color: var(--text-black-grey4);
  border-width: 1px;
  border-radius: 6px;
}
.input_text .MuiOutlinedInput-root.Mui-focused fieldset {
  border-color: var(--primary-cyan-prim-p-c6);
  border-width: 1px;
  border-radius: 6px;
}
.input_text .input_text__helper {
  color: var(--text-black-grey6);
  margin: 4px 0 0;
  font-size: 14px;
  font-family: "Segoe-UI-VF";
}
.input_text .input_text__helper--error {
  color: var(--secondary-red-p-r6);
}
.input_text .input_text__helper-text {
  display: flex;
  align-items: center;
  line-height: 16px;
  letter-spacing: 0em;
}
.input_text .input_text__helper-icon {
  margin-right: 2px;
  display: inline-flex;
}
.input_text .input_text__helper-icon img {
  width: 18px;
  height: 18px;
}
.input_text .input_text__label {
  font-size: 16px;
  font-family: "Segoe-UI-VF";
  color: var(--secondary-blue-b9);
}
.input_text .css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled {
  background: var(--text-black-grey3);
}
.input_text .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled {
  background: var(--text-black-grey3);
}
.input_text .css-1wc848c-MuiFormHelperText-root.Mui-disabled {
  color: var(--text-black-grey6);
}
.input_text .css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: var(--text-black-grey4);
}
.input_text .css-9ddj71-MuiInputBase-root-MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline {
  border-color: var(--text-black-grey4);
}
.input_text .custom-adornment-class {
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid var(--text-black-grey4);
  display: inline-flex;
  align-items: center;
}

.font-regular {
  font-family: "Segoe-UI-VF";
  font-weight: 400;
}

.font-semiBold {
  font-family: "Segoe-UI-SemiBold";
  font-weight: 600;
}

.font-bold {
  font-family: "Segoe-UI-Bold";
  font-weight: 700;
}

.zo-input-text-container {
  display: flex;
  align-items: center;
  gap: 4px;
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.zo-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
  transition: background-color 0.3s, color 0.3s;
  font-family: "Segoe-UI-VF";
}
.zo-button--large {
  width: 291px;
  height: 52px;
  padding: 16px 24px;
  font-size: 14px;
  line-height: 20px;
}
.zo-button--medium {
  width: 291px;
  height: 44px;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 20px;
}
.zo-button--small {
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.zo-button--extraSmall {
  height: 24px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
}
.zo-button--squared {
  border-radius: 4px;
}
.zo-button--rounded {
  border-radius: 50px;
}
.zo-button--primary {
  background-color: var(--primary-cyan-prim-p-c6);
  color: var(--text-black-p-white);
}
.zo-button--primary:hover {
  background-color: var(--primary-cyan-prim-c7);
}
.zo-button--primary:disabled {
  background-color: var(--text-black-grey4);
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button--primaryDanger {
  background-color: var(--secondary-red-p-r6);
  color: var(--text-black-p-white);
}
.zo-button--primaryDanger:hover {
  background-color: var(--secondary-red-r7);
}
.zo-button--primaryDanger:disabled {
  background-color: var(--text-black-grey4);
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button--secondary {
  background-color: transparent;
  background: transparent;
  color: var(--primary-cyan-prim-p-c6);
  border: 1px solid var(--primary-cyan-prim-p-c6);
}
.zo-button--secondary:hover {
  background-color: var(--primary-cyan-prim-c1);
  border: 1px solid var(--primary-cyan-prim-p-c6);
  color: var(--primary-cyan-prim-p-c6);
}
.zo-button--secondary:disabled {
  border-color: var(--text-black-grey4);
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button--secondaryDanger {
  background-color: transparent;
  background: transparent;
  color: var(--secondary-red-p-r6);
  border: 1px solid var(--secondary-red-p-r6);
}
.zo-button--secondaryDanger:hover {
  background-color: var(--secondary-red-r2);
  border: 1px solid var(--secondary-red-r7);
  color: var(--secondary-red-p-r6);
}
.zo-button--secondaryDanger:disabled {
  border-color: var(--text-black-grey4);
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button--ghost {
  background-color: transparent;
  background: transparent;
  color: var(--primary-cyan-prim-p-c6);
  border: 1px solid transparent;
}
.zo-button--ghost:hover {
  background-color: var(--primary-cyan-prim-c1);
  border: 1px solid transparent;
  color: var(--primary-cyan-prim-c5);
}
.zo-button--ghost:disabled {
  border-color: transparent;
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button--ghostDanger {
  background-color: transparent;
  background: transparent;
  color: var(--secondary-red-p-r6);
  border: 1px solid transparent;
}
.zo-button--ghostDanger:hover {
  background-color: var(--secondary-red-r2);
  border: 1px solid transparent;
  color: var(--secondary-red-p-r6);
}
.zo-button--ghostDanger:disabled {
  border-color: transparent;
  color: var(--text-black-black8);
  cursor: not-allowed;
}
.zo-button:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-cyan-prim-c3);
}
.zo-button--primary:focus-visible {
  box-shadow: 0 0 0 4px var(--primary-cyan-prim-c3);
}
.zo-button--primaryDanger:focus-visible, .zo-button--secondaryDanger:focus-visible {
  box-shadow: 0 0 0 4px var(--secondary-red-r2);
}
.zo-button--secondary:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-cyan-prim-c3);
}
.zo-button--ghost:focus-visible {
  box-shadow: 0 0 0 3px var(--primary-cyan-prim-c3);
}
.zo-button--ghostDanger:focus-visible {
  box-shadow: 0 0 0 3px var(--secondary-red-r2);
}
.zo-button__start-icon, .zo-button__end-icon {
  display: inline-flex;
  margin: 0 0px;
}
.zo-button__loader {
  color: var(--text-black-p-white);
}
.zo-button--disabled {
  pointer-events: none;
}

.font-regular {
  font-family: "Segoe-UI-VF";
  font-weight: 400;
}

.font-semiBold {
  font-family: "Segoe-UI-SemiBold";
  font-weight: 600;
}

.font-bold {
  font-family: "Segoe-UI-Bold";
  font-weight: 700;
}.sign-up-now {
  display: flex;
  flex-direction: column;
  gap: 2.5em;
}
.sign-up-now-heading {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sign-up-now-heading .heading {
  color: #262626;
}
.sign-up-now-heading .sub-heading {
  color: #595959;
}
.sign-up-now-heading .sub-heading-with-icons {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}
.sign-up-now-heading .sub-heading-with-icons-item {
  display: flex;
  box-sizing: border-box;
  justify-content: flex-start;
  width: 100%;
  padding: 4px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.sign-up-now-heading .sub-heading-with-icons-item img {
  width: 24px;
  height: 24px;
}
.sign-up-now-inputs {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.sign-up-now-inputs-change {
  display: flex;
  flex-direction: column;
}
.sign-up-now-inputs-change-heading {
  line-height: 20px;
  font-size: 14px;
  color: #8c8c8c;
}
.sign-up-now-inputs-change-heading span {
  color: #dd360c;
}
.sign-up-now-inputs-change-number {
  display: flex;
  gap: 8px;
  line-height: 22px;
  align-items: center;
}
.sign-up-now-inputs-change-number-text {
  color: #262626;
  font-size: 16px;
}
.sign-up-now-inputs-change-number-button {
  background-color: transparent !important;
  padding: 4px 8px !important;
  color: #32a7e8 !important;
  font-size: 14px !important;
  height: 25px !important;
  text-transform: capitalize !important;
}
.sign-up-now-inputs-change-number-button:hover {
  background-color: #ebf6fd !important;
}
.sign-up-now-btn {
  width: initial;
  flex: 1;
  border: none;
}
.sign-up-now .error-message {
  color: #dd360c;
  font-size: 14px;
  max-width: 447px;
}
.sign-up-now .otp-input-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sign-up-now .otp-input-container span {
  color: #454545;
  font-size: 14px;
}
.sign-up-now .otp-resend-timer-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sign-up-now .otp-resend-timer-wrapper-text {
  font-size: 14px;
  color: #454545;
}
.sign-up-now .otp-resend-timer-wrapper .resend-otp-btn {
  width: max-content;
  border: none;
  padding: 4px 8px;
  height: auto;
}

.login-container {
  border: 1px solid #32a7e8;
  gap: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
}
.login-container-text {
  color: #32a7e8;
  font-family: "Segoe-UI-semibold";
  font-size: 14px;
  line-height: 20px;
}.gstin_screen {
  display: flex;
  flex-direction: column;
  gap: 2.625em;
  max-width: 470px;
}
.gstin_screen-heading {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.gstin_screen-inputs {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.gstin_screen-btn {
  width: initial;
  flex: 1;
}
.gstin_screen .gstintop_sec {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.gstin_screen .gstintop_sec .heading {
  color: #262626;
  font-size: 20px;
}
.gstin_screen .gstintop_sec .sub-heading {
  color: #595959;
}
.gstin_screen .gstin_screen_sec {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.gstin_screen .gstin_screen_sec .sellerProfile {
  padding: 8px;
  margin: 0;
  background-color: #e6f0ff;
  display: flex;
  align-items: start;
  gap: 10px;
  border: 1px solid #c2dbff;
  border-radius: 4px;
  font-size: 12px;
  color: #003b91;
  line-height: 16px;
}
.gstin_screen .gstin_screen_sec .dontGstin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: #000;
  font-size: 14px;
}
.gstin_screen .gstin_screen_sec .dontGstin .text-btn {
  font-weight: 600;
}
.gstin_screen .gstin_screen_sec .dontGstin .fillform {
  padding: 4px 8px;
  text-transform: capitalize;
  color: #32a7e8;
  font-size: 14px;
  display: flex;
  gap: 8px;
  align-items: center;
  line-height: 20px;
  font-weight: 600;
  font-family: "Segoe-UI-SemiBold";
}
.gstin_screen .gstin_screen_sec .dontGstin .fillform:hover {
  background-color: #ebf6fd;
}

.gst-text {
  flex: 1;
  text-align: center;
  color: #595959;
  width: 470px;
}

.gstErrorMsg {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  color: #dd360c;
  font-size: 12px;
  margin-top: 2px;
}

@media screen and (max-width: 600px) {
  .gst-text {
    width: auto;
  }
}.without_gstin {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
  overflow: auto;
}
.without_gstin h2 {
  padding: 0;
  margin: 0;
}
.without_gstin .sub-heading {
  padding: 0;
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.without_gstin .without_GstinIcon_header {
  display: flex;
  flex-direction: column;
}
.without_gstin .without_GstinIcon_header .sub-heading {
  color: #595959;
}
.without_gstin .detailsCompanyDetails {
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.without_gstin h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.without_gstin .detailstop_sec {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.without_gstin .detailstop_sec .company-details-grid {
  display: flex;
  gap: 10px;
  align-items: center;
}
.without_gstin .detailstop_sec .company-details-grid .company-detail-item {
  width: 33%;
  display: flex;
  gap: 8px;
}
.without_gstin .detailstop_sec .company-details-grid .company-detail-item .content {
  display: flex;
  flex-direction: column;
}
.without_gstin .detailstop_sec .company-details-grid .company-detail-item .content label {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
}
.without_gstin .detailstop_sec .company-details-grid .company-detail-item p {
  font-size: 16px;
  color: #000;
  line-height: 22px;
  display: flex;
  gap: 8px;
  align-items: center;
}
.without_gstin .without-gst-form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow: auto;
}
.without_gstin .detailsTrade_sec_wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
}
.without_gstin .detailsTrade_sec_wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
}
.without_gstin .detailsTrade_sec_wrapper .contactInfo label {
  font-size: 14px;
  color: #8c8c8c;
}
.without_gstin .detailsTrade_sec_wrapper .contactInfo p {
  display: flex;
  align-items: flex-start;
  margin: 0px;
}
.without_gstin .detailsTrade_sec {
  padding: 0;
  margin: 0;
  flex: 1;
}
.without_gstin .detailsTrade_sec .tradeContent {
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
  display: flex;
  gap: 4px;
  margin-top: 2px;
  padding-bottom: 20px;
}
.without_gstin .detailAddress_sec {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 28px;
}
.without_gstin .detailAddress_sec .headingSec {
  display: flex;
  align-items: center;
}
.without_gstin .detailAddress_sec .headingSec .editbutton {
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  min-width: 50px;
}
.without_gstin .detailAddress_sec .addressSection {
  display: flex;
  gap: 4px;
  flex-direction: row;
}
.without_gstin .detailAddress_sec .addressSection .content {
  display: flex;
  flex-direction: column;
}
.without_gstin .detailAddress_sec .addressSection .content label {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
}
.without_gstin .detailAddress_sec .addressSection p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.without_gstin .detailAddress_sec .editableAddressSectionWrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.without_gstin .detailAddress_sec .editableAddressSection {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 600px;
}
.without_gstin .detailAddress_sec .editableAddressSection .editaddress_bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  justify-content: space-between;
}
.without_gstin .detailAddress_sec .editableAddressSection .editaddress_bottom .zo-select-container {
  width: 100%;
}
.without_gstin .detailAddress_sec .editableAddressSection .editaddress_bottom .pincode_sec {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.without_gstin .details_bottomSec {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.without_gstin .details_bottomSec .backbutton {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  color: #32a7e8;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90px;
}
.without_gstin .details_bottomSec .backbutton span {
  display: flex;
}
.without_gstin .details_bottomSec .sign-up-now-btn {
  max-width: 200px;
  font-weight: 600;
  font-size: 14px;
}

.gst-err-msg {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #dd360c;
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  .without_gstin .detailAddress_sec .editableAddressSection {
    min-width: auto;
  }
  .without_gstin .detailAddress_sec .editableAddressSection .editaddress_bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .without_gstin .without-gst-form-wrapper {
    scrollbar-width: none;
    padding-bottom: 30px;
  }
  .without_gstin .details_bottomSec {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3215686275);
    border-top: 1px solid #d9d9d9;
    padding: 8px 16px;
    background-color: #ffffff;
    z-index: 999;
  }
  .without_gstin .details_bottomSec .sign-up-now-btn {
    width: 100%;
    max-width: unset;
  }
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.zoTooltip {
  display: flex;
  align-items: center;
}
.zoTooltip .zo-tooltip__button {
  border-radius: 50px;
  background: var(--text-black-p-white);
  min-width: auto;
  padding: 0;
  margin: 0;
  position: absolute;
  right: 12px;
  top: 54%;
  z-index: 99;
  color: var(--text-black-grey6);
  line-height: 16px;
  font-size: 12px;
  font-family: "Segoe-UI-VF";
  border: 1px solid var(--text-black-grey6);
  box-shadow: none;
  width: 16px;
  height: 16px;
  text-transform: lowercase;
}
.zoTooltip .zo-tooltip__button:hover {
  background-color: var(--primary-cyan-prim-c2);
  box-shadow: none;
}

.zo-tooltip__content {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 10px;
}
.zo-tooltip__content .infoicon {
  width: 16px !important;
  height: 16px !important;
  margin-top: 2px;
}

.zo-tooltip__tooltip {
  font-size: 14px !important;
  line-height: 20px;
  padding: 12px !important;
  border-radius: 4px;
  font-family: "Segoe-UI-VF" !important;
}

.zo-tooltip__tooltip--dark {
  background-color: var(--text-black-black7) !important;
  color: var(--text-black-p-white) !important;
  border: 1px solid var(--text-black-grey4);
  box-shadow: 2px 4px 10px var(--text-black-grey4);
}

.zo-tooltip__tooltip--light {
  background-color: var(--text-black-p-white) !important;
  color: var(--text-black-p-black) !important;
  border: 1px solid var(--text-black-grey4);
  box-shadow: 2px 4px 10px var(--text-black-grey4);
}

.zo-tooltip__arrow--dark {
  color: var(--text-black-black7) !important;
}

.zo-tooltip__arrow--light {
  color: var(--text-black-grey4) !important;
}

.zo-tooltip__content--dark .infoicon {
  color: var(--text-black-p-white) !important;
}

.zo-tooltip__content--light .infoicon {
  color: var(--text-black-p-black) !important;
}

.font-regular {
  font-family: "Segoe-UI-VF";
  font-weight: 400;
}

.font-semiBold {
  font-family: "Segoe-UI-SemiBold";
  font-weight: 600;
}

.font-bold {
  font-family: "Segoe-UI-Bold";
  font-weight: 700;
}.company-details-screen {
  padding: 0;
  margin: 0;
  min-width: 600px;
}
.company-details-screen-header h2 {
  padding: 0;
  margin: 0;
}
.company-details-screen-header span {
  font-size: 16px;
  color: #595959;
}
.company-details-screen .detailsSection {
  margin: 32px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.company-details-screen h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.company-details-screen .detailstop_sec {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.company-details-screen .detailstop_sec .company-details-grid {
  display: flex;
  gap: 12px;
}
.company-details-screen .detailstop_sec .company-details-grid .company-detail-item {
  flex: 1;
  display: flex;
  gap: 8px;
  min-width: 246px;
}
.company-details-screen .detailstop_sec .company-details-grid .company-detail-item .content {
  display: flex;
  flex-direction: column;
}
.company-details-screen .detailstop_sec .company-details-grid .company-detail-item .content label {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
}
.company-details-screen .detailstop_sec .company-details-grid .company-detail-item .content .company-name {
  text-transform: capitalize;
}
.company-details-screen .detailstop_sec .company-details-grid .company-detail-item span {
  font-size: 16px;
  color: #000;
  line-height: 22px;
  display: flex;
  gap: 8px;
}
.company-details-screen .detailsTrade_sec_wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.company-details-screen .detailsTrade_sec {
  padding: 0;
  margin: 0;
  flex: 1;
}
.company-details-screen .detailsTrade_sec .tradeContent {
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
  display: flex;
  gap: 4px;
  margin-top: 2px;
  padding-bottom: 20px;
}
.company-details-screen .detailAddress_sec {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.company-details-screen .detailAddress_sec .headingSec {
  display: flex;
  align-items: center;
}
.company-details-screen .detailAddress_sec .headingSec .editbutton {
  padding: 0;
  margin: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  min-width: 50px;
}
.company-details-screen .detailAddress_sec .addressSectionWrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.company-details-screen .detailAddress_sec .addressSection {
  display: flex;
  gap: 4px;
  flex-direction: row;
}
.company-details-screen .detailAddress_sec .addressSection .content {
  display: flex;
  flex-direction: column;
}
.company-details-screen .detailAddress_sec .addressSection .content label {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
}
.company-details-screen .detailAddress_sec .addressSection p {
  font-size: 16px;
  line-height: 22px;
  color: #000;
}
.company-details-screen .detailAddress_sec .editableAddressSectionWrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.company-details-screen .detailAddress_sec .editableAddressSection {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 600px;
}
.company-details-screen .detailAddress_sec .editableAddressSection .editaddres_top_icon {
  display: flex;
  align-items: center;
}
.company-details-screen .detailAddress_sec .editableAddressSection .editaddress_bottom {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  justify-content: space-between;
}
.company-details-screen .detailAddress_sec .editableAddressSection .editaddress_bottom .zo-select-container {
  width: 100%;
}
.company-details-screen .detailAddress_sec .editableAddressSection .editaddress_bottom .pincode_sec {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.company-details-screen .details_bottomSec {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.company-details-screen .details_bottomSec .backbutton {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90px;
}
.company-details-screen .details_bottomSec .backbutton span {
  display: flex;
}
.company-details-screen .details_bottomSec .sign-up-now-btn {
  max-width: 200px;
  font-weight: 600;
  font-size: 14px;
}

.gst-err-msg {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #dd360c;
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  .company-details-screen {
    min-width: auto;
    flex: 1;
    scrollbar-width: none;
    overflow-y: scroll;
  }
  .company-details-grid {
    flex-direction: column;
  }
  .company-details-screen .detailAddress_sec .editableAddressSection {
    min-width: auto;
    flex: 1;
  }
  .company-details-screen .detailAddress_sec .editableAddressSection .editaddress_bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .company-details-screen .details_bottomSec {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3215686275);
    border-top: 1px solid #d9d9d9;
    padding: 8px 16px;
    background-color: #ffffff;
    z-index: 999;
  }
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.zo-select-container {
  display: flex;
  flex-direction: column;
}
.zo-select-container .select_title {
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  color: var(--text-black-p-black);
  padding-bottom: 4px;
}
.zo-select-container .select_asterisk {
  color: var(--secondary-red-p-r6);
  /* Asterisk color */
  font-size: 14px;
}
.zo-select-container .option-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.zo-select-container .list-item-text {
  font-size: 14px;
  margin: 0;
  font-family: "Segoe-UI-VF";
}
.zo-select-container .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  color: var(--text-black-black10);
}
.zo-select-container .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  height: 42px;
  border-radius: 6px;
}
.zo-select-container .css-nhrf2b-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  border-radius: 6px !important;
}
.zo-select-container .css-17tale5-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary-cyan-prim-p-c6);
  border-width: 1px;
}
.zo-select-container .css-122v8y1-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary-cyan-prim-p-c6);
  border-width: 1px;
}
.zo-select-container .css-504ftu-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused {
  border-color: var(--primary-cyan-prim-p-c6);
  border-width: 1px;
}
.zo-select-container .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--primary-cyan-prim-p-c6) !important;
  border-width: 1px !important;
}
.zo-select-container .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.zo-select-container .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root:hover {
  background-color: var(--primary-cyan-prim-c1) !important;
}
.zo-select-container .MuiListItemText-root.list-item-text.css-tlelie-MuiListItemText-root {
  font-size: 14px;
  font-family: "Segoe-UI-VF";
}
.zo-select-container .MuiInputBase-root.MuiOutlinedInput-root.MuiInputBase-colorPrimary.Mui-disabled.css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  background: var(--text-black-grey3);
}
.zo-select-container .css-1yk1gt9-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  font-family: "Segoe-UI-VF";
  font-size: 14px;
}
.zo-select-container .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected {
  background-color: var(--primary-cyan-prim-c1) !important;
}
.zo-select-container .css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root.Mui-selected:hover {
  background-color: var(--primary-cyan-prim-c1) !important;
}
.zo-select-container .css-19yotvl-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root {
  font-weight: 400 !important;
  font-size: 16px !important;
  border-radius: 6px !important;
  font-family: "Segoe-UI-VF" !important;
}

.font-regular {
  font-family: "Segoe-UI-VF";
  font-weight: 400;
}

.font-semiBold {
  font-family: "Segoe-UI-SemiBold";
  font-weight: 600;
}

.font-bold {
  font-family: "Segoe-UI-Bold";
  font-weight: 700;
}.contact-details-screen {
  padding: 0;
  margin: 0;
}
.contact-details-screen h2 {
  padding: 0;
  margin: 0;
}
.contact-details-screen p {
  padding: 0;
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.contact-details-screen-header {
  font-size: 14px;
  color: #595959;
}
.contact-details-screen .contact-details-section {
  margin: 32px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 700px;
}
.contact-details-screen .contact-details-section .input-field {
  width: 402px;
}
.contact-details-screen .contact-details-section h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #262626;
}
.contact-details-screen .contact-details-section .info-block {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 8px;
}
.contact-details-screen .contact-details-section .info-block .contactInfo {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contact-details-screen .contact-details-section .info-block .contactInfo p {
  display: flex;
  gap: 8px;
}
.contact-details-screen .contact-details-section .info-block label {
  color: #8c8c8c;
  font-size: 14px;
}
.contact-details-screen .contact-details-section .input_sec {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 350px;
}
.contact-details-screen .contact-details-section .input_sec .contactErrorMsg {
  color: #dd360c;
  font-size: 12px;
  display: flex;
  margin-top: 2px;
}
.contact-details-screen .details_bottomSec {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.contact-details-screen .details_bottomSec .backbutton {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90px;
}
.contact-details-screen .details_bottomSec .backbutton span {
  display: flex;
}
.contact-details-screen .details_bottomSec .sign-up-now-btn {
  max-width: 200px;
  font-weight: 600;
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .contact-details-screen .contact-details-section {
    min-width: auto;
  }
  .contact-details-screen .contact-details-section .input-field {
    width: auto;
    flex: 1;
  }
  .contact-details-screen .contact-details-section .input_sec {
    max-width: auto;
  }
  .contact-details-screen .details_bottomSec {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3215686275);
    border-top: 1px solid #d9d9d9;
    padding: 8px 16px;
    background-color: #ffffff;
  }
  .contact-details-screen .details_bottomSec .sign-up-now-btn {
    max-width: auto;
  }
}.businessDetails {
  padding: 0;
  margin: 0;
}
.businessDetails h2 {
  padding: 0;
  margin: 0;
}
.businessDetails p {
  padding: 0;
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.businessDetails .businessCategory {
  margin: 32px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 580px;
}
.businessDetails .businessCategory .category_sec {
  display: flex;
  max-width: 740px;
  gap: 12px;
}
.businessDetails .businessCategory .category_sec .cat_list {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 2px solid #d9d9d9;
  border-radius: 12px;
  gap: 4px;
  width: 33%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.businessDetails .businessCategory .category_sec .cat_list .radio-icon {
  position: absolute;
  right: 16px;
}
.businessDetails .businessCategory .category_sec .cat_list .cat_list-title {
  font-size: 16px;
  line-height: 20px;
  color: #000;
  margin: 0;
}
.businessDetails .businessCategory .category_sec .cat_list p {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
  padding: 0;
  margin: 0;
}
.businessDetails .businessCategory .category_sec .cat_list:hover {
  border: 2px solid #32a7e8;
}
.businessDetails .businessCategory .category_sec .cat_list.active {
  border: 2px solid #32a7e8;
  background-color: #ebf6fd;
}
.businessDetails .details_bottomSec {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.businessDetails .details_bottomSec .backbutton {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90px;
}
.businessDetails .details_bottomSec .backbutton span {
  display: flex;
}
.businessDetails .details_bottomSec .sign-up-now-btn {
  max-width: 200px;
  font-weight: 600;
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .businessDetails {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .businessDetails .businessCategory {
    border-radius: 0px;
    min-width: auto;
    overflow-y: hidden;
    flex: 1;
  }
  .businessDetails .businessCategory .category_sec {
    max-width: auto;
    overflow-y: scroll;
    scrollbar-width: none;
    flex-direction: column;
  }
  .businessDetails .businessCategory .category_sec .cat_list {
    width: 100%;
  }
  .businessDetails .details_bottomSec {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3215686275);
    border-top: 1px solid #d9d9d9;
    padding: 8px 16px;
    background-color: #ffffff;
    z-index: 999;
  }
}.industryDetails {
  padding: 0;
  margin: 0;
}
.industryDetails h2 {
  padding: 0;
  margin: 0;
}
.industryDetails p {
  padding: 0;
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.industryDetails .yourIndustry {
  margin: 32px 0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 580px;
}
.industryDetails .yourIndustry .industry_sec {
  display: flex;
  flex-wrap: wrap;
  max-width: 740px;
  gap: 12px;
}
.industryDetails .yourIndustry .industry_sec .ind_list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  gap: 12px;
  width: 32.2%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.industryDetails .yourIndustry .industry_sec .ind_list .industry_sec-title {
  font-size: 14px;
  line-height: 20px;
  color: #000;
  margin: 0;
}
.industryDetails .yourIndustry .industry_sec .ind_list p {
  font-size: 14px;
  line-height: 20px;
  color: #8c8c8c;
  padding: 0;
  margin: 0;
}
.industryDetails .yourIndustry .industry_sec .ind_list:hover {
  border: 1px solid #32a7e8;
}
.industryDetails .yourIndustry .industry_sec .ind_list.active {
  border: 1px solid #32a7e8;
  background-color: #ebf6fd;
}
.industryDetails .yourIndustry .industry_sec .specifyInd {
  width: 32%;
  box-sizing: border-box;
}
.industryDetails .yourIndustry .industry_sec .specifyInd input {
  height: 50px;
  font-family: "Segoe-UI-VF";
}
.industryDetails .yourIndustry .industry_sec .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #32a7e8;
}
.industryDetails .details_bottomSec {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}
.industryDetails .details_bottomSec .backbutton {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  color: #32a7e8;
  font-family: "Segoe-UI-semiBold";
  display: flex;
  align-items: center;
  gap: 8px;
  width: 90px;
}
.industryDetails .details_bottomSec .backbutton span {
  display: flex;
}
.industryDetails .details_bottomSec .sign-up-now-btn {
  max-width: 200px;
  font-weight: 600;
  font-size: 14px;
}

@media screen and (max-width: 600px) {
  .industryDetails {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .industryDetails .yourIndustry {
    min-width: auto;
    overflow: hidden;
    border-radius: 0px;
    overflow-y: scroll;
    scrollbar-width: none;
  }
  .industryDetails .yourIndustry .industry_sec {
    max-width: auto;
    border-radius: 0px;
  }
  .industryDetails .yourIndustry .industry_sec .specifyInd {
    width: 100%;
  }
  .industryDetails .yourIndustry .industry_sec .ind_list {
    align-items: center;
    width: 100%;
  }
  .industryDetails .details_bottomSec {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.3215686275);
    border-top: 1px solid #d9d9d9;
    padding: 8px 16px;
    background-color: #ffffff;
    z-index: 999;
  }
}.error-toast {
  position: fixed;
  top: 0;
  left: 0;
  width: 97.5%;
  margin: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  border-radius: 6px;
  transform: translateY(-150%);
  background-color: #dd360c;
  transition: transform 0.3s ease-in-out;
}
.error-toast.error {
  transform: translateY(0%);
}
.error-toast.hide {
  transform: translateX(-150%);
}
.error-toast-text {
  flex: 1;
  font-size: 14px;
  color: #ffffff;
}
.error-toast-close {
  cursor: pointer;
}.loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 470px;
  padding-bottom: 50px;
}
.loading-container img {
  height: 120px;
  width: 120px;
}

@media screen and (max-width: 600px) {
  .loading-container {
    width: auto;
    flex: 1;
  }
}.registredScreen {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  max-width: 450px;
  width: 450px;
}
.registredScreen h2 {
  padding: 0;
  margin: 0;
  font-size: 24px;
}
.registredScreen p {
  padding: 0;
  margin: 0;
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.registredScreen .sign-up-now-btn.register {
  width: 100%;
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%) !important;
}
.registredScreen .seperator {
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}

.launch-screen-plan-details {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 4px;
  border-radius: 6px;
  background-color: #eaf8f2;
}
.launch-screen-plan-details-top {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.launch-screen-plan-details-status {
  background-color: #ccefe0;
  font-size: 12px;
  color: #135439;
  border-radius: 4px;
  padding: 4px 8px;
}

@media screen and (max-width: 650px) {
  .registredScreen {
    width: unset;
    max-width: unset;
  }
}.error-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.error-screen-text {
  font-size: 18px;
  color: #262626;
}.contact-us-screen {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: center;
}
.contact-us-screen-image {
  width: 120px;
  height: 120px;
}
.contact-us-screen-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.contact-us-screen-text-heading {
  font-size: 20px;
  color: #262626;
}
.contact-us-screen-text-subheading {
  font-size: 16px;
  color: #262626;
  text-align: center;
}

.contact-us-screen-wrapper {
  gap: 32px;
}.step-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #f0f0f0 0%, #ffffff 100%);
  flex: 1;
}
.step-card-header {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
}
.step-card-header-label {
  display: flex;
  flex-direction: row;
  gap: 2px;
  padding: 2px 8px;
  border-radius: 50px;
  background-color: #f0f0f0;
  color: #000000;
  font-size: 10px;
  line-height: 14px;
  text-transform: uppercase;
}
.step-card-header-tasks {
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.step-card-header-tasks-identifier {
  width: 16px;
  height: 16px;
}
.step-card-header-tasks-count {
  color: #000000;
  font-size: 10px;
  line-height: 14px;
}
.step-card-body {
  display: flex;
  flex-direction: row;
  gap: 12px;
  flex: 1;
}
.step-card-body-left {
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.2509803922);
  border: 1px solid #fcfcfc;
  border-radius: 6px;
  width: 50px;
  height: 50px;
}
.step-card-body-right {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.step-card-body-right-heading {
  color: #262626;
  font-size: 14px;
  line-height: 20px;
}
.step-card-body-right-description {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.step-card-button {
  background-color: transparent;
  border: 2px solid #d9d9d9;
  color: #000000;
  border-radius: 4px;
  width: 100%;
}
.step-card-button:hover {
  background-color: #e6f0ff;
  border-color: #32a7e8;
}
.step-card-button-completed {
  background-color: #2abb7f !important;
  background: #2abb7f !important;
  color: white !important;
  border: none !important;
}
.step-card.selected-step-card {
  position: relative;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #e6f0ff 0%, #ffffff 100%);
}
.step-card.selected-step-card::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px; /* border width */
  border-radius: 8px;
  background: linear-gradient(140.86deg, #8c3cff -1.16%, #32a7e8 27.59%, #2abb7f 50.59%, #0067ff 76.72%, #000000 103.37%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
}
.step-card.selected-step-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  padding: 2px;
  border-radius: 12px;
  background: linear-gradient(140.86deg, #8c3cff -1.16%, #32a7e8 27.59%, #2abb7f 50.59%, #0067ff 76.72%, #000000 103.37%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.step-card.selected-step-card .step-card-button {
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
  border: 0px;
}
.step-card.selected-step-card .step-card-button:hover {
  background: linear-gradient(93.07deg, #19a5f0 6.97%, #7314f7 113.11%);
}

@media screen and (min-width: 600px) {
  .step-card {
    height: 245px;
    min-width: 280px;
  }
}.upload-knowledge {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  padding-bottom: 70px;
  overflow-y: scroll;
}
.upload-knowledge-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
}
.upload-knowledge-wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.upload-knowledge-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  justify-content: center;
  align-items: center;
}
.upload-knowledge-content-image {
  width: 225px;
  height: 150px;
}
.upload-knowledge-content-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: center;
}
.upload-knowledge-content-text-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.upload-knowledge-content-text-list {
  padding-inline-start: 24px;
}
.upload-knowledge-content-text-list-item {
  color: #454545;
  font-size: 14px;
  line-height: 20px;
}
.upload-knowledge-select {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  background-color: #ebf6fd;
  border-radius: 4px;
  padding: 24px;
  cursor: pointer;
  border: 1px dashed #32a7e8;
}
.upload-knowledge-select-add {
  width: 28px;
  height: 28px;
}
.upload-knowledge-select-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
.upload-knowledge-select-text-heading {
  color: #262626;
  font-size: 14px;
  line-height: 20px;
}
.upload-knowledge-select-text-subheading {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.upload-knowledge-files {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.upload-knowledge-files-empty {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.upload-knowledge-files-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.upload-knowledge-files-loading-loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #32a7e8;
  width: 45px;
  height: 45px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}
.upload-knowledge-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
  width: 100vw;
  background-color: #ffffff;
}
.upload-knowledge-footer-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.upload-knowledge-footer-back:hover {
  background-color: #e6f0ff;
}
.upload-knowledge-footer-continue {
  flex: 1;
  width: auto;
  border: 0px;
}
.upload-knowledge-or-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  margin: 16px 0;
}
.upload-knowledge-or-divider {
  position: relative;
  width: 100%;
  text-align: center;
}
.upload-knowledge-or-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
  z-index: 1;
}
.upload-knowledge-or-text {
  background-color: #ffffff;
  padding: 0 16px;
  color: #8c8c8c;
  font-size: 14px;
  position: relative;
  z-index: 2;
}
.upload-knowledge-sample {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  text-align: center;
  padding: 0 24px;
}
.upload-knowledge-sample-text {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.upload-knowledge-sample-button {
  background-color: #f0f9ff;
  border: 1px solid #91d5ff;
  color: #1890ff;
  font-weight: 500;
}
.upload-knowledge-sample-button:hover {
  background-color: #e6f7ff;
  border-color: #40a9ff;
}
.upload-knowledge-training-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1000;
}
.upload-knowledge-training-drawer {
  background: white;
  border-radius: 16px 16px 0 0;
  padding: 32px;
  width: 100%;
  max-height: 80vh;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
  animation: slideUpFromBottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: bottom;
}
.upload-knowledge-training-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.upload-knowledge-training-image {
  width: 200px;
  height: 200px;
}
.upload-knowledge-training-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
}
.upload-knowledge-training-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
}
.upload-knowledge-training-ready-heading {
  color: #262626;
  font-size: 20px;
  line-height: 28px;
}
.upload-knowledge-training-test-button {
  background: linear-gradient(135deg, #40A9FF 0%, #9C3FFF 100%);
  color: white;
  border: none;
  margin-top: 16px;
  min-width: 200px;
  height: 48px;
  font-weight: 600;
}
.upload-knowledge-training-test-button:hover {
  background: linear-gradient(135deg, #1890FF 0%, #8B2FE8 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.3);
}

@keyframes slideUpFromBottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (min-width: 600px) {
  .upload-knowledge {
    overflow: hidden;
  }
  .upload-knowledge-container {
    flex-direction: row;
    overflow: hidden;
  }
  .upload-knowledge-wrapper {
    flex: 1;
    align-items: center;
  }
  .upload-knowledge-select {
    width: 50%;
  }
  .upload-knowledge-files {
    flex: 1;
    padding: 16px;
    border: 1px solid #d9d9d9;
    background-color: #fcfcfc;
    border-radius: 4px;
    overflow-y: scroll;
  }
  .upload-knowledge-footer {
    justify-content: space-between;
  }
  .upload-knowledge-footer-continue {
    width: fit-content;
    flex: unset;
  }
}.file-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #f0f0f0 0%, #ffffff 100%);
  border: 1px solid #d9d9d9;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
}
.file-card-icon {
  width: 28px;
  height: 28px;
}
.file-card-data {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.file-card-data-heading {
  color: #262626;
  font-size: 14px;
  line-height: 20px;
}
.file-card-data-subheading {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.file-card-more {
  position: relative;
}
.file-card-more-icon {
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}
.file-card-more-icon:hover, .file-card-more-icon.open-menu {
  background-color: #ebf6fd;
}
.file-card-more-menu {
  position: absolute;
  background-color: #ffffff;
  padding: 4px 0px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2392156863);
  right: 0px;
  z-index: 999;
}
.file-card-more-menu-item {
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.file-card-more-menu-item:hover {
  background-color: #ebf6fd;
}
.file-card-more-menu-item.delete-option {
  color: #dd360c;
}.agent-training {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.agent-training-image {
  width: 225px;
  height: 225px;
  padding-right: 12px;
}.agent-ready {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.agent-ready-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.agent-ready-body-image {
  width: 200px;
  height: 200px;
}
.agent-ready-body-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agent-ready-body-text-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.agent-ready-body-text-description {
  color: #454545;
  font-size: 14px;
  line-height: 20px;
}
.agent-ready-footer {
  display: flex;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
}
.agent-ready-footer-button {
  flex: 1;
  border: 0px;
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
}

@media screen and (min-width: 600px) {
  .agent-ready-footer {
    justify-content: flex-end;
  }
  .agent-ready-footer-button {
    flex: unset;
  }
}.waba-pre-requirements {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-pre-requirements-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
  padding-bottom: 70px;
  align-items: center;
}
.waba-pre-requirements-container-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.waba-pre-requirements-container-header-icon {
  width: 150px;
  height: 45px;
}
.waba-pre-requirements-container-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.waba-pre-requirements-container-header-text-heading {
  font-size: 18px;
  color: #262626;
}
.waba-pre-requirements-container-header-text-description {
  font-size: 14px;
  color: #454545;
}
.waba-pre-requirements-container-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.waba-pre-requirements-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-pre-requirements-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.waba-pre-requirements-footer-buttons-back {
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-pre-requirements-footer-buttons-back:hover {
  background-color: #e6f0ff;
}
.waba-pre-requirements-footer-buttons-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-pre-requirements-container {
    align-items: center;
  }
  .waba-pre-requirements-container-header {
    align-items: center;
  }
  .waba-pre-requirements-container-header-text {
    width: 1020px;
    align-items: center;
    text-align: center;
  }
  .waba-pre-requirements-container-body {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    width: 1050px;
  }
  .waba-pre-requirements-footer-buttons {
    justify-content: space-between;
  }
  .waba-pre-requirements-footer-buttons-continue {
    width: fit-content;
    flex: unset;
  }
}.waba-requirements-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  padding: 16px 12px;
  border: 2px solid #f0f0f0;
  border-radius: 8px;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #e6f0ff 0%, #ffffff 100%);
}
.waba-requirements-card-left {
  width: 50px;
  height: 50px;
  border-radius: 8px;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waba-requirements-card-left-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
}
.waba-requirements-card-right {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.waba-requirements-card-right-heading {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.waba-requirements-card-right-description {
  font-size: 14px;
  line-height: 20px;
  color: #454545;
}

@media screen and (min-width: 600px) {
  .waba-requirements-card {
    width: 480px;
  }
}.waba-signup {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-signup-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
  overflow-y: scroll;
}
.waba-signup-container-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.waba-signup-container-header-logo {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.waba-signup-container-header-logo .meta-icon {
  width: 50px;
  height: 35px;
}
.waba-signup-container-header-logo .refresh-icon {
  width: 28px;
  height: 28px;
}
.waba-signup-container-header-logo .zotok-icon {
  width: 43px;
  height: 43px;
}
.waba-signup-container-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.waba-signup-container-header-text-heading {
  font-size: 18px;
  color: #262626;
}
.waba-signup-container-header-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #454545;
}
.waba-signup-container-body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.waba-signup-container-body-input {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-end;
}
.waba-signup-container-body-input-icon {
  padding-bottom: 12px;
}
.waba-signup-container-body-warning, .waba-signup-container-body-validating, .waba-signup-container-body-success {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 7px 8px;
  border-radius: 6px;
  align-items: flex-start;
  margin-left: 28px;
}
.waba-signup-container-body-warning-text, .waba-signup-container-body-validating-text, .waba-signup-container-body-success-text {
  font-size: 14px;
  line-height: 20px;
}
.waba-signup-container-body-warning {
  background-color: #fcebe7;
}
.waba-signup-container-body-warning-text {
  color: #9d2609;
}
.waba-signup-container-body-validating {
  background-color: #e6f0ff;
}
.waba-signup-container-body-validating-text {
  color: #0049b5;
}
.waba-signup-container-body-success {
  background-color: #ccefe0;
}
.waba-signup-container-body-success-text {
  color: #186b48;
}
.waba-signup-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-signup-footer-text {
  font-size: 12px;
  line-height: 16px;
  color: #454545;
  align-self: center;
}
.waba-signup-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.waba-signup-footer-buttons-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-signup-footer-buttons-back:hover {
  background-color: #e6f0ff;
}
.waba-signup-footer-buttons-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-signup-container {
    align-items: center;
  }
  .waba-signup-container-header {
    align-items: center;
  }
  .waba-signup-container-header-text {
    align-items: center;
  }
  .waba-signup-container-body {
    width: 500px;
  }
  .waba-signup-footer-buttons {
    justify-content: space-between;
  }
  .waba-signup-footer-buttons-continue {
    flex: unset;
  }
}.waba-creation-success {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-creation-success-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 32px;
  background-color: #ffffff;
  flex: 1;
  align-items: center;
}
.waba-creation-success-container-image {
  width: 100px;
  height: 100px;
}
.waba-creation-success-container-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  text-align: center;
}
.waba-creation-success-container-text-heading {
  font-size: 18px;
  color: #262626;
}
.waba-creation-success-container-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #454545;
}
.waba-creation-success-container-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  width: 100%;
}
.waba-creation-success-container-details-item {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
}
.waba-creation-success-container-details-item .item-key,
.waba-creation-success-container-details-item .item-value {
  font-size: 14px;
  line-height: 20px;
}
.waba-creation-success-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
}
.waba-creation-success-footer-button {
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
  width: 100%;
}

@media screen and (min-width: 600px) {
  .waba-creation-success-container-details {
    width: 450px;
  }
  .waba-creation-success-footer {
    justify-content: flex-end;
  }
  .waba-creation-success-footer-button {
    width: unset;
  }
}.waba-launch {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-launch-content {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
  padding: 24px;
}
.waba-launch-content-image {
  width: 125px;
  height: 125px;
}
.waba-launch-content-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.waba-launch-content-text-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.waba-launch-content-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #454545;
}
.waba-launch-content-text-list {
  padding-inline-start: 24px;
}
.waba-launch-content-text-list-item {
  color: #454545;
  font-size: 14px;
  line-height: 20px;
}
.waba-launch-content-card {
  display: flex;
  flex-direction: row 12px;
  gap: 8px;
  padding: 8px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}
.waba-launch-content-card-right {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.waba-launch-content-card-right-heading {
  color: #262626;
  font-size: 14px;
  line-height: 20px;
}
.waba-launch-content-card-right-text {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.waba-launch-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-launch-footer-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-launch-footer-back:hover {
  background-color: #e6f0ff;
}
.waba-launch-footer-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-launch-content-text {
    width: 310px;
  }
  .waba-launch-footer {
    justify-content: space-between;
  }
  .waba-launch-footer-continue {
    flex: unset;
  }
}.waba-setup-loader-container-loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #32a7e8;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

.waba-setup-loader-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}

.waba-setup-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 36px;
}

.waba-launch {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-launch-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-launch-footer-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-launch-footer-back:hover {
  background-color: #e6f0ff;
}
.waba-launch-footer-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-launch-content-text {
    width: 310px;
  }
  .waba-launch-footer {
    justify-content: space-between;
  }
  .waba-launch-footer-continue {
    flex: unset;
  }
}.waba-generate-link {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-generate-link-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
  padding-bottom: 70px;
}
.waba-generate-link-container-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waba-generate-link-container-header-back-icon {
  display: flex;
  flex-direction: row;
  gap: 8px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.waba-generate-link-container-header-icon {
  width: 80px;
  height: 80px;
}
.waba-generate-link-container-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}
.waba-generate-link-container-header-text-heading {
  font-size: 18px;
  color: #262626;
}
.waba-generate-link-container-header-text-description {
  font-size: 14px;
  color: #454545;
}
.waba-generate-link-container-header-button {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  align-self: center;
}
.waba-generate-link-container-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.waba-generate-link-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-generate-link-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.waba-generate-link-footer-buttons-back {
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-generate-link-footer-buttons-back:hover {
  background-color: #e6f0ff;
}
.waba-generate-link-footer-buttons-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-pre-requirements-container {
    align-items: center;
  }
  .waba-pre-requirements-container-header {
    align-items: center;
  }
  .waba-pre-requirements-container-header-text {
    width: 1020px;
    align-items: center;
    text-align: center;
  }
  .waba-pre-requirements-container-body {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    width: 1050px;
  }
  .waba-pre-requirements-footer-buttons {
    justify-content: space-between;
  }
  .waba-pre-requirements-footer-buttons-continue {
    width: fit-content;
    flex: unset;
  }
}.waba-copy-short-link {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-copy-short-link-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
  padding-bottom: 70px;
}
.waba-copy-short-link-container-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.waba-copy-short-link-container-header-back-icon {
  display: flex;
  flex-direction: row;
  gap: 8px;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.waba-copy-short-link-container-header-icon {
  width: 80px;
  height: 80px;
}
.waba-copy-short-link-container-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: center;
}
.waba-copy-short-link-container-header-text-heading {
  font-size: 18px;
  color: #262626;
}
.waba-copy-short-link-container-header-text-description {
  font-size: 14px;
  color: #454545;
}
.waba-copy-short-link-container-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.waba-copy-short-link-container-header-link {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.waba-copy-short-link-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-copy-short-link-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.waba-copy-short-link-footer-buttons-back {
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-copy-short-link-footer-buttons-back:hover {
  background-color: #e6f0ff;
}
.waba-copy-short-link-footer-buttons-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-pre-requirements-container {
    align-items: center;
  }
  .waba-pre-requirements-container-header {
    align-items: center;
  }
  .waba-pre-requirements-container-header-text {
    width: 1020px;
    align-items: center;
    text-align: center;
  }
  .waba-pre-requirements-container-body {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    width: 1050px;
  }
  .waba-pre-requirements-footer-buttons {
    justify-content: space-between;
  }
  .waba-pre-requirements-footer-buttons-continue {
    width: fit-content;
    flex: unset;
  }
}
.embedded-signup-link-container {
  background-color: #ceeaf9;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}

.embedded-signup-description-2 {
  font-size: 13px;
  color: #8c8c8c;
  margin-top: 6px;
  line-height: 1.4;
}.waba-failure-loader-container-loader {
  border: 6px solid #f3f3f3;
  border-radius: 50%;
  border-top: 6px solid #32a7e8;
  width: 48px;
  height: 48px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
}

.waba-failure-loader-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}

.waba-failure-icons {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 36px;
}

.waba-failure {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-failure-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.waba-failure-footer-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.waba-failure-footer-back:hover {
  background-color: #e6f0ff;
}
.waba-failure-footer-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .waba-failure-content-text {
    width: 310px;
  }
  .waba-failure-footer {
    justify-content: space-between;
  }
  .waba-failure-footer-continue {
    flex: unset;
  }
}.skip-waba-setup {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}
.skip-waba-setup-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}
.skip-waba-setup-container-zotok-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.skip-waba-setup-container-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
}
.skip-waba-setup-container-text-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 6px;
}
.skip-waba-setup-container-text-container-greeting-header {
  font-size: 22px;
  line-height: 28px;
  color: #262626;
}
.skip-waba-setup-container-text-container-greeting-text {
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}
.skip-waba-setup-container-text-container-header {
  font-size: 22px;
  line-height: 28px;
  color: #262626;
}
.skip-waba-setup-container-text-container-description {
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}
.skip-waba-setup-container-text-container-copy-short-link {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.skip-waba-setup-container-text-container-copy-short-link-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  flex-direction: row;
  gap: 4px;
  padding: 4px 12px;
  background: #ceeaf9;
}
.skip-waba-setup-container-text-container-copy-short-link-container-link {
  display: flex;
  flex: 1;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  color: #000000;
}
.skip-waba-setup-container-text-container-copy-short-link-container-link a {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  color: #000000;
}
.skip-waba-setup-container-text-container-copy-short-link-container-icons {
  display: flex;
  gap: 4px;
  align-items: center;
}
.skip-waba-setup-container-text-container-copy-short-link-container-icons-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.skip-waba-setup-container-text-container-copy-short-link-notification-space {
  font-size: 14px;
  line-height: 20px;
}
.skip-waba-setup-container-text-container-copy-short-link-notification-space-text {
  color: #32a7e8;
}
.skip-waba-setup-container-button {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  border: none;
  border-radius: 4px;
  width: 100%;
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%) !important;
}.chat-with-agent {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  padding-bottom: 69px;
}
.chat-with-agent-iframe {
  flex: 1;
  overflow: hidden;
}
.chat-with-agent-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  width: 100vw;
  background-color: #ffffff;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
}
.chat-with-agent-footer-back {
  padding: 12px 16px;
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.chat-with-agent-footer-back:hover {
  background-color: #e6f0ff;
}
.chat-with-agent-footer-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .chat-with-agent-footer {
    justify-content: space-between;
  }
  .chat-with-agent-footer-continue {
    flex: unset;
    width: fit-content;
  }
}.deploy-agent {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.deploy-agent-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 16px;
  justify-content: center;
  align-items: center;
}
.deploy-agent-body-image {
  width: 230px;
  height: 180px;
}
.deploy-agent-body-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.deploy-agent-body-text-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.deploy-agent-body-text-description {
  color: #454545;
  font-size: 14px;
  line-height: 20px;
}
.deploy-agent-footer {
  display: flex;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
}
.deploy-agent-footer-button {
  flex: 1;
  border: 0px;
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
}

@media screen and (min-width: 600px) {
  .deploy-agent-footer {
    justify-content: flex-end;
  }
  .deploy-agent-footer-button {
    flex: unset;
    width: fit-content;
  }
}.agent-performance {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-top: 1px solid #d9d9d9;
  padding: 16px;
  background-color: #fcfcfc;
  position: fixed;
  bottom: 65px;
  width: 100%;
  box-sizing: border-box;
}
.agent-performance-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.agent-performance-text-heading {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.agent-performance-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.agent-performance-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.agent-performance-buttons-good {
  border-radius: 50px;
  width: 20px;
  height: 20px;
  background-color: #ccefe0;
  border: 1px solid #79d4ae;
}
.agent-performance-buttons-poor {
  border-radius: 50px;
  width: 20px;
  height: 20px;
  background-color: #f7cfc5;
  border: 1px solid #ea8066;
}
.agent-performance-buttons-btn {
  border-radius: 50px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  color: #000000;
  flex: 1;
  height: 30px;
}
.agent-performance-buttons-btn:hover {
  background-color: #ceeaf9;
  border: 1px solid #32a7e8;
}

@media screen and (min-width: 600px) {
  .agent-performance {
    display: flex;
    flex-direction: row;
    gap: 4px;
    width: 50%;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    align-self: center;
    background-color: #f5f5f5;
    bottom: 75px;
    border: 0px;
  }
}.deploy-agent-advantages {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.deploy-agent-advantages-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 8px;
  background-color: #ffffff;
  flex: 1;
  padding-bottom: 70px;
  align-items: center;
}
.deploy-agent-advantages-container-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.deploy-agent-advantages-container-header-icon {
  width: 107px;
  height: 114px;
}
.deploy-agent-advantages-container-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.deploy-agent-advantages-container-header-text-heading {
  text-align: center;
  font-size: 18px;
  color: #262626;
}
.deploy-agent-advantages-container-header-text-description {
  font-size: 14px;
  color: #454545;
  text-align: center;
}
.deploy-agent-advantages-container-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.deploy-agent-advantages-footer {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
  border-top: 1px solid #d9d9d9;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2509803922);
  position: fixed;
  bottom: 0;
  width: 100vw;
  box-sizing: border-box;
  background-color: #ffffff;
}
.deploy-agent-advantages-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.deploy-agent-advantages-footer-buttons-back {
  width: fit-content;
  border: 1px solid #32a7e8;
  background-color: transparent;
  color: #32a7e8;
}
.deploy-agent-advantages-footer-buttons-back:hover {
  background-color: #e6f0ff;
}
.deploy-agent-advantages-footer-buttons-continue {
  flex: 1;
  width: auto;
  border: 0px;
}

@media screen and (min-width: 600px) {
  .deploy-agent-advantages-container {
    align-items: center;
  }
  .deploy-agent-advantages-container-header {
    align-items: center;
  }
  .deploy-agent-advantages-container-header-text {
    width: 1020px;
    align-items: center;
    text-align: center;
  }
  .deploy-agent-advantages-container-body {
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    width: 1050px;
  }
  .deploy-agent-advantages-footer-buttons {
    justify-content: space-between;
  }
  .deploy-agent-advantages-footer-buttons-continue {
    width: fit-content;
    flex: unset;
  }
}.splash-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  background-color: #ffebc2;
  flex: 1;
  overflow: hidden;
}
.splash-screen-header {
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 8px 16px;
  position: fixed;
  width: 100%;
}
.splash-screen-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
  align-items: center;
  padding-top: 62px;
  padding-left: 8%;
  padding-right: 8%;
}
.splash-screen-body-image {
  width: 100%;
  height: 100%;
}
.splash-screen-footer {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  align-self: stretch;
  background-color: #ffffff;
  height: 200px;
  justify-content: space-between;
  padding: 20px;
  width: 100%;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
}
.splash-screen-footer-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  text-align: center;
  white-space: nowrap;
}
.splash-screen-footer-text-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
}
.splash-screen-footer-text-description {
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.splash-screen-footer-identifier {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.splash-screen-footer-identifier .identifier-circle {
  background-color: #d9d9d9;
  height: 8px;
  width: 8px;
  border-radius: 50px;
}
.splash-screen-footer-buttons {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.splash-screen-footer-buttons-back {
  background-color: transparent;
  border: 0px;
  border-radius: 50px;
  color: #32a7e8;
  padding: 12px 16px;
  width: 92px;
  font-weight: 700;
}
.splash-screen-footer-buttons-back:hover {
  background-color: transparent;
}
.splash-screen-footer-buttons-continue {
  background-color: transparent;
  border: 1px solid #32a7e8;
  border-radius: 50px;
  color: #32a7e8;
  padding: 12px 16px;
  width: fit-content;
  font-weight: 700;
}
.splash-screen-footer-buttons-continue:hover {
  background-color: transparent;
}.splash-screen-phone {
  display: flex;
  flex-direction: column;
  gap: 0px;
  background-color: #ffebc2;
  flex: 1;
  overflow: hidden;
}
.splash-screen-phone-header {
  display: flex;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 8px 16px;
  padding-top: 16px;
  position: fixed;
  width: 100%;
  justify-content: space-between;
  z-index: 9;
}
.splash-screen-phone-header-image {
  height: 25px;
}
.splash-screen-phone-header-button {
  background-color: transparent;
  width: fit-content;
  color: #32a7e8;
  border: 0px;
  height: fit-content;
  padding: 0px;
  font-weight: 700;
}
.splash-screen-phone-header-button:hover {
  background-color: transparent;
}
.splash-screen-phone-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
  align-items: center;
  padding-top: 62px;
  padding-left: 8%;
  padding-right: 8%;
  position: relative;
}
.splash-screen-phone-body .navigate-left {
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: 1px solid #000000;
  cursor: pointer;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 30px;
  top: 230px;
}
.splash-screen-phone-body .navigate-left-icon {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}
.splash-screen-phone-body .navigate-right {
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  border: 1px solid #000000;
  cursor: pointer;
  width: 35px;
  height: 35px;
  position: absolute;
  right: 30px;
  top: 240px;
}
.splash-screen-phone-body .navigate-right-icon {
  width: 16px;
  height: 16px;
}
.splash-screen-phone-body-image {
  width: 100%;
  height: 100%;
}
.splash-screen-phone-footer {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  align-self: stretch;
  background-color: #ffffff;
  justify-content: space-between;
  width: 100%;
  position: fixed;
  bottom: 0;
  box-sizing: border-box;
}
.splash-screen-phone-footer-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  justify-content: center;
  align-items: space-between;
  align-self: stretch;
  padding: 20px;
  padding-bottom: 0px;
  text-align: center;
  white-space: nowrap;
  flex: 1;
}
.splash-screen-phone-footer-text .line-break {
  display: inline;
}
.splash-screen-phone-footer-text-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
}
.splash-screen-phone-footer-text-description {
  color: #595959;
  font-size: 16px;
  line-height: 22px;
}
.splash-screen-phone-footer-identifier {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.splash-screen-phone-footer-identifier .identifier-circle {
  background-color: #d9d9d9;
  height: 8px;
  width: 8px;
  border-radius: 50px;
}
.splash-screen-phone-footer-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex: 1;
  justify-self: flex-end;
}
.splash-screen-phone-footer-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 10px 20px;
  height: 100px;
  box-sizing: border-box;
  background-color: #132c45;
  justify-content: center;
}
.splash-screen-phone-footer-input .input-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.splash-screen-phone-footer-input .input-button {
  border: 0px;
  width: fit-content;
}
.splash-screen-phone-footer-error {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.splash-screen-phone-footer-error-icon {
  width: 20px;
  height: 20px;
}
.splash-screen-phone-footer-error-text {
  color: #dd360c;
}

@media screen and (min-width: 600px) {
  .splash-screen-phone {
    border-radius: 8px;
    position: relative;
    flex: unset;
    height: 760px;
    width: 100%;
  }
  .splash-screen-phone-header {
    position: unset;
  }
  .splash-screen-phone-body {
    flex-direction: row;
    justify-content: center;
  }
  .splash-screen-phone-body .navigate-left {
    display: flex;
  }
  .splash-screen-phone-body .navigate-right {
    display: flex;
  }
  .splash-screen-phone-body-image {
    width: unset;
  }
  .splash-screen-phone-footer {
    position: absolute;
  }
  .splash-screen-phone-footer .line-break {
    display: none;
  }
  .splash-screen-phone-footer-navigation .navigate-left {
    display: flex;
  }
  .splash-screen-phone-footer-navigation .navigate-right {
    display: flex;
  }
  .splash-screen-phone-footer-text {
    flex: unset;
  }
  .splash-screen-phone-footer-buttons {
    flex: unset;
  }
}.splash-container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.carousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(190, 190, 190, 0.3764705882);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
}

.slides-container {
  display: flex;
  width: 500%;
  height: 100%;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  flex: 1;
}

.slide {
  width: 20%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.slide-content {
  text-align: center;
  color: white;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.slide-body {
  background-color: #ffffff;
  height: 150px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 20px 20px 0;
  flex-shrink: 0;
}

.slide-body-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
  transform: translateY(30px);
  transition: all 0.8s ease;
}

.slide-body-description {
  color: #595959;
  font-size: 16px;
  line-height: 22px;
  transform: translateY(30px);
  transition: all 0.8s ease 0.2s;
}

.slide.active .slide-body-heading,
.slide.active .slide-body-description {
  opacity: 1;
  transform: translateY(0);
}

.media-container {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  flex: 1;
  min-height: 300px;
}

.media-content {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.media-content.loaded {
  opacity: 1;
}

.loader-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.loader {
  width: 50px;
  height: 50px;
  border: 3px solid #32a7e8;
  border-top: 3px solid white;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.loader.hidden {
  display: none;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.navigation {
  position: absolute;
  bottom: 110px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 20px;
  align-items: center;
  z-index: 10;
}

.nav-btn {
  display: none;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid transparent;
  color: #32a7e8;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 1rem;
  font-weight: 600;
  backdrop-filter: blur(10px);
}

.nav-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  border-color: #32a7e8;
  transform: translateY(-2px);
}

.nav-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.indicators {
  display: flex;
  gap: 10px;
}

.indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: rgba(41, 41, 41, 0.1490196078);
  cursor: pointer;
  transition: all 0.3s ease;
}

.indicator.active {
  background: #32a7e8;
  transform: scale(1.2);
}

.skip-btn {
  position: absolute;
  top: 30px;
  right: 30px;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.5);
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(10px);
}

.skip-btn:hover {
  background: rgba(255, 255, 255, 0.2);
}

.splash-screen-new-phone-header {
  display: flex;
  background-color: #ffffff;
  box-sizing: border-box;
  padding: 8px 16px;
  padding-top: 16px;
  width: 100%;
  justify-content: space-between;
  flex-shrink: 0;
}
.splash-screen-new-phone-header-image {
  height: 25px;
}
.splash-screen-new-phone-header-button {
  background-color: transparent;
  width: fit-content;
  color: #32a7e8;
  border: 0px;
  height: fit-content;
  padding: 0px;
  font-weight: 700;
}
.splash-screen-new-phone-header-button:hover {
  background-color: transparent;
}
.splash-screen-new-phone-footer-input {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #132c45;
  padding: 16px;
  z-index: 10;
  flex-shrink: 0;
}
.splash-screen-new-phone-footer-input .input-container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.splash-screen-new-phone-footer-input .input-button {
  min-width: 48px;
  height: 48px;
  border-radius: 6px;
  background-color: #32a7e8;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}

@media screen and (max-width: 599px) {
  .splash-container {
    height: 100vh;
    height: 100dvh;
    padding: 0;
  }
  .slide-content {
    height: 90%;
  }
  .carousel-wrapper {
    border-radius: 0;
    max-width: none;
    width: 100%;
    height: 100%;
    box-shadow: none;
  }
  .slide-body {
    height: auto;
    min-height: 120px;
    padding: 16px;
  }
  .slide-body-heading {
    font-size: 16px;
    line-height: 22px;
  }
  .slide-body-description {
    font-size: 14px;
    line-height: 20px;
  }
  .media-container {
    min-height: 250px;
  }
  .navigation {
    bottom: 110px;
  }
  .splash-screen-new-phone-header {
    padding: 12px 16px;
  }
  .splash-screen-new-phone-footer-input {
    padding: 16px;
  }
}
@media screen and (min-width: 600px) {
  .line-break {
    display: none;
  }
  .carousel-wrapper {
    max-width: 800px;
    height: auto;
    min-height: 600px;
  }
  .slide-body {
    height: 120px;
  }
  .nav-btn {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .carousel-wrapper {
    max-width: 900px;
    min-height: 700px;
  }
  .media-container {
    min-height: 400px;
  }
  .slide-body {
    height: 140px;
    padding: 24px;
  }
  .slide-body-heading {
    font-size: 20px;
    line-height: 26px;
  }
  .slide-body-description {
    font-size: 16px;
    line-height: 22px;
  }
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.agent-ready-modal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding: 42px 32px 42px 32px;
  overflow: hidden;
}
.agent-ready-modal-gif {
  padding: 8px;
  border-radius: 24px;
  background-color: #ebf0f7;
}
.agent-ready-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
.agent-ready-modal-content-heading {
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  text-align: center;
}
.agent-ready-modal-content-description {
  font-size: 16px;
  line-height: 22px;
  color: #454545;
  text-align: center;
}
.agent-ready-modal-btn {
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
  width: 100%;
  border: 0px;
}.confirmation-modal {
  display: flex;
  flex-direction: column;
  padding: 42px 32px;
  gap: 24px;
  align-items: center;
}
.confirmation-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  text-align: center;
}
.confirmation-modal-content-heading {
  font-size: 20px;
  line-height: 28px;
  color: #262626;
  text-align: center;
}
.confirmation-modal-content-description {
  font-size: 16px;
  line-height: 22px;
  color: #454545;
}
.confirmation-modal-buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.confirmation-modal-buttons .exit-btn {
  border: 1px solid #32a7e8;
  outline: none;
  background-color: transparent;
  color: #32a7e8;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
}
.confirmation-modal-buttons .continue-btn {
  border: 0px;
  color: #ffffff;
  width: fit-content;
  box-sizing: border-box;
  border-radius: 4px;
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
}.input_text_area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0px;
  letter-spacing: 0.4px;
  line-height: 18px;
}
.input_text_area textarea {
  overflow: auto !important;
  resize: vertical;
}
.input_text_area .input_text_area__title {
  font-size: 14px;
  padding-bottom: 4px;
  font-weight: 400;
  color: #000;
  line-height: 16px;
  height: 16px;
  font-family: "Segoe-UI-VF";
}
.input_text_area .input_text_area__focused {
  color: var(--primary-cyan-prim-p-c6);
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.empty-test-agent-view {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  padding-bottom: 100px;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.empty-test-agent-view-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}
.empty-test-agent-view-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 325px;
}
.empty-test-agent-view-text-heading {
  font-size: 16px;
  color: #262626;
  line-height: 22px;
}
.empty-test-agent-view-text-description {
  font-size: 14px;
  color: #454545;
  line-height: 20px;
}
.empty-test-agent-view-questions {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  overflow: hidden;
  padding-bottom: 10px;
}
.empty-test-agent-view-questions .agent-sample-question {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 10px 14px;
  align-items: center;
  border-radius: 12px;
  border: 1px solid #d9d9d9;
  cursor: pointer;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
  color: #262626;
}
.empty-test-agent-view-questions .agent-sample-question.highlight-question {
  background-color: #1dab62;
  color: #ffffff;
  border: 0px;
}
.empty-test-agent-view-questions .agent-sample-question:hover {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.12);
}
.empty-test-agent-view-questions .agent-sample-question-text {
  font-size: 16px;
  line-height: 22px;
}.file-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #f0f0f0 0%, #ffffff 100%);
  border: 1px solid #d9d9d9;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
}
.file-card-icon {
  width: 28px;
  height: 28px;
}
.file-card-data {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.file-card-data-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.file-card-data-subheading {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.file-card-more {
  position: relative;
}
.file-card-more-icon {
  padding: 8px;
  border-radius: 4px;
  cursor: pointer;
}
.file-card-more-icon:hover, .file-card-more-icon.open-menu {
  background-color: #ebf6fd;
}
.file-card-more-menu {
  position: absolute;
  background-color: #ffffff;
  padding: 4px 0px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.2392156863);
  right: 0px;
  z-index: 999;
}
.file-card-more-menu-item {
  display: flex;
  gap: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.file-card-more-menu-item:hover {
  background-color: #ebf6fd;
}
.file-card-more-menu-item.delete-option {
  color: #dd360c;
}:root {
  --text-black-p-white: #ffffff;
  --text-black-grey1: #fcfcfc;
  --text-black-grey2: #f5f5f5;
  --text-black-grey3: #f0f0f0;
  --text-black-grey4: #d9d9d9;
  --text-black-grey5: #bfbfbf;
  --text-black-grey6: #8c8c8c;
  --text-black-black7: #595959;
  --text-black-black8: #454545;
  --text-black-black9: #262626;
  --text-black-black10: #1f1f1f;
  --text-black-black11: #141414;
  --text-black-p-black: #000000;
  --primary-cyan-prim-c1: #ebf6fd;
  --primary-cyan-prim-c2: #ceeaf9;
  --primary-cyan-prim-c3: #a7d9f5;
  --primary-cyan-prim-c4: #7ec8f1;
  --primary-cyan-prim-c5: #57b7ec;
  --primary-cyan-prim-p-c6: #32a7e8;
  --primary-cyan-prim-c7: #2b8ec5;
  --primary-cyan-prim-c8: #2477a5;
  --primary-cyan-prim-c9: #1d5f84;
  --primary-cyan-prim-c10: #164b68;
  --secondary-blue-b1: #e6f0ff;
  --secondary-blue-b2: #c2dbff;
  --secondary-blue-b3: #91beff;
  --secondary-blue-b4: #5e9fff;
  --secondary-blue-b5: #2e82ff;
  --secondary-blue-p-b6: #0067ff;
  --secondary-blue-b7: #0058d9;
  --secondary-blue-b8: #0049b5;
  --secondary-blue-b9: #003b91;
  --secondary-blue-b10: #002e73;
  --secondary-green-g1: #eaf8f2;
  --secondary-green-g2: #ccefe0;
  --secondary-green-g3: #a3e2c8;
  --secondary-green-g4: #79d4ae;
  --secondary-green-g5: #50c796;
  --secondary-green-p-g6: #2abb7f;
  --secondary-green-g7: #249f6c;
  --secondary-green-g8: #1e855a;
  --secondary-green-g9: #186b48;
  --secondary-green-g10: #135439;
  --secondary-red-r1: #fcebe7;
  --secondary-red-r2: #f7cfc5;
  --secondary-red-r3: #f0a997;
  --secondary-red-r4: #ea8066;
  --secondary-red-r5: #e35a38;
  --secondary-red-p-r6: #dd360c;
  --secondary-red-r7: #bc2e0a;
  --secondary-red-r8: #9d2609;
  --secondary-red-r9: #7e1f07;
  --secondary-red-r10: #631805;
  --secondary-orange-o1: #fff7e6;
  --secondary-orange-o2: #ffebc2;
  --secondary-orange-o3: #ffdb91;
  --secondary-orange-o4: #ffca5e;
  --secondary-orange-o5: #ffba2e;
  --secondary-orange-p-o6: #ffab00;
  --secondary-orange-o7: #d99100;
  --secondary-orange-o8: #b57900;
  --secondary-orange-o9: #916100;
  --secondary-orange-o10: #734d00;
  --secondary-purple-p1: #f4ecff;
  --secondary-purple-p2: #e3d0ff;
  --secondary-purple-p3: #ceabff;
  --secondary-purple-p4: #b784ff;
  --secondary-purple-p5: #a15fff;
  --secondary-purple-p-p6: #8c3cff;
  --secondary-purple-p7: #7733d9;
  --secondary-purple-p8: #632bb5;
  --secondary-purple-p9: #502291;
  --secondary-purple-p10: #3f1b73;
}

.welcome-modal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
  padding: 42px 32px 62px 32px;
}
.welcome-modal-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.welcome-modal-content-greeting {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  text-align: center;
}
.welcome-modal-content-greeting-text {
  font-size: 20px;
  line-height: 32px;
  color: #262626;
}
.welcome-modal-content-greeting-company {
  font-size: 24px;
  line-height: 32px;
  color: #262626;
}
.welcome-modal-content-description {
  font-size: 18px;
  line-height: 22px;
  color: #262626;
  text-align: center;
}@supports (-webkit-touch-callout: none) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }
}
.mobile-whatsapp-simulator {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 50px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
.mobile-whatsapp-simulator-header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  align-self: stretch;
  background: #f6f6f6;
  box-shadow: 0px 0.33px 0px 0px #a6a6aa;
  border-radius: 50px 50px 0px 0px;
  user-select: none;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
}
.mobile-whatsapp-simulator-header .status-bar {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
  padding: 12px 32px;
  padding-bottom: 4px;
  width: 100%;
  box-sizing: border-box;
}
.mobile-whatsapp-simulator-header .status-bar-left-time {
  width: 54px;
  text-align: center;
  color: #171717;
  font-size: 15px;
}
.mobile-whatsapp-simulator-header .profile-bar {
  display: flex;
  flex-direction: row;
  gap: 0px;
  padding: 8px 16px;
  padding-right: 12px;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  background-color: #f5f1eb;
}
.mobile-whatsapp-simulator-header .profile-bar-left {
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex: 1;
  align-items: center;
}
.mobile-whatsapp-simulator-header .profile-bar-left-back {
  padding: 6px;
  padding-right: 12px;
  cursor: pointer;
}
.mobile-whatsapp-simulator-header .profile-bar-left-data {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.mobile-whatsapp-simulator-header .profile-bar-left-data-icon {
  width: 32px;
  height: 32px;
}
.mobile-whatsapp-simulator-header .profile-bar-left-data-details {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.mobile-whatsapp-simulator-header .profile-bar-left-data-details .details-heading {
  font-size: 16px;
  color: #000000;
  letter-spacing: 0.3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 140px;
}
.mobile-whatsapp-simulator-header .profile-bar-left-data-details .details-description {
  font-size: 10px;
  color: #8e8e93;
}
.mobile-whatsapp-simulator-header .profile-bar-right {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
  cursor: pointer;
}
.mobile-whatsapp-simulator-header .profile-bar-right-icon {
  width: 20px;
  height: 20px;
}
.mobile-whatsapp-simulator-header .profile-bar-right-text {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.24px;
  color: #1dab62;
}
.mobile-whatsapp-simulator-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  overflow: hidden;
  flex: 1;
  box-sizing: border-box;
}
.mobile-whatsapp-simulator-footer {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 0px 0px 50px 50px;
  background: #f5f1eb;
  box-shadow: 0px -0.33px 0px 0px #a6a6aa;
  width: 100%;
  box-sizing: border-box;
}
.mobile-whatsapp-simulator-footer-strip {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 12px;
  overflow-x: auto;
  padding-bottom: 0px;
}
.mobile-whatsapp-simulator-footer-strip-left {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  min-height: max-content;
}
.mobile-whatsapp-simulator-footer-strip-left-seperator {
  height: 25px;
  width: 1px;
  background-color: #bfbfbf;
}
.mobile-whatsapp-simulator-footer-strip-left-btn {
  border-radius: 50px;
  border: 1px solid #d9d9d9;
  background-color: #1dab62;
  width: max-content;
  padding: 10px 12px;
  height: 36px;
}
.mobile-whatsapp-simulator-footer-strip-left-btn:hover {
  background-color: #1dab62;
}
.mobile-whatsapp-simulator-footer-strip-right {
  display: flex;
  flex-direction: row;
  gap: 5px;
}
.mobile-whatsapp-simulator-footer-strip-right-btn {
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  width: max-content;
  padding: 10px 12px;
  height: 36px;
}
.mobile-whatsapp-simulator-footer-strip-right .used-btn {
  background: #ffffff;
  color: #595959;
}
.mobile-whatsapp-simulator-footer .chat-bar {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 6px 12px;
  align-items: flex-end;
}
.mobile-whatsapp-simulator-footer .chat-bar-add {
  margin-bottom: 10px;
}
.mobile-whatsapp-simulator-footer .chat-bar-input {
  display: flex;
  flex-direction: row;
  gap: 0px;
  flex: 1;
}
.mobile-whatsapp-simulator-footer .chat-bar-send {
  cursor: pointer;
  margin-bottom: 2px;
}
.mobile-whatsapp-simulator-footer .footer-navigation {
  display: flex;
  width: 100%;
  height: 20px;
  padding-bottom: 9px;
  align-items: flex-end;
  justify-content: center;
}
.mobile-whatsapp-simulator-footer .footer-navigation-bar {
  width: 150px;
  height: 6px;
  background-color: #000000;
  border-radius: 50px;
}
.mobile-whatsapp-simulator-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1000;
}
.mobile-whatsapp-simulator-drawer {
  display: flex;
  flex-direction: column;
  gap: 36px;
  background: white;
  border-radius: 16px 16px 0 0;
  padding: 32px;
  padding-bottom: 24px;
  width: 100%;
  max-height: 80vh;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
  animation: slideUpFromBottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: bottom;
}
.mobile-whatsapp-simulator-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.mobile-whatsapp-simulator-content-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.mobile-whatsapp-simulator-content-text-heading {
  font-size: 20px;
  line-height: 28px;
  color: #262626;
}
.mobile-whatsapp-simulator-content-text-description {
  font-size: 16px;
  line-height: 24px;
  color: #262626;
}
.mobile-whatsapp-simulator-buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mobile-whatsapp-simulator-buttons .whatsapp-btn {
  background-color: #1dab62;
  border: none;
  width: 100%;
}
.mobile-whatsapp-simulator-buttons .more-btn {
  background-color: transparent;
  border: 1px solid #32a7e8;
  outline: none;
  color: #32a7e8;
  width: 100%;
}
.mobile-whatsapp-simulator-image {
  width: 150px;
  height: 150px;
}
.mobile-whatsapp-simulator-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
}

.no-frame {
  border: 0px !important;
  border-radius: 0px !important;
}.generic-table thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  /* border-right: 1px;
  border-right-style: solid;
  border-right-color: #dfe0e0; */
}

.fixActionColumn .generic-table thead th:first-child {
  border-right: 1px;
  /* border-right-style: solid; */
  /* border-right-color: #dfe0e0; */
}

.generic-table tbody td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  /* border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-left-width: 1px;
  border-left-style: solid; */
}
/* .generic-table tbody td:first-child .css-view-175oi2r {
	justify-content: center;
} */
.generic-table tbody td:last-child {
  /* border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; */
  /* border-right-width: 1px; */
  /* border-right-style: solid; */
}

.generic-table tbody td {
  /* border-top: 1px solid;
  border-bottom: 1px solid; */
}

.fixActionColumn .generic-table tbody td:first-child {
  border-right: 1px;
  /* border-right-style: solid; */
  /* border-right-color: #dfe0e0; */
}

.fixActionColumn .generic-table thead th:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 120px !important;
}

.fixActionColumn.cellShadow .generic-table thead th:last-child {
  border-left: 1px;
  border-left-style: solid;
  border-left-color: #dfe0e0;
  box-shadow: -7px -15px 20px 10px rgba(0, 0, 0, 0.04);
}

.fixActionColumn .generic-table tbody td:last-child {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 120px !important;
}

.fixActionColumn.cellShadow .generic-table tbody td:last-child {
  border-left: 1px;
  border-left-style: solid;
  border-left-color: #dfe0e0;
  box-shadow: -2px 2px 6px #0000001f;
}

.fixActionColumn2 .generic-table thead th:nth-last-child(1),
.fixActionColumn2 .generic-table tbody td:nth-last-child(1) {
  position: sticky;
  right: 0;
  z-index: 2;
  min-width: 100px !important;
}

*:focus {
  outline: none;
}

*:focus-visible {
  outline: none;
}

.fixLastRow .generic-table tbody tr:last-child {
  position: sticky;
  bottom: 0;
}

.fixLastRow .generic-table tbody tr:last-child td div {
  height: 55px;
}

.fixActionColumn.custom-table .generic-table.table tr td {
  background-color: transparent !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

.fixActionColumn.custom-table .generic-table.table tr th {
  border-top: 1px solid #d9d9d9 !important;
  border-bottom: 1px solid #d9d9d9 !important;
}

.fixActionColumn.custom-table .generic-table.table tr:hover {
  background-color: #ebf6fd;
}

.customercode_data:hover .tooltip-text {
  visibility: visible !important;
}

@media screen and (max-width: 1440px) {
  .fixActionColumn.custom-table
    .customer-details_sec
    .customer_informaion
    .custmerdata
    .top_sec
    .company_name {
    font-size: 14px;
  }
  .fixActionColumn.custom-table
    .customer-details_sec
    .customer_informaion
    .custmerdata
    .bottom_sec {
    font-size: 12px;
  }
  .fixActionColumn.custom-table .generic-table.table tr td {
    font-size: 14px;
  }
}

@media screen and (min-width: 1441px) {
  .fixActionColumn.custom-table
    .customer-details_sec
    .customer_informaion
    .custmerdata
    .top_sec
    .company_name {
    font-size: 16px;
  }
  .fixActionColumn.custom-table
    .customer-details_sec
    .customer_informaion
    .custmerdata
    .bottom_sec {
    font-size: 14px;
  }
  .fixActionColumn.custom-table .generic-table.table tr td {
    font-size: 16px;
  }
}
.addActionHeadCloseIcon {
  display: flex;
  align-items: center;
  border-radius: 4px;
}

.addActionHeadCloseIcon:hover {
  background-color: #ebf6fd;
}.excel-preview-container1 {
  z-index: 9999999;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  flex-direction: row;
  border-left: 0.5px solid #dfe0e0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.6);
}

.excel-preview-toggle {
  cursor: pointer;
  position: absolute;
  transition: transform 0.3s ease;
}

.excel-preview-shortend-text {
  position: absolute;
  left: -40px;
  z-index: 900000000;
  font-size: 12px;
  font-family: "Seogoe-UI-VF", sans-serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.12em;
  white-space: nowrap;
  transform: rotate(270deg);
  cursor: pointer;
}

.excel-preview-container {
  width: 99.5%;
}

.excel-preview-table-wrapper {
  padding: 0 10px;
  overflow: auto;
}

.excel-preview-table {
  width: 100%;
  border-collapse: collapse;
}

.excel-preview-table-header {
  padding: 10px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  min-width: 100px;
  font-size: 16px;
  white-space: nowrap;
}

.excel-preview-table-cell {
  padding: 10px;
  min-width: 100px;
  border: 1px solid #ccc;
}

.excel-preview-pdf {
  width: 97.5%;
  height: 100%;
}.switch-tab-button-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
}

.swicth-tab-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 115px;
  height: 48px;
  cursor: pointer;
}

.swicth-active-tab-button {
  border-style: solid;
  border-width: 0px;
  border-bottom-width: 3px;
  border-bottom-color: #2c9ad9;
  cursor: pointer;
}

.switch-tab-button-icon-container {
  position: relative;
}

.switch-tab-button-info {
  background-color: #dd360c;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 8px;
  border-radius: 14px;
  padding: 2px 4px;
}.custom-filters-list-item {
  background-color: transparent;
  min-height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 15px;
  cursor: pointer;
}
.custom-filters-list-item:hover {
  background-color: #e8f4fb;
}

.custom-filters-root {
  cursor: pointer;
}

.custom-filters-popup-container {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-width: 1px;
  border-style: solid;
  width: 332px;
  min-height: 300px;
  max-height: 550px;
  background-color: #fff;
  border-color: rgba(201, 204, 214, 0.5019607843);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.0392156863);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.custom-filters-popup-container .custom-filters-top-container {
  display: "flex";
  flex-direction: column;
}
.custom-filters-popup-container .custom-filters-top-container .custom-filters-popup-header-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #164b68;
  padding-left: 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 28px;
}
.custom-filters-popup-container .custom-filters-top-container .custom-filters-popup-header-container .custom-filters-popup-header-text {
  font-size: 14px;
  color: #fff;
}
.custom-filters-popup-container .custom-filters-top-container .hrLine {
  width: 100%;
  height: 1px;
  background-color: #dfe0e0;
}
.custom-filters-popup-container .hrLine {
  width: 100%;
  height: 1px;
  background-color: #dfe0e0;
}.product-segment-tag {
  display: inline-block;
  padding: 2px 4px;
  color: white;
  font-size: 20px;
  font-family: sans-serif;
  text-align: center;
  border-radius: 4px;
  position: relative;
}

/* circular cut-outs */
.more-chip-tags-count {
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 4px;
  font-size: 10px;
  min-width: 24px;
  display: flex;
  align-items: center;
  width: max-content;
}

.more-chip-tags-popup {
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1607843137);
  width: 150px;
  padding: 8px 8px;
  gap: 4px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  max-height: 240px;
  overflow-y: scroll;
}
.more-chip-tags-popup .chip-tag {
  background-color: #f0f0f0;
  padding: 4px 8px;
  margin-bottom: 1px;
}.screen-stepper {
  display: flex;
  justify-content: center;
  gap: 12px;
  align-items: center;
  min-width: 72%;
}

.screen-stepper-step-circle {
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color: white;
  font-size: 0.75rem;
}

.screen-stepper-step-circle-inactive {
  background-color: #8c8c8c;
}

.screen-stepper-step-circle-active {
  background-color: #36a7e8;
}

.screen-stepper-step-circle-completed {
  background-color: #2abb7f;
}

.screen-stepper-step-text {
  white-space: nowrap;
}

.screen-stepper-step-text-inactive {
  color: #8c8c8c;
}

.screen-stepper-step-text-active {
  color: #36a7e8;
}

.screen-stepper-step-text-completed {
  color: #2abb7f;
}

.screen-stepper-step-divider-active,
.screen-stepper-step-divider-inactive,
.screen-stepper-step-divider-completed {
  height: 2px;
  border-radius: 10px;
  flex-shrink: 0;
  width: 9%;
}

.screen-stepper-step-divider-active {
  background-color: #36a7e8;
}

.screen-stepper-step-divider-inactive {
  background-color: #9295a5;
}

.screen-stepper-step-divider-completed {
  background-color: #2abb7f;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .screen-stepper {
    gap: 0.5rem;
  }
  .screen-stepper-step-circle {
    height: 1.5rem;
    width: 1.5rem;
    min-width: 1.5rem;
    font-size: 0.65rem;
  }
  .screen-stepper-step-text {
    font-size: 0.75rem;
  }
  .screen-stepper-step-divider-active,
  .screen-stepper-step-divider-inactive,
  .screen-stepper-step-divider-completed {
    width: 2.5rem;
  }
}
@media (max-width: 480px) {
  .screen-stepper {
    flex-direction: column;
    align-items: flex-start;
  }
  .screen-stepper-step-divider-active,
  .screen-stepper-step-divider-inactive,
  .screen-stepper-step-divider-completed {
    display: none;
  }
}.custom-scroll-footer {
  z-index: 999999;
  bottom: 8;
  justify-content: center;
  align-items: center;
}

.custom-scroll-content-footer {
  width: 98%;
  height: 55px;
  border-radius: 12px;
  padding-left: 10px;
  padding-right: 10px;
  flex-direction: row;
  align-items: center;
  border-color: rgba(43, 53, 95, 0.1019607843);
  border-width: 1px;
  border-style: solid;
  overflow-x: hidden;
  display: flex;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.scroll-content-footer {
  display: flex;
  padding-left: 29vw;
}

@keyframes scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
.scroll-footer-item-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 30px;
  min-width: 100px;
}

.scroll-footer-item-vr-line {
  width: 0px;
  background-color: #808285;
  margin-right: 30px;
  height: 38px;
}

.scroll-footer-item-heading {
  font-size: 12px;
  color: #8c8c8c;
}

.scroll-footer-item-description {
  font-size: 12px;
  color: #676769;
}.drill-down-text {
  cursor: pointer;
  padding: 4px;
}

.drill-down-text:hover {
  background-color: #e9ebf8;
}.product_item_default_img {
  min-width: 60px;
  min-height: 60px;
  border-radius: 6px;
  object-fit: cover;
}.template-preview-container {
  display: flex;
  max-width: 328px;
  width: 100%;
  max-height: 528px;
  height: 100%;
  flex-direction: column;
  border-radius: 16px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.16);
  background-color: #efe6dd;
}
.template-preview-container .template-preview-container-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
  padding: 16px 12px;
  box-sizing: border-box;
  background: #008069;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  color: white;
}
.template-preview-container .template-preview-container-header-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.template-preview-container .template-preview-container-header-arrow .left-back-arrow {
  fill: white;
  color: white;
}
.template-preview-container .template-preview-container-header-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  flex: 1;
}
.template-preview-container .template-preview-container-header-end {
  display: flex;
  justify-content: center;
  align-items: center;
}
.template-preview-container .template-preview-container-header-end .kebab-menu-icon {
  fill: white;
  color: white;
}
.template-preview-container .template-preview-container-body {
  display: flex;
  justify-content: flex-start;
  flex: 1;
  overflow: auto;
  align-items: flex-start;
  padding: 16px 12px;
  box-sizing: border-box;
  gap: 4px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 12px;
  padding-block: 12px;
  box-sizing: border-box;
  border-top-left-radius: none;
  border-top-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: #ffffff;
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.12);
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-default-text {
  padding-inline: 12px;
  font-size: 14px;
  justify-self: center;
  line-height: 20px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header {
  padding-inline: 12px;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header-img {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header img {
  width: 100%;
  height: auto;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: contain;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-image {
  display: flex;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-video {
  display: flex;
  width: 100%;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  object-fit: contain;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-document-preview {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 12px;
  box-sizing: border-box;
  background-color: #f0f0f0;
  align-items: center;
  border-radius: 8px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-document-preview-start {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  gap: 5px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-document-preview-name {
  color: #000000;
  font-size: 14px;
  line-height: 20px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-header .media-preview-document-preview-end {
  display: flex;
  align-items: center;
  justify-self: flex-end;
  gap: 5px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-body {
  font-size: 14px;
  line-height: 20px;
  overflow: wrap;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  width: 100%;
  padding-inline: 12px;
  box-sizing: border-box;
  gap: 8px;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-footer {
  font-size: 14px;
  line-height: 20px;
  overflow: wrap;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  width: 100%;
  padding-inline: 12px;
  box-sizing: border-box;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: transparent;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-buttons-button-divider {
  display: flex;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}
.template-preview-container .template-preview-container-body .template-preview-container-body-template-buttons-button-style {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  color: #1e855a;
  cursor: pointer;
  width: 100%;
}
.template-preview-container .template-preview-container-footer {
  display: flex;
  justify-self: flex-end;
  justify-content: center;
  padding-block: 12px;
  align-items: center;
  width: 100%;
}.template-preview-header-component {
  display: flex;
  width: 100%;
  flex: 1;
  gap: 5px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.template-preview-header-component .header-preview {
  display: flex;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
}.rdrCalendarWrapper {
  box-sizing: border-box;
  background: #ffffff;
  display: inline-flex;
  flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-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;
      -ms-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;
      -ms-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;
      -ms-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;
}
.seller-design-system-date-range-calendar {
  /* Override default styles for the DateRangePicker component */
  /* Style the date range selection background color */
  /* Style the selected range background color */
  /* Style the hover background color */
  /* .rdrDayPassive{
    color: #E1EBF3 !important;
  } */
  /* .rdrDayHovered {
    border-color: #4481B4 !important;
    background-color: #4481B4  !important;
    color: #fff !important;
  } */
  /* .rdrStartEdge {
    color: #4481B4 !important;
  }
  .rdrEndEdge {
    color: #4481B4 !important;
  } */
  /* .rdrCalendarWrapper {
    background-color: #fff;
  }
  .rdrCalendarWrapper2 {
    background-color: #21222b;
  } */
  /* .rdrMonthAndYearPickers {
    color: #000!important;
  } */
  /* .rdrDayInPreview .rdrDayEndPreview{
    border-color:  #4481B4 !important;
    color:  #4481B4 !important;
  } */
}
.seller-design-system-date-range-calendar .DateRangePicker {
  /* Set the font color to white */
  color: #34a7e8;
}
.seller-design-system-date-range-calendar .DateRangePicker .rdrDefinedRangesWrapper .rdrDefinedRangesItem:not(.rdrSelectedRange) {
  /* Set the background color to the desired color code */
  background-color: "white";
}
.seller-design-system-date-range-calendar .DateRangePicker .rdrDateRangeWrapper .rdrSelected,
.seller-design-system-date-range-calendar .DateRangePicker .rdrDateRangeWrapper .rdrInRange {
  /* Set the background color to the desired color code */
  background-color: #34a7e8;
}
.seller-design-system-date-range-calendar .DateRangePicker .rdrDateRangeWrapper .rdrInRange:not(.rdrSelected) {
  /* Set the background color to a lighter shade of the desired color code */
  background-color: #a7c2d6;
}
.seller-design-system-date-range-calendar .rdrDateRangeWrapper {
  background: transparent;
}
.seller-design-system-date-range-calendar .rdrDayPassive .rdrInRange,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrStartEdge,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrEndEdge,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrSelected,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrDayStartPreview,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrDayInPreview,
.seller-design-system-date-range-calendar .rdrDayPassive .rdrDayEndPreview {
  display: none !important;
}
.seller-design-system-date-range-calendar .drcMonthDateYearPickers {
  display: none;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper {
  background: #21222b !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrSelected span {
  color: #34a7e8 !important;
  background-color: #34a7e8 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrDayNumber span,
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrMonthAndYearPickers {
  color: #fff;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrDayPassive {
  pointer-events: none;
}
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper {
  background: #fff !important;
  font-family: "Seogoe-UI-VF", Tahoma, Geneva, Verdana, sans-serif;
}
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrSelected span {
  color: #34a7e8 !important;
  background-color: #34a7e8 !important;
}
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrDayNumber span,
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrMonthAndYearPickers,
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrMonthName {
  color: #000;
}
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrInRange,
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrStartEdge,
.seller-design-system-date-range-calendar .zonoDigitalCalenderWrapper .rdrEndEdge {
  background-color: #34a7e8 !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper {
  background: #fff !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrSelected span {
  color: #4481b4 !important;
  background-color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrDayNumber span,
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrMonthAndYearPickers,
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrMonthName {
  color: #000;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrInRange,
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrStartEdge,
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrEndEdge {
  background-color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .rdrDefinedRangesWrapper {
  display: none !important;
}
.seller-design-system-date-range-calendar .rdrDateRangePickerWrapper {
  align-self: center;
}
.seller-design-system-date-range-calendar .rdrDateDisplayWrapper {
  background-color: transparent;
}
.seller-design-system-date-range-calendar .rdrDateDisplayItem {
  background-color: transparent;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrDateDisplayItemActive input {
  color: #fff;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrDateDisplayItemActive input {
  color: #000;
}
.seller-design-system-date-range-calendar .rdrMonthAndYearPickers select {
  color: #fff;
}
.seller-design-system-date-range-calendar .rdrDefinedRangesItem:not(.rdrSelectedRange) {
  color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .rdrDayPassive.rdrDayNumber span {
  color: #4481b4;
}
.seller-design-system-date-range-calendar .rdrInRange {
  color: #4481b4;
}
.seller-design-system-date-range-calendar .rdrDayNumber .light span {
  color: #000;
}
.seller-design-system-date-range-calendar .rdrDayNumber .dark span {
  color: white;
}
.seller-design-system-date-range-calendar .custom-calendar {
  box-shadow: 0 1em 3em rgba(156, 136, 255, 0.2);
  margin-left: 20px;
}
.seller-design-system-date-range-calendar .rdrMonthName {
  text-align: center;
  font-weight: 600;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrSelected span {
  color: rgb(232, 91, 73) !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrSelected span {
  color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrDateDisplayItemActive input {
  color: #fff !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrDateDisplayItemActive input {
  color: #000 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrStartEdge {
  color: rgb(232, 91, 73) !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrStartEdge {
  color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrEndEdge {
  color: rgb(232, 91, 73) !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrEndEdge {
  color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrInRange {
  color: rgb(232, 91, 73) !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrInRange {
  color: #4481b4 !important;
}
.seller-design-system-date-range-calendar .lightModeCalenderWrapper .rdrDayToday .rdrDayNumber span:after {
  background: #4481b4 !important;
}
.seller-design-system-date-range-calendar .darkModeCalenderWrapper .rdrDayToday .rdrDayNumber span:after {
  background: rgb(232, 91, 73) !important;
}.price-list-dropdown {
  position: relative;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Seogoe-UI-VF", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.price-list-dropdown__input-container {
  position: relative;
  background-color: white;
  overflow: hidden;
}
.price-list-dropdown__input {
  width: 100%;
  padding: 10px 12px;
  border: none;
  font-size: 16px;
  outline: none;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  font-family: "Seogoe-UI-VF";
}
.price-list-dropdown__input:focus {
  border: 1px solid #32a7e8;
}
.price-list-dropdown__input:hover {
  border: 1px solid #000;
}
.price-list-dropdown__input::placeholder {
  color: #bfbfbf;
}
.price-list-dropdown__toggle-button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
  background: transparent;
  border: none;
  cursor: pointer;
}
.price-list-dropdown__toggle-icon {
  width: 20px;
  height: 20px;
  color: #4a5568;
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}
.price-list-dropdown__toggle-icon--open {
  transform: rotate(0deg);
}
.price-list-dropdown__options-container {
  position: absolute;
  z-index: 100;
  width: 100%;
  margin-top: 0.25rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  max-height: 20rem;
  overflow-y: auto;
}
.price-list-dropdown__options-container::-webkit-scrollbar {
  width: 6px;
}
.price-list-dropdown__options-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.price-list-dropdown__options-container::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}
.price-list-dropdown__option {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  cursor: pointer;
  border-bottom: 1px solid #f7fafc;
  transition: background-color 0.15s ease;
}
.price-list-dropdown__option:hover {
  background-color: #ebf6fd;
}
.price-list-dropdown__option:last-child {
  border-bottom: none;
}
.price-list-dropdown__option--selected {
  background-color: #ebf8ff;
}
.price-list-dropdown__option--selected .price-list-dropdown__title {
  color: #3182ce;
}
.price-list-dropdown__option--selected:hover {
  background-color: #bee3f8;
}
.price-list-dropdown__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
}
.price-list-dropdown__content {
  flex: 1;
}
.price-list-dropdown__title {
  font-weight: 500;
  color: #1a202c;
  margin-bottom: 0.25rem;
}
.price-list-dropdown__details {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  color: #718096;
}
.price-list-dropdown__subtitle {
  margin-right: 0.25rem;
}
.price-list-dropdown__dot {
  margin: 0 0.25rem;
  font-size: 0.75rem;
  color: #718096;
}
.price-list-dropdown__date {
  margin-left: 0.25rem;
}
.price-list-dropdown__no-options {
  padding: 0.75rem 1rem;
  color: #a0aec0;
  font-style: italic;
  text-align: center;
}.price-list-container {
  max-width: 700px;
  padding: 0px;
  padding-left: 0px;
}

.price-list-title {
  font-size: 20px;
  font-weight: 600;
  margin: 0 0 16px 0;
  padding: 0 8px;
}

.price-list-items {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.price-list-items .no-data-text {
  font-size: 14px;
  line-height: 16px;
  color: #8c8c8c;
}

.price-list-header {
  display: flex;
  gap: 8px;
  align-items: center;
}

.price-list-item {
  display: flex;
  align-items: center;
  padding: 8px 0px;
  border-bottom: 1px solid #d9d9d9;
}
.price-list-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.price-list-icon {
  width: 40px;
  height: 40px;
  color: #666;
  background-color: #f5f5f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
}
.price-list-icon svg {
  width: 24px;
  height: 24px;
}

.price-list-content {
  flex: 1;
}

.price-list-item-title {
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 0px 0;
}

.price-list-item-subtitle {
  font-size: 14px;
  color: #666;
  margin: 0;
}

.price-list-status {
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}
.price-list-status.active {
  background-color: #ccefe0;
  color: #135439;
}
.price-list-status.expired {
  background-color: #ffebee;
  color: #c62828;
}.Toastify__toast-container .transaction {
  border-left: 4px solid #ffab00;
}
.Toastify__toast-container .customer_thread {
  border-left: 4px solid #2abb7f;
}
.Toastify__toast-container .reminder {
  border-left: 4px solid #8c3cff;
}
.Toastify__toast-container .wapp_groups_synced {
  border-left: 4px solid #8c3cff;
}

:root {
  --toastify-toast-width: 450px;
}.seller-tags-list {
  display: flex;
  gap: 4px;
  flex-direction: row;
  margin-bottom: 5px;
}

.seller-chip-tag {
  padding-inline: 4px;
  padding-right: 6px;
  font-size: 12px;
  letter-spacing: -0.08px;
  line-height: 12px;
  border-radius: 3px;
  display: flex;
  gap: 2px;
  font-weight: 400 !important;
  height: 20px;
}

.seller-more-chip-tags-count {
  background-color: #d5d5d5;
  border-radius: 2px;
  padding-inline: 4px;
  padding-right: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
}

.seller-more-chip-tags-popup {
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1607843137);
  width: 100px;
  padding: 4px;
  gap: 4px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}.custom-search-component {
  display: flex;
  align-items: center;
  border: 1px solid #32a7e8;
  border-radius: 8px;
  padding: 6px 10px;
  background-color: #fff;
}
.custom-search-component input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
  margin: 0 8px;
  color: #444;
  font-family: "Segoe-UI-VF";
  font-size: 14px;
  width: 180px;
}
.custom-search-component input::placeholder {
  color: #7a7a7a;
}
.custom-search-component .icon {
  font-size: 20px;
  cursor: pointer;
}
.custom-search-component .search-icon {
  color: #7a7a7a;
}
.custom-search-component .clear-icon {
  color: #e44f2d;
}
.custom-search-component .enter-hint {
  background: #f0f0f0;
  border-radius: 4px;
  padding: 2px 6px;
  color: #666;
  margin-right: 8px;
}.empty-view-new {
  display: flex;
  flex: 1;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  gap: 16px;
  flex-direction: column;
}
.empty-view-new-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
.empty-view-new-text-heading {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.empty-view-new-text-subheading {
  font-size: 14px;
  line-height: 20px;
  color: #595959;
  text-align: center;
}.card-spotlight {
  position: relative;
  border-radius: 6px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  overflow: hidden;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --spotlight-color: rgba(255, 255, 255, 0.05);
}
.card-spotlight-completed {
  border: none !important;
}

.card-spotlight::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.card-spotlight:hover::before,
.card-spotlight:focus-within::before {
  opacity: 0.6;
}.progress-bar-container {
  width: 100%;
}

.progress-bar-track {
  height: 12px;
  background-color: #e5e7eb;
  border-radius: 9999px;
  overflow: hidden;
}

.progress-bar-fill {
  height: 100%;
  background-color: #32a7e8;
  border-radius: 9999px;
  transition: width 0.3s ease;
}

.progress-bar-label {
  text-align: center;
  color: #374151;
  margin-top: 8px;
  font-size: 14px;
}.custom-beacon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--secondary-red-p-r6);
  position: absolute;
  top: 20%;
  z-index: 999999999;
  left: -20%;
  animation: pulse 2s infinite ease-in-out;
  transition: all 0.3s ease-in-out;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(var(--secondary-red-p-r6-rgb), 0.7);
  }
  70% {
    transform: scale(1.2);
    box-shadow: 0 0 0 10px rgba(var(--secondary-red-p-r6-rgb), 0);
  }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(var(--secondary-red-p-r6-rgb), 0);
  }
}.toast-new {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  padding: 12px 24px;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 999999999999999;
  opacity: 0;
  animation: toast-slide-down 0.3s forwards;
  background-color: #333;
}
.toast-new__icon {
  margin-right: 4px;
}
.toast-new__message {
  font-size: 14px;
  color: #fff;
  margin-bottom: 2px;
}
.toast-new--success {
  background-color: #333; /* dark background like your design */
}
.toast-new--error {
  background-color: #333;
}

@keyframes toast-slide-down {
  from {
    opacity: 0;
    transform: translate(-50%, -10px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}.searchable-dropdown {
  position: relative;
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Seogoe-UI-VF", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.searchable-dropdown__input-container {
  position: relative;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  background-color: white;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 10px 12px;
}
.searchable-dropdown__input-container:focus {
  border: 1px solid #32a7e8;
}
.searchable-dropdown__input-container:hover {
  border: 1px solid #000;
}
.searchable-dropdown__input {
  width: 100%;
  border: none;
  font-size: 16px;
  outline: none;
  font-family: "Seogoe-UI-VF";
  flex: 1;
}
.searchable-dropdown__input:focus::placeholder {
  color: #bfbfbf;
}
.searchable-dropdown__input::placeholder {
  color: #bfbfbf;
}
.searchable-dropdown__input.selected::placeholder {
  color: #000000;
}
.searchable-dropdown__input.selected:focus::placeholder {
  color: #bfbfbf;
}
.searchable-dropdown__toggle-icon {
  cursor: pointer;
  width: 20px;
  height: 20px;
  color: #4a5568;
  transition: transform 0.2s ease;
  transform: rotate(180deg);
}
.searchable-dropdown__toggle-icon--open {
  transform: rotate(0deg);
}
.searchable-dropdown__options-container {
  position: absolute;
  z-index: 100;
  width: 100%;
  margin-top: 0.25rem;
  background-color: white;
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  max-height: 20rem;
  overflow-y: auto;
}
.searchable-dropdown__options-container::-webkit-scrollbar {
  width: 6px;
}
.searchable-dropdown__options-container::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.searchable-dropdown__options-container::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 3px;
}
.searchable-dropdown__option {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  cursor: pointer;
  border-bottom: 1px solid #f7fafc;
  transition: background-color 0.15s ease;
}
.searchable-dropdown__option:hover {
  background-color: #ebf6fd;
}
.searchable-dropdown__option:last-child {
  border-bottom: none;
}
.searchable-dropdown__option--selected {
  background-color: #ebf8ff;
}
.searchable-dropdown__option--selected .price-list-dropdown__title {
  color: #3182ce;
}
.searchable-dropdown__option--selected:hover {
  background-color: #bee3f8;
}
.searchable-dropdown__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
  min-width: 40px;
  min-height: 40px;
  border-radius: 50%;
  background-color: #f5f5f5;
}
.searchable-dropdown__content {
  flex: 1;
}
.searchable-dropdown__title {
  font-weight: 500;
  color: #1a202c;
  margin-bottom: 0.25rem;
}
.searchable-dropdown__no-options {
  padding: 8px 12px;
  color: #a0aec0;
  font-style: italic;
  text-align: center;
}.ag-filter-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-filter-panel-buttons-button {
  line-height: 1.5;
}

.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}

.ag-filter-panel > *:where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}

.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}

.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}

.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}

.ag-measurement-container {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}

.ag-icon-column-arrow::before {
  content: var(--ag-icon-font-code-column-arrow, "\f13a");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}

.ag-icon-column-arrow::after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}

.ag-icon-un-pin::before {
  content: var(--ag-icon-font-code-un-pin, "\f13b");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}

.ag-icon-un-pin::after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}

.ag-icon-pinned-bottom::before {
  content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}

.ag-icon-pinned-bottom::after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}

.ag-icon-pinned-top::before {
  content: var(--ag-icon-font-code-pinned-top, "\f13f");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}

.ag-icon-pinned-top::after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}

.ag-icon-chevron-up::before {
  content: var(--ag-icon-font-code-chevron-up, "\f140");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}

.ag-icon-chevron-up::after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}

.ag-icon-chevron-down::before {
  content: var(--ag-icon-font-code-chevron-down, "\f141");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}

.ag-icon-chevron-down::after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}

.ag-icon-chevron-left::before {
  content: var(--ag-icon-font-code-chevron-left, "\f142");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}

.ag-icon-chevron-left::after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}

.ag-icon-chevron-right::before {
  content: var(--ag-icon-font-code-chevron-right, "\f143");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}

.ag-icon-chevron-right::after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}

.ag-icon-filter-add::before {
  content: var(--ag-icon-font-code-filter-add, "\f144");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}

.ag-icon-filter-add::after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}

.ag-icon-edit::before {
  content: var(--ag-icon-font-code-edit, "\f145");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}

.ag-icon-edit::after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-tooltip-error-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 10%
  );
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-range-header-highlight-color: color-mix(
      in srgb,
      var(--ag-header-background-color),
      var(--ag-foreground-color) 8%
  );
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-full-row-invalid-background-color: color-mix(
      in srgb,
      var(--ag-background-color),
      var(--ag-invalid-color) 25%
  );
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-error-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-pagination-panel-height: var(--ag-header-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-row-numbers-selected-color: #bbb;
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-background-color: #ffa500;
  --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

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

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-viewport {
  position: relative;
}

.ag-spanning-container {
  position: absolute;
  top: 0;
  z-index: 1;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
  min-height: 1px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  z-index: 1;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-floating-bottom-container,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-spanned-cell-wrapper {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  line-height: initial;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
  height: 100%;
  min-height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: 0.8;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-date-floating-filter-wrapper {
  display: flex;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top,
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-context-menu-loading-icon {
  position: absolute;
  pointer-events: none;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  contain: paint;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-row-number-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
}
.ag-ltr .ag-row-number-cell {
  text-align: right;
}
.ag-rtl .ag-row-number-cell {
  text-align: left;
}

.ag-row-numbers-resizer {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}

.ag-floating-bottom .ag-row-numbers-resizer {
  bottom: unset;
  top: -2px;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):focus.invalid, input[class^=ag-]:not([type]):focus:invalid,
input[class^=ag-][type=text]:focus.invalid,
input[class^=ag-][type=text]:focus:invalid,
input[class^=ag-][type=number]:focus.invalid,
input[class^=ag-][type=number]:focus:invalid,
input[class^=ag-][type=tel]:focus.invalid,
input[class^=ag-][type=tel]:focus:invalid,
input[class^=ag-][type=date]:focus.invalid,
input[class^=ag-][type=date]:focus:invalid,
input[class^=ag-][type=datetime-local]:focus.invalid,
input[class^=ag-][type=datetime-local]:focus:invalid,
textarea[class^=ag-]:focus.invalid,
textarea[class^=ag-]:focus:invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
  border-color: var(--ag-invalid-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
input[class^=ag-][type=button]:focus:invalid, input[class^=ag-][type=button]:focus.invalid,
button[class^=ag-]:focus:invalid,
button[class^=ag-]:focus.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus.invalid, .ag-picker-field-wrapper:focus-within.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-picker-field-wrapper.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-not-allowed {
  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-cell-editor-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row,
.ag-spanned-row {
  color: var(--ag-data-color);
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}

.ag-spanned-cell-wrapper {
  background-color: var(--ag-background-color);
  position: absolute;
}

.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}

.ag-row-highlight-above::after,
.ag-row-highlight-inside::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
  pointer-events: none;
}

.ag-row-highlight-above::after {
  top: 0;
}

.ag-row-highlight-below::after {
  bottom: 0;
}

.ag-row-highlight-indent::after {
  display: block;
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  right: 1px;
}

.ag-row-highlight-inside::after {
  display: block;
  width: auto;
  height: auto;
  inset: 0;
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-header-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-find-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}

.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-cell-range-selected.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-cell-range-selected-1.ag-cell-range-chart,
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-cell-range-selected-2.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-cell-range-selected-3.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-cell-range-selected-4.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: crosshair;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option {
  position: relative;
}

.ag-menu-option:focus-visible {
  outline: none;
}
.ag-menu-option:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-tool-panel-external {
  display: flex;
  flex-direction: row;
}

:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
  flex-grow: 1;
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-panel-container {
  flex: 1;
  overflow: auto;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}

.ag-filter-panel-container > *:not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
  padding-left: var(--ag-grid-size);
}

.ag-filter-card-heading {
  flex: 1;
  overflow: hidden;
  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-expand {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.ag-filter-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-filter-card-expand-icon {
  display: flex;
  flex: 1;
  justify-content: end;
}

.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}

.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}

.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
  transition: color 0.25s ease-in-out;
}

.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}

.ag-filter-card-expand,
.ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}

.ag-filter-card-summary,
.ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}

.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}

.ag-filter-card-add {
  padding: 0;
  border: 0;
}

.ag-filter-add-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: 1.5;
}

.ag-ltr .ag-filter-add-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-add-button-label {
  margin-right: var(--ag-grid-size);
}

.ag-filter-add-select {
  border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: unset;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
  padding: unset;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-buttons {
  display: contents;
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}

.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}

.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}

.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}

.ag-ltr .ag-row-number-header,
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
}

.ag-rtl .ag-row-number-header,
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
}

.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}

.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
}

.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within, .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within, .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridAlpine";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABYgAAsAAAAALyQAABXQAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItKBmAAjRIKsnypPAE2AiQDgmgLgTYABCAFhEYHhkUb5ChlBGwcAPHYSUAUJXMzElFBKc7+/0OCNkaI+HHamlJAkxnRpkST9u5ev/XGo7HZ035fr+JSYjDQIxFCWGJJ+6YxMUvnue2AIcfQec/9TxyzDZTDDklCkyCaI2eTPIFCoQglYwnoVTWgkdWvqzSBuxL6oJvfK4Q2Nf1e/WIGJBCkhlRO1KbxhvmW4Tb7g7b1D1aMZi3Qw8JCGxAFdZeoOfPrYmIHRh1cVOFV4EV6tVcV/NCL1F8BMAPPRvjg6LaLSWM0WLep3KputKobOSFhZkUdODWgZfeY8cias1X5JN/kS4KsGbImgtTdy+Qruj9T33KtSeYblnPKmO33ve4YdJiEk3hCnEsE/J/Osl0dIM8RF9311HWj0ayt769Zr+yj2VkirY50rAPiMFTE1vryYh97Q6gAVUmZVMBluiv69KmpaFKWVzRtsJRDGT6AzS4lSHGaK8KIXfb4FbnoxjTweISSY6tjbNUNbLWRhCgWYOTFR74dASptuyRNzbgBMmcPfXqDacTsugHPq8fZU0/vg3aTyJIugYZcck9G08gn/6MlxsdGNphfLyrJfKEv+ktayai6TRFJ2jw3HaNRcQaTIInSqzFNFpusbE7CLZikJNMHQhMInSHMlm6VbUmOysuxfl9XgONjp880mt/YZdmlYQorFAZNG6dIqdt1SSiKG2D6bC6VXb31AqonpBI8jCdP0eNgXNfIV7hcibwdknClcOsWC394MdNnbLkix+j816h2yuqSa6zocJnsLyjbEU9d3BRihC2EwdEJtuuq5vomrk/lbtncSl9HMD1cA/m7r4yJylh0zvPIFxuS/C2wHy6P4sw1iRR62a4rrI++rYsZ4TbRasVA6BD9g8j/XJDGtopQDas3ljfP883PAzd9jCJSDX6MjvyoifbiSXcnnrBS0cbGD77L1Ivt+qnCmloQdxIPnfFE5dbYxtLul9I4LLi9RRRuXIoZ6mJdXxj9YkZ3lFQBf/24Wspwbhu5IhHu+yIZiVElJd5NxulUjofGeM4k1pWBcLxn7EtdGxEtTV6OoMD2Dynh0gfRaDZbCpgdNZA50NyhLPmwSEckTFu2azYrP2wcQTODPfKIcKoelY2fLvhPRilazL0Gu8Ee+d/UlPNXbdN0zKFUPUbdOWNMrXOmQbzTDjQmgkJW3P4hyhrKVs3Onktk9IfemxLcnwbHhKihbIJMEorJWadV69/zyhcn0ktQrI39YuAnhvv6TiXSLOGGFtGDEIenklUDthYlAsUs/DwcZlB7SI0sts2Tv35FqmrdVVbhli/2w1WecrCRBFayoJ5zcUSGesJEXr8rOlwev+5fzgjJ/sQjNMjWs6PAvfsfPp7rCyqQUXLMXtHacf4Iv3Ulnpuxu5BSTu1bUA2QOHsOOkEBWf/yqugkP7J7TKSQtFUtWgZvZcNz7/xIf+L//+ty30sfEkzY6y1mMmTm61ctO/YLAlFdzmGOowPPNXS45V1iCkPJJTBk6RkYi5DIiGxRMVRcQlJKupNbVk5eQVFJWcWESVNjmGn8CXFOVU1dQ1PLvAWLlixbsWrNug2bttRt27FLlrNn34FDR46dOHXm3IVLV64hSjGbyZv8nz++6nhspLUNdJZ8YYbQF3gwtHqDMarpqoHioMV7Qdc12QQOkXFwmKyCI2QRHCWbwTEyBY6TneAEmQAnyTI4RWbAGbICzpIlcI5sAefJHLhAZsFFsg1cJpPgClkAV8k0uEa2gutkB7hB5sFNsgZuke1gPXi7IAG5BwqQAAuIgAqYgAuEQAqUQAuMwAqcwAuCIAqSIAuKoAqaoAuGYAqWYAuO4Aqe4AuBEAqREAuJkAqZkAuFUAqVUAuN0Aqd0PufbpD3RmESZiOHtIx6SGvWswm7cAincAkP4Sm8hLcxBOkzhiF9s72f8OceoAq7b8+zAZ5CWRdUtpmVxGsP8ygXBJTmrozg42KFpY/8FV+C1U1GlK/Nt2INUfnMt9tqzvELDn+OJFk73rWP8mrGiMtVNQRFhZVsKQcCWZmMJBVx4npYwQ5xoUL/zWazUzZZKr9dtBojspEykZTSNhnXrjbdJD03A6kmVSRnlM3qYLAtAzDWlXsyqUb7fFZbhqeddiXVH5NuQwDpESLHXvH4lrUAoAQEYYCzYDehixhflaAkzvsoYYspjxHWHee8DJkkd2E3TSuSZpI6u+i00cXirS4Ga/4Bdn7BSIqzNOVJomEPYhggFbuQ9op57xjw6cfv41ethyeh3zjxYIvCqUrvT7MjBMOa7xX/PoQNyhdUkr/klOYi5bZDQH9uvYTGlNIELeQN9yAXzlhe7EYuTZaMSKMFzGfAg71B6lfoz3FQNsBrvECdAW9whVpNMFEkpipcc1hT7LmAL4MW/ty7ENziD9KCUMS4s08vlMvIPFAtlXZAY+/Ri9g6fxjoOdMRS1VkHgP69opVG5jPWzbVD51D5hjnqBOZi0UbWzVolA6IB6pHjKO1pfZXirma5pTMMtBtWxi9X7ArRU55PgoLe20dREgul+44IhPFMvzFFYqzs3ZaWKbygo2GXq+bzSY03makchwQTTRaLWzN7jXPHdIPn7cuHjWOXFhpPuuZDMYLlWbyO6qnIlqKuNddYV/IakNtzgzzGwexVWmnPNoiXWMP0McRahvt7DMPiEy3c+9DZhUaaxQ1SeiKVIK29LpiKkSO1RfFFqXqqN5sMjF6skXP1ac1ugJbPNUnzOTKBEtebEL9JNrizao2N1gtX9brRKqwr0VeDtabJZnYK0Rjk6dfXY0A4mYwvJKCNOQbGE8RqmAX4ghiah3ManJKDQRgPwjBJRoEBrCOBYIg6FV0U5JcCWzmBgd4SpLTLJgxbj7FGbkWRlDx5AakS6axfgSw9fh649ojBIauDSiM3Hgt+Fd9wdL9ARhcaQGPYBULPckU0o3B9PNgLehC8GgjbdYLaMUznGgW+EKfH17NMhLjlBKWoHwBJiQj1Eei8Zh0pSmbzbh6uQH0TBtpaMcT89EgtAxahHMLWBW9bFaN2rKQF4MgxCqL5p/fhKPvn32X75haW3gwKo87NO7cHCLY7bsnHZo3ipH4in2RgtBO7sy6NU6O1oZuHTGACza2owcHMu10ozH4q8Xb6vVZ3/SdaTaHfJ3Z2WrN/b435Gnwsy+Htlbqwvbns0dDNfJxEhNnr5yFhI+bDzkWuT337sTa0NX6cAxZfRiG3DSfDSIY4n6Ah+x4MadvH5oFML+DAM6OB2s93/It3+rbxBazH4xNzOobo/HWilHjY3PoWD6942UABI9JZcPFvzYMQiuwB3WvpGyS3K8qGVVWVbpR4d2JiSxZYlZ2RqwDttdnJR+24O6JCaJ4Pb1XB5NnqHHy6VgK9FWZ3qw9049t2XadplmXAQJodlLtDwiKAlBd4GyhF3C/1RKpoT0ZYJjRsDtH+pG4x3xhvLSe68/WYkqftoYwgfo5TNCgWRXgmQv6tCisSdZniD41bLSaaiQT9oS6PUFvL/taaOimCVabHucb4AzMj43GEmxUeVy5rTAhPr9JhbYcWCJwOvbi1KMjSqLITy+sTZ3I0nFpEYllaWFUTjRFkbTvbts2LsI2KAnqxi4eWzvt+2TlRaxJbhLfEALhjGNEed4SqL2tbH7kOKZm6xHXFtmHoTwrUAGuIZjM+qcr2yOE2romzcA5U90R5YJM2YAuVJKN8ZcHg8/h1om6CrVEAox7Ni4HAOGtEY5YTTUnXIEwiHFXZ+FYTUkEZvMHrf1C8p0vsBDZuGJCcsr3k//A/31Uxv/AHE86fvuYpmx78UYyNtH1XXScHZwv5rAg4Rd0mhgLBgd+L73/5X/y+525+glkAEPfttf1zOuaM6drXs93prn/rjk9875j6F5YtHOCIhTYwesAA/uDvmbgGshhw4ihs9PQZYC4RWZb74jb3qfsdoQ3/Hj82LZubqmpF85v2pSalu7MDgtvCU8u7LHtG4pe25yaGv44tXbtyrIyKjUp8YLe2IXzF3Ylbd8+5w8N0x8U4M8k/pwD/TdHdDzdgN6MBNlp53XVg0dbRHx3jXs2fCUwETn+jQ3+KkL1TZ95xR/Yqt3W/8pCFRuUcuUV1RX4HJubJ5Xmlb7VgUUUZi5yAsHtD9WVHc0T5HsowdXBMcFVwQLr2qqYvu+m15vO7hmUu9YhYufHlOa19+3nsm67OlfHjKyRu/mf7UBcPBKCUJvVDj2J7Twnj31c3yOVvjk5zLGOq3Y7Mhlu7izHy99QuzmOvTUtf9rTs1HHtR7fBeuh2/W1O6q36HJb41ArSnvljTrY5G+VurtvPI/2JcwJPcIhGaHg1mPXmWJLY/DvMJqWOR0qZHCvRVrbrkF1sMM+duxxwYOs63ckYg5PE8PVVLmLhlv14jEaHiYu7S5sCy7w5bFmFd6AJoYXxFqb7HmpL9Z4KfawMbbvMEIJ7krvSsMeWnXC6BF+ZQ+h/DgM0r/NoV3SMZ/d7Qu53aPr5jSMdsed6P4/E/LwvNW3iLPWTlH29JTUhqzu44vROQxXRmzO2Oye2Gk0aydfJxRayLhOxg8N31cnuuEqqVJpQoqzjbK23lHpnFCBTHv6Glmp5dZng1He1uOVLhImp1aUWF+VZcYwxSVl4wXq39Rs0+rYMDWHowyLtbUq7uJlRYEqgqdSpYrY+QxxqUT9HMgZqtCP3nxvznN1SRlTXHxj0Vuv9LZeo2yHyiM4o+IreKULpxpDK6OmiWsCCYK9Opf3HSFzpx7f9Rv2uNce7Hv0GL7xTxxXrL81nstfiW8ErOlNDRipxw34EX1wPC7GziBJryGDDovH4kici+sHDLihKzDDsN737uzE43H9cBwGhGXwaa/CWNdmeT7q/bfZbBo9MA1lRtjzle25l705fbOwOC6uqNU0ICTOxt7ryTZx0oi0zk1vZaAIzdK+WJcCPFP4KdMDf/yoqlioPUVVXiI/hb8vOaFtI5N/CAQ272amVDCAdXXlPqNQJJK9wTOrOy5dXXlPiaCn0H9LqMN0Bh0O98Z0gA0IzhTsvp/LA41ZEf3/PsY0xcfBW9antuTZBWFTwl3y4fZaj60tCE8JS04OSwkvEFaz192+7cmuTnGBuFCUDWIm1e+8+2/Gv2d3+YO/0bLUnkdJn8ae5g9ffv6g2kgY1hoIyDAsWGDtKUqbdWGlua6sZP7WRMz7IYuVPPBaqayuoFkwAkTp5+uWLHnzhnw7N2reXsN3o7GwFbVlMjvK3a3a6IuXtC2ye3nf4/OdO9DnYmqRczhyK2SUTCvSH1r8/SBsiD1/C+OGaIPWfjzUevDnVboTyvP7NOaw43KSILIIcnpLCEepCNW1TyfjIRHkik9894X3bAQspZV+bO8xmLcwjMN+8ZM7LKCrF8ePjtH3Ugqfm0XdLZyvH3dc36IaOw52fO7/QJWmf//t3NTmKm1QbuDMmYG5QdqrpimcOfO+YW3Q1YTUluWTG7WCPD4/T6B9XLTuP4+vFTxm1oavg/JWqbR1Oinj04P/nGxYTZWPTGJ6L8tfCGXw1jx5Mo3K3Y3vjh/EuBi8XemYqgrg7EPc/o7wydvkDykJTav1/PlTKhUJvb0lEiAluiIdfN4xL+2Vcb1UAmfOLKI0dgL5yqsirDRRuGZ+S8gmbVaWtap+wvhlqhqxcLm9Dr8H0q8ajQ/RWlSoVm/ezDt0GKrveK3El2/2kPb25fhmmq2IJWYBcecO2km59UYI+LokuCrtuSBoOGj19XWBaP3QhE0aZQuhHDiEHTpAKFo0is0TmFiIIgN5mpLuzvGi8sP44YFQ+JWbxjOSQjQZBF5bA26T6h3oDrs3ejq2HYPQnn/NUYdnUOPnAG3cIW7SLt0BHf1xRwe5ft369SQ8c6qsvJySakudWGg0fjfsnRflfPVKRkZSKTrz4GBPWUmdeeWFk4pQa3otbNu2eHHd+XRRAMOCVl2hVL4eSO7pppOnTmr27CETRJmZnz3uv7Rb1LZ4Cb3Nyr28o70dbPhOTkO6cAI24axLxlxwwV3AZhFdfmY8Nh5FJLoVUjzUXAu+Njz8NPgplr1G6w968uBh0+e2EP1lEbdjxtOKBY+eBX13EXt2Gu9pxgratYfFbuVOiNlRoE9oUD/YSu/uyZAkzp5nMfF5ll3k8P/9Z1tLMkt6uu3byFmwFXRM2+puYeCceQGK3ae0uLYGr3Gow4FTp3jXr6M3rsu7FisV01d4zTBRTDM8VyxXKFaEz0BBP+7///+subcfy1CHkIj/f6sNHhwNACBSwzOXID8NHUnVjVSAGVFGkrXb64+MR06Y87ke+P8PbkL+QmesQZ5UtQVEi4hZVUY8UQ/df2ZDIgK2mRQ1zaaew+7//ANiBrNfWxcxb8IAsbPodd4hzm2ahzSYrPTIGDB3aivZqAqVgtRDN4RqpHMUgniRpBpkE+KiWsiQ2Klq73qV+aiGmomkmMzTxGoUMcXywlE0B4u6biB1LeKNrKSSGcjMNon6/5x4dQBtzeYWOyV+t7ZDzICSb/Pm+Hi85XiXWIPr95gC9KNlTtnWX+jyfxfK0tmOe/+yrL/+Eyk9ba3+C5cxNmCLjwDw18wSZziPkCLBI0kF/54DIIF4HTSLlkMJDTBMJJYQgDlgmyCkcHE7eB0aAQFoYQMQ2mD8G3FBCArgvrbcDB5oeZx4QYT74IOWfxEEjGLxu2EYQ8nvMf6XBPclpkD4G32JRuit0Hf5j5IDU/Xa3ct7fb+QUIyiq063Knf+TbWpGuG2+sm0XlGMXCXhD7R6PKum9+ee4/gNHy23PeN/SXBfYgqEv3H/yJVoRGKHkPyPO8jwY2OqXo8vktov5jEVoOB11enm+HPn3/Qpm8pyhNsAf1bKJCE+gS+Ykp0PtFgdzwWc9P783Fcjq462Er7m7wSVj/NH75YijyJKojTKojwqfv+gqqPml4HX9npBlGRF1XTDtGzH9fwgjOIkzfKirOqm7fphnOZl3fbjvG73x/Olajrjhiks23HbnW6v7/lBOBiOxjdubtGrMt4LeqOBaWxE+JIHJtuxNWQxjuzZiG5nRbSfJ77Wfhm6J+oygRwqShvIKO558wpJ+ZeWI0udQqytTEIsLeW5ZVIxVtENLafbyArnPLC5G9iiQ4fZjvBatzkdO5nKA90Mb1jnaPJ5EFSMmxBrNEfJJlmHXkIaeeGShsIAHUZsdBwDKc51Etm4QH7ammtowx2HLVKZGsqJXAmvOiQmXBBrbWLkC7pRqiBHHKRAoxQ61mkS7AKXvJWSvh+uT0WVqeam2VDZaCTBn3WYTYfz3F4X144vFDKdrAUYWazpWTcYtGPuZ6+C2JM4o1fmhDQt1BbPMMWSRyI6sWkrdH31KiSqtm9uXvYs1gMox4U63KaV9UKErj6xKrdzokI5zcfG7sTg0pKWIdM0emXXghUYV2ve419sbZwbogsKBjwIICgEYCC4QAYLEc7wCSe4Qu2ghQIJbtBBA/ce);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-alpine,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
  --ag-alpine-active-color: #2196f3;
  --ag-selected-row-background-color: rgba(33, 150, 243, 0.3);
  --ag-row-hover-color: rgba(33, 150, 243, 0.1);
  --ag-column-hover-color: rgba(33, 150, 243, 0.1);
  --ag-input-focus-border-color: rgba(33, 150, 243, 0.4);
  --ag-range-selection-background-color: rgba(33, 150, 243, 0.2);
  --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36);
  --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49);
  --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-alpine-active-color) 50%);
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: #babfc7;
  --ag-secondary-border-color: #dde2eb;
  --ag-header-background-color: #f8f8f8;
  --ag-tooltip-background-color: #f8f8f8;
  --ag-odd-row-background-color: #fcfcfc;
  --ag-control-panel-background-color: #f8f8f8;
  --ag-subheader-background-color: #fff;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: #999;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-alpine-active-color);
  --ag-range-selection-border-color: var(--ag-alpine-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px 0.1rem var(--ag-invalid-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-menu-background-color: var(--ag-header-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-alpine-active-color);
  --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5);
  --ag-chip-background-color: rgba(24, 29, 31, 0.07);
  --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3);
  --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15);
  --ag-borders: solid 1px;
  --ag-border-radius: 3px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 6px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 4);
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell,
      "Helvetica Neue", sans-serif;
  --ag-font-size: 13px;
  --ag-icon-font-family: agGridAlpine;
  --ag-selected-tab-underline-color: var(--ag-alpine-active-color);
  --ag-selected-tab-underline-width: 2px;
  --ag-selected-tab-underline-transition-speed: 0.3s;
  --ag-tab-min-width: 240px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: var(--ag-card-shadow);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-alpine-dark {
  --ag-background-color: #181d1f;
  --ag-foreground-color: #fff;
  --ag-border-color: #68686e;
  --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
  --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
  --ag-header-background-color: #222628;
  --ag-tooltip-background-color: #222628;
  --ag-odd-row-background-color: #222628;
  --ag-control-panel-background-color: #222628;
  --ag-subheader-background-color: #000;
  --ag-input-disabled-background-color: #282c2f;
  --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),
      0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
  --ag-chip-background-color: rgba(255, 255, 255, 0.07);
  --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
  --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-alpine-auto-dark {
    --ag-background-color: #181d1f;
    --ag-foreground-color: #fff;
    --ag-border-color: #68686e;
    --ag-secondary-border-color: rgba(88, 86, 82, 0.5);
    --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66);
    --ag-header-background-color: #222628;
    --ag-tooltip-background-color: #222628;
    --ag-odd-row-background-color: #222628;
    --ag-control-panel-background-color: #222628;
    --ag-subheader-background-color: #000;
    --ag-input-disabled-background-color: #282c2f;
    --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color);
    --ag-input-error-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5),
        0 0 4px 3px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5);
    --ag-chip-background-color: rgba(255, 255, 255, 0.07);
    --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3);
    --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    color-scheme: dark;
  }
}
.ag-theme-alpine .ag-filter-toolpanel-header,
.ag-theme-alpine .ag-filter-toolpanel-search,
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine .ag-header-row,
.ag-theme-alpine .ag-row-number-cell,
.ag-theme-alpine .ag-panel-title-bar-title,
.ag-theme-alpine .ag-multi-filter-group-title-bar,
.ag-theme-alpine .ag-filter-card-title,
.ag-theme-alpine-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-dark .ag-header-row,
.ag-theme-alpine-dark .ag-row-number-cell,
.ag-theme-alpine-dark .ag-panel-title-bar-title,
.ag-theme-alpine-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-dark .ag-filter-card-title,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-header,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-search,
.ag-theme-alpine-auto-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-header-row,
.ag-theme-alpine-auto-dark .ag-row-number-cell,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-title,
.ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar,
.ag-theme-alpine-auto-dark .ag-filter-card-title {
  font-weight: 700;
  color: var(--ag-header-foreground-color);
}
.ag-theme-alpine .ag-row,
.ag-theme-alpine-dark .ag-row,
.ag-theme-alpine-auto-dark .ag-row {
  font-size: calc(var(--ag-font-size) + 1px);
}
.ag-theme-alpine input[class^=ag-]:not([type]),
.ag-theme-alpine input[class^=ag-][type=text],
.ag-theme-alpine input[class^=ag-][type=number],
.ag-theme-alpine input[class^=ag-][type=tel],
.ag-theme-alpine input[class^=ag-][type=date],
.ag-theme-alpine input[class^=ag-][type=datetime-local],
.ag-theme-alpine textarea[class^=ag-],
.ag-theme-alpine-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-dark input[class^=ag-][type=text],
.ag-theme-alpine-dark input[class^=ag-][type=number],
.ag-theme-alpine-dark input[class^=ag-][type=tel],
.ag-theme-alpine-dark input[class^=ag-][type=date],
.ag-theme-alpine-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-dark textarea[class^=ag-],
.ag-theme-alpine-auto-dark input[class^=ag-]:not([type]),
.ag-theme-alpine-auto-dark input[class^=ag-][type=text],
.ag-theme-alpine-auto-dark input[class^=ag-][type=number],
.ag-theme-alpine-auto-dark input[class^=ag-][type=tel],
.ag-theme-alpine-auto-dark input[class^=ag-][type=date],
.ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-alpine-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-tab,
.ag-theme-alpine-dark .ag-tab,
.ag-theme-alpine-auto-dark .ag-tab {
  padding: calc(var(--ag-grid-size) * 1.5);
  transition: color 0.4s;
  flex: 1 1 auto;
}
.ag-theme-alpine .ag-tab-selected,
.ag-theme-alpine-dark .ag-tab-selected,
.ag-theme-alpine-auto-dark .ag-tab-selected {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-menu,
.ag-theme-alpine-dark .ag-menu,
.ag-theme-alpine-auto-dark .ag-menu {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-menu-header,
.ag-theme-alpine-dark .ag-menu-header,
.ag-theme-alpine-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
  padding-top: 1px;
}
.ag-theme-alpine .ag-tabs-header,
.ag-theme-alpine-dark .ag-tabs-header,
.ag-theme-alpine-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-theme-alpine .ag-charts-settings-group-title-bar,
.ag-theme-alpine .ag-charts-data-group-title-bar,
.ag-theme-alpine .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar {
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px);
}
.ag-theme-alpine .ag-chart-mini-thumbnail,
.ag-theme-alpine-dark .ag-chart-mini-thumbnail,
.ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
}
.ag-theme-alpine .ag-chart-settings-nav-bar,
.ag-theme-alpine-dark .ag-chart-settings-nav-bar,
.ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar,
.ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar {
  margin-top: var(--ag-grid-size);
}
.ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar {
  padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2);
}

.ag-theme-alpine .ag-charts-format-sub-level-group,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  padding-left: var(--ag-grid-size);
  margin-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  font-weight: 700;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-container,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container {
  padding-bottom: 0;
}
.ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child {
  margin-bottom: 0;
}
.ag-theme-alpine.ag-dnd-ghost,
.ag-theme-alpine-dark.ag-dnd-ghost,
.ag-theme-alpine-auto-dark.ag-dnd-ghost {
  font-size: calc(var(--ag-font-size) - 1px);
  font-weight: 700;
}
.ag-theme-alpine .ag-side-buttons,
.ag-theme-alpine-dark .ag-side-buttons,
.ag-theme-alpine-auto-dark .ag-side-buttons {
  width: calc(var(--ag-grid-size) * 5);
}
.ag-theme-alpine .ag-standard-button,
.ag-theme-alpine-dark .ag-standard-button,
.ag-theme-alpine-auto-dark .ag-standard-button {
  font-family: inherit;
  appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: 1px solid;
  border-color: var(--ag-alpine-active-color);
  color: var(--ag-alpine-active-color);
  background-color: var(--ag-background-color);
  font-weight: 600;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-standard-button:hover,
.ag-theme-alpine-dark .ag-standard-button:hover,
.ag-theme-alpine-auto-dark .ag-standard-button:hover {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-row-hover-color);
}
.ag-theme-alpine .ag-standard-button:active,
.ag-theme-alpine-dark .ag-standard-button:active,
.ag-theme-alpine-auto-dark .ag-standard-button:active {
  border-color: var(--ag-alpine-active-color);
  background-color: var(--ag-alpine-active-color);
  color: var(--ag-background-color);
}
.ag-theme-alpine .ag-standard-button:disabled,
.ag-theme-alpine-dark .ag-standard-button:disabled,
.ag-theme-alpine-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-alpine .ag-column-drop-vertical,
.ag-theme-alpine-dark .ag-column-drop-vertical,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-alpine .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-dark .ag-column-drop-vertical-title-bar,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar {
  padding: calc(var(--ag-grid-size) * 2);
  padding-bottom: 0px;
}
.ag-theme-alpine .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-dark .ag-column-drop-vertical-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-alpine .ag-column-drop-empty-message,
.ag-theme-alpine-dark .ag-column-drop-empty-message,
.ag-theme-alpine-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
  opacity: 0.75;
}
.ag-theme-alpine .ag-pill-select .ag-column-drop,
.ag-theme-alpine-dark .ag-pill-select .ag-column-drop,
.ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-alpine .ag-status-bar,
.ag-theme-alpine-dark .ag-status-bar,
.ag-theme-alpine-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-alpine .ag-status-name-value-value,
.ag-theme-alpine-dark .ag-status-name-value-value,
.ag-theme-alpine-auto-dark .ag-status-name-value-value {
  font-weight: 700;
}
.ag-theme-alpine .ag-paging-number,
.ag-theme-alpine .ag-paging-row-summary-panel-number,
.ag-theme-alpine-dark .ag-paging-number,
.ag-theme-alpine-dark .ag-paging-row-summary-panel-number,
.ag-theme-alpine-auto-dark .ag-paging-number,
.ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 700;
}
.ag-theme-alpine .ag-column-drop-cell-button,
.ag-theme-alpine-dark .ag-column-drop-cell-button,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button {
  opacity: 0.5;
}
.ag-theme-alpine .ag-column-drop-cell-button:hover,
.ag-theme-alpine-dark .ag-column-drop-cell-button:hover,
.ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 0.75;
}
.ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-alpine .ag-header-cell-menu-button:hover,
.ag-theme-alpine .ag-header-cell-filter-button:hover,
.ag-theme-alpine .ag-side-button-button:hover,
.ag-theme-alpine .ag-tab:hover,
.ag-theme-alpine .ag-panel-title-bar-button:hover,
.ag-theme-alpine .ag-header-expand-icon:hover,
.ag-theme-alpine .ag-column-group-icons:hover,
.ag-theme-alpine .ag-set-filter-group-icons:hover,
.ag-theme-alpine .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine .ag-chart-settings-prev:hover,
.ag-theme-alpine .ag-chart-settings-next:hover,
.ag-theme-alpine .ag-group-title-bar-icon:hover,
.ag-theme-alpine .ag-column-select-header-icon:hover,
.ag-theme-alpine .ag-floating-filter-button-button:hover,
.ag-theme-alpine .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine .ag-chart-menu-icon:hover,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-dark .ag-side-button-button:hover,
.ag-theme-alpine-dark .ag-tab:hover,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-dark .ag-column-group-icons:hover,
.ag-theme-alpine-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-dark .ag-chart-menu-icon:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover,
.ag-theme-alpine-auto-dark .ag-tab:hover,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-alpine-auto-dark .ag-header-expand-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-next:hover,
.ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon,
.ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon {
  color: inherit;
}
.ag-theme-alpine .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-dark .ag-filter-active .ag-icon-filter,
.ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
  padding-left: var(--ag-grid-size);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
  padding-right: var(--ag-grid-size);
}

.ag-theme-alpine .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  border-left: dashed 1px;
  border-left-color: var(--ag-border-color);
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  border-right: dashed 1px;
  border-right-color: var(--ag-border-color);
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-alpine .ag-set-filter-list,
.ag-theme-alpine-dark .ag-set-filter-list,
.ag-theme-alpine-auto-dark .ag-set-filter-list {
  padding-top: calc(var(--ag-grid-size) * 0.5);
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-alpine .ag-filter-add-button .ag-icon,
.ag-theme-alpine-dark .ag-filter-add-button .ag-icon,
.ag-theme-alpine-auto-dark .ag-filter-add-button .ag-icon {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-alpine .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-button,
.ag-theme-alpine-dark .ag-advanced-filter-builder-button,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-alpine .ag-list-item-hovered::after,
.ag-theme-alpine-dark .ag-list-item-hovered::after,
.ag-theme-alpine-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-dark .ag-pill .ag-pill-button:hover,
.ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-header-highlight-before::after,
.ag-theme-alpine .ag-header-highlight-after::after,
.ag-theme-alpine-dark .ag-header-highlight-before::after,
.ag-theme-alpine-dark .ag-header-highlight-after::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-before::after,
.ag-theme-alpine-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-alpine-active-color);
}
.ag-theme-alpine .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine .ag-disabled .ag-icon,
.ag-theme-alpine .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine [disabled] .ag-icon,
.ag-theme-alpine-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-dark .ag-disabled .ag-icon,
.ag-theme-alpine-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-dark [disabled] .ag-icon,
.ag-theme-alpine-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-disabled .ag-icon,
.ag-theme-alpine-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-alpine-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}
/* Base grid theme */
.ag-root-wrapper.ag-layout-normal {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

.ag-theme-alpine {
  width: 100%;
  height: 100%;
  font-family: "SEGOE-UI-VF", "Segoe UI Semibold", sans-serif;
  font-size: 14px;
  border-radius: 6px;
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  height: 100% !important;
  width: 100% !important;
}

.ag-theme-alpine .ag-pinned-left-header,
.ag-theme-alpine .ag-pinned-left-cols-container,
.ag-theme-alpine .ag-pinned-left-floating-top,
.ag-theme-alpine .ag-pinned-left-floating-bottom {
  box-shadow: none !important;
  border-right: 1px solid transparent !important;
}

.ag-cell.ag-cell-last-left-pinned {
  border-right: 1px solid transparent !important;
}

.ag-header-cell {
  height: 100% !important;
}

.ag-header-cell-text {
  font-family: "SEGOE-UI-VF";
  font-size: 12px;
  color: #8C8C8C;
}

/* Header styling */
.ag-theme-alpine .ag-header {
  background-color: #fff;
  border-bottom: 2px solid #dfe0e0;
  font-weight: 600;
  position: sticky;
  width: 100% !important;
  top: 0;
  z-index: 2;
  min-height: 48px !important;
  height: 48px !important;
}

.ag-theme-alpine .ag-header-cell-label {
  justify-content: flex-start;
  padding-left: 12px;
  padding-right: 20px;
}

.ag-row {
  border-bottom: 1px solid #F0F0F0;
}

/* Row backgrounds */
.ag-theme-alpine .ag-row-odd {
  background-color: #ffffff;
}

.ag-theme-alpine .ag-row-even {
  background-color: #f6fbfe;
}

/* Group rows */
.custom-group-cell {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 15px;
  color: #333;
  z-index: 99999999;
}

.custom-group-cell .group-toggle {
  margin-right: 6px;
  font-size: 12px;
  cursor: pointer;
}

.custom-group-cell .group-label {
  margin-right: 8px;
}

.custom-group-cell .group-count {
  color: #595959;
  font-size: 12px;
  font-family: "SEGOE-UI-VF";
}

/* Cell padding */
.ag-theme-alpine .ag-cell {
  padding: 8px 12px;
  line-height: 1.4;
  height: auto;
  white-space: nowrap;
  overflow: visible;
  white-space: normal;
  z-index: 999;
  font-size: 14px;
  width: -webkit-fill-available !important;
  max-width: 280px !important;
}

.ag-center-cols-container {
  width: 100% !important;
}

.ag-header-container {
  width: 100% !important;
}.whatsapp-chat-item {
  max-width: 300px;
  min-width: 50px;
  position: relative;
}
.whatsapp-chat-item-extra {
  font-size: 16px;
  line-height: 28px;
  padding: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: none;
  display: block;
  max-width: 100%;
  height: 20px;
}
.whatsapp-chat-item .sender-chat-item {
  background-color: #ffffff;
  border-radius: 12px 12px 12px 0px;
}
.whatsapp-chat-item .receiver-chat-item {
  background-color: #d0fed0;
  border-radius: 12px 12px 0px 12px;
}
.whatsapp-chat-item-body .sample-questions-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px;
}
.whatsapp-chat-item-body .sample-questions-container-item {
  display: flex;
  gap: 6px;
  padding: 8px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  align-items: flex-end;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  width: fit-content;
}
.whatsapp-chat-item-body .sample-questions-container-item:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.whatsapp-chat-item-body .sample-questions-container-item .sample-question-text {
  font-size: 16px;
  line-height: 28px;
  color: #262626;
  flex: 1;
}
.whatsapp-chat-item-body .sample-questions-container-item .sample-question-icon {
  margin-bottom: 4px;
}
.whatsapp-chat-item-name {
  font-size: 14px;
  padding: 6px;
  padding-bottom: 0px;
  color: #1e855a;
}
.whatsapp-chat-item-time {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.2509803922);
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2px;
  padding-right: 6px;
}
.whatsapp-chat-item.flexColumnAlEnd {
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
.whatsapp-chat-item.flexColumnAlStart {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
}
.whatsapp-chat-item .message-template .message-body {
  white-space: pre-line;
  font-family: "SF-Pro-Display-Regular" !important;
}
.whatsapp-chat-item .message-template .message-body span {
  font-family: "SF-Pro-Display-Regular" !important;
}
.whatsapp-chat-item .message-item .image-wrapper {
  margin-top: 0px !important;
}
.whatsapp-chat-item-feedback {
  display: flex;
  flex-direction: row;
  gap: 4px;
  position: absolute;
  bottom: 0;
  right: 5px;
}
.whatsapp-chat-item-feedback .feedback-button {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border: 1px solid #d9d9d9;
  border-radius: 50px;
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.whatsapp-chat-item-feedback .feedback-button:hover {
  background-color: #f7f7f7;
}
.whatsapp-chat-item-feedback .feedback-button-text {
  font-size: 16px;
  padding: 0px 6px;
}

.message-template {
  box-shadow: 0px 1px 0.5px rgba(11, 20, 26, 0.1294117647);
  padding: 8px;
  max-width: 300px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .message-template .message-template {
    max-width: 250;
  }
}
@media screen and (min-width: 1441px) {
  .message-template .message-template {
    max-width: 300px;
  }
}
.message-template.sender {
  border-radius: 8px 8px 0px 8px;
}
.message-template.sender.have-reply {
  border-radius: 8px 8px 0px 0px;
}
.message-template.receiver {
  border-radius: 8px 8px 8px 0px;
}
.message-template.receiver.have-reply {
  border-radius: 8px 8px 0px 0px;
}
.message-template.receiver.text {
  max-width: 400px;
}
.message-template .message-tags {
  display: flex;
  gap: 4px;
}
.message-template .message-tag {
  position: absolute;
  z-index: 999;
}
.message-template .message-tag .tag-text {
  border-radius: 4px;
  padding: 2px 4px;
  background: rgb(250, 196, 183);
  color: rgb(123, 56, 38);
}
.message-template .image-wrapper {
  position: relative;
  object-fit: contain;
  margin-top: 6px;
}
.message-template .image-wrapper img.template-image {
  width: 100%;
  border-radius: 12px;
}
.message-template .image-wrapper button.download-button {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 24px;
  height: 24px;
  background: white;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.message-template .image-wrapper button.download-button:hover {
  background-color: #ebf6fd;
}
.message-template .image-wrapper button.download-button .custom-download-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  fill: #454545;
  color: #454545;
}
.message-template .image-wrapper button.download-button .custom-download-icon:hover {
  fill: #32a7e8;
  color: #32a7e8;
}
.message-template .document-view {
  margin: 8px 0;
  padding: 4px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
}
.message-template .document-view .file-container {
  gap: 4px;
  word-wrap: break-word;
}
.message-template .document-view .file-container .document-title {
  line-break: anywhere;
}
.message-template .reply-view {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.1019607843);
  border-left: 3px solid;
  padding: 8px;
  max-height: 75px;
  margin: 6px 6px 0;
  overflow: hidden;
  cursor: pointer;
}
.message-template .reply-view .message-container {
  display: flex;
  align-items: center;
}
.message-template .message-header {
  background: rgba(0, 0, 0, 0.1019607843);
  margin: -4px;
  padding: 8px;
}
.message-template .message-header-receiver {
  border-radius: 0px;
}
.message-template .message-header-sender {
  border-radius: 12px 12px 0px 0px;
}
.message-template .message-body {
  font-size: 16px !important;
  padding: 6px;
  padding-bottom: 2px;
  line-height: 24px;
  word-wrap: break-word;
}
.message-template .message-footer {
  padding-inline: 6px;
  padding-bottom: 4px;
}
.message-template .wa-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid;
  background: #ffffff;
  border-radius: 74px;
  padding: 6px 12px;
  gap: 8px;
  width: fit-content;
  margin: 12px 0 6px 0;
  cursor: pointer;
}
.message-template .button-container {
  display: flex;
  flex-direction: column;
}
.message-template .button-container button.template-button {
  border: none;
  border-top: 1px solid #dcdfe4;
  text-transform: none;
  line-height: 1;
  cursor: pointer;
  border-radius: 0;
  color: #2abb7f;
}
.message-template .button-container button.template-button.disabled {
  cursor: not-allowed;
}
@media screen and (max-width: 1440px) {
  .message-template .button-container button.template-button {
    padding: 12px;
  }
}
@media screen and (min-width: 1441px) {
  .message-template .button-container button.template-button {
    padding: 16px;
  }
}
.message-template .group-info-container {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  padding: 6px;
  padding-block: 8px;
  cursor: pointer;
}
.message-template .group-info-container .group-info-name {
  display: flex;
  flex-direction: column;
  color: #000;
  font-family: var(--Typeface-Family-Body-1, "Segoe-UI-VF");
  font-size: 14px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: no-wrap;
  overflow: hidden;
}
.message-template .group-info-container .group-info-name-header {
  font-size: 10px;
  line-height: 14px;
  color: #8c8c8c;
  font-family: var(--Typeface-Family-Body-1, "Segoe-UI-VF");
}
.message-template .group-info-container .group-info-arrow {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.message-template .group-info-container .group-info-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  text-transform: uppercase;
  flex-shrink: 0;
  background: #e5efff;
  color: #000;
  padding: 4px;
  border-radius: 50%;
  font-size: 10px;
  transition: all 0.3s ease-in;
}
.message-template .group-info-container:hover {
  background-color: var(--primary-cyan-prim-c1);
  border-radius: 4px;
  cursor: pointer;
}
.message-template .message-failure {
  gap: 5px;
  padding: 0px 12px;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
}
.message-template .message-failure-icon {
  width: 12px;
}
.message-template .message-failure-text {
  color: #bd2d09;
}
.message-template .banner {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  padding: 2px 8px;
  gap: 4px;
  color: #fff;
  align-items: center;
}

.action-button-message {
  transition: all 0.2s ease;
}
.action-button-message:hover {
  background-color: #f5f5f5;
  border-color: #bfbfbf;
}.whatsapp-chat-simulator {
  display: flex;
  flex-direction: column-reverse;
  gap: 10px;
  overflow: auto !important;
  padding: 12px;
  flex: 1;
}
.whatsapp-chat-simulator .dateSeparator {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  padding: 4px 12px;
  background-color: #ffffff;
  border: 1px solid;
  border-radius: 64px;
  box-shadow: 0px 1px 0.5px rgba(11, 20, 26, 0.1294117647);
}

.bouncing-loader {
  display: flex;
  justify-content: center;
  margin: 4px auto;
}

.bouncing-loader > div {
  width: 4px;
  height: 4px;
  margin: 3px 6px;
  border-radius: 50%;
  background-color: #000000;
  opacity: 1;
  animation: bouncing-loader 0.6s infinite alternate;
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translateY(-4px);
  }
}
.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}.input_text_area {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0px;
  letter-spacing: 0.4px;
  line-height: 24px;
}
.input_text_area textarea {
  overflow: auto !important;
  resize: vertical;
}
.input_text_area .input_text_area__title {
  font-size: 14px;
  padding-bottom: 4px;
  font-weight: 400;
  color: #000;
  line-height: 16px;
  height: 16px;
  font-family: "Segoe-UI-VF";
}
.input_text_area .input_text_area__focused {
  color: var(--primary-cyan-prim-p-c6);
}.custom-swipeable-drawer {
  transition: all 0.3s ease-in-out;
}
.custom-swipeable-drawer-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in-out;
  z-index: 999;
}
.custom-swipeable-drawer-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  border-radius: 16px 16px 0px 0px;
  box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  overflow: hidden;
}
.custom-swipeable-drawer-body-handle {
  width: 40px;
  height: 4px;
  background-color: #cccccc;
  border-radius: 2px;
  margin: 8px auto;
  cursor: grab;
}
.custom-swipeable-drawer-body-content {
  height: calc(100% - 20px);
  overflow: hidden;
}.welcome-menu {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding: 0px 0px 8px 0px;
  align-items: center;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.welcome-menu-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}
.welcome-menu-header {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: center;
  position: sticky;
  padding: 20px 0px;
  top: 0;
  background-color: #ffffff;
  width: 100%;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.welcome-menu-header-text {
  font-size: 16px;
  line-height: 20px;
}
.welcome-menu-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  flex: 1;
  overflow: auto;
  padding-bottom: 50px;
  margin-bottom: 12px;
}
.welcome-menu-body-seperator {
  height: 1px;
  width: 100%;
  background-color: #d9d9d9;
}
.welcome-menu-body-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-left: 20px;
}
.welcome-menu-body-item-container {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  padding-right: 20px;
}
.welcome-menu-body-item-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
}
.welcome-menu-body-item-content-title {
  font-size: 16px;
  line-height: 20px;
  color: #262626;
}
.welcome-menu-body-item-content-description {
  font-size: 12px;
  color: #8c8c8c;
}
.welcome-menu-footer {
  display: flex;
  flex-direction: row;
  gap: 0px;
  flex: 1;
  padding: 6px 16px;
  width: 100%;
  box-sizing: border-box;
  position: fixed;
  bottom: 0;
  background-color: #ffffff;
  margin-bottom: 12px;
  justify-content: center;
  box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.16);
}
.welcome-menu-footer-text {
  padding: 12px;
  color: #8c8c8c;
  line-height: 20px;
  font-size: 12px;
}
.welcome-menu-footer-btn {
  border-radius: 12px;
  padding: 12px 16px;
  background-color: #1dab62;
  border: none;
  color: #ffffff;
  width: 100%;
  box-sizing: border-box;
}.whatsapp-chat-menu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  user-select: none;
}
.whatsapp-chat-menu-header {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: center;
  position: sticky;
  top: 0;
  padding: 6px;
  padding-left: 12px;
  background-color: #ffffff;
}
.whatsapp-chat-menu-header-text {
  font-size: 20px;
  color: #262626;
}
.whatsapp-chat-menu-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
  padding-right: 4px;
  padding: 0px 12px;
}
.whatsapp-chat-menu-body::-webkit-scrollbar {
  width: 2px;
}
.whatsapp-chat-menu-body::-webkit-scrollbar-track {
  background: transparent;
}
.whatsapp-chat-menu-body::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 2px;
}
.whatsapp-chat-menu-body .menu-item-body {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.whatsapp-chat-menu-body .menu-item-body-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.whatsapp-chat-menu-body .menu-item-body-text-title {
  font-size: 14px;
  color: #262626;
  line-height: 22px;
}
.whatsapp-chat-menu-body .menu-item-body-text-description {
  font-size: 12px;
  color: #595959;
  line-height: 20px;
}
.whatsapp-chat-menu-footer {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  padding: 12px 6px 24px 12px;
}
.whatsapp-chat-menu-footer-menu {
  width: 100%;
  border-radius: 50px;
  height: 32px;
  border: none;
}.simulator-mobile-layout {
  width: 340px;
  border-radius: 63px;
  display: flex;
  height: 75vh;
}
.simulator-mobile-layout-border1 {
  width: 100%;
  border: 3px solid #939393;
  border-radius: 65px;
  box-shadow: 0px 0px 12px 0px #000000 inset;
  display: flex;
  flex: 1;
}
.simulator-mobile-layout-border2 {
  width: 100%;
  display: flex;
  flex: 1;
  border: 12px solid #000000;
  border-radius: 62px;
  box-sizing: border-box;
}
.simulator-mobile-layout-container {
  width: 100%;
  display: flex;
  flex: 1;
  background-color: #ffffff;
  border-radius: 50px;
  box-sizing: border-box;
  overflow: hidden;
}

.no-frame {
  border: 0px !important;
  border-radius: 0px !important;
}

.full-screen {
  width: 100%;
  flex: 1;
}.zono-money-simulator {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  flex: 1;
  height: 100%;
  box-sizing: border-box;
}
.zono-money-simulator-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  padding-bottom: 6px;
  background-color: #f0f0f0;
}
.zono-money-simulator-header-text {
  flex: 1;
  padding: 6px 12px;
  border-radius: 6px;
  background-color: #e1e5e9;
  font-size: 14px;
  text-align: center;
}
.zono-money-simulator-header-close {
  height: 100%;
}
.zono-money-simulator-body {
  flex: 1;
}
.zono-money-simulator-footer {
  width: 100%;
}.image-carousel {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: auto;
}
.image-carousel .carousel-slides {
  position: relative;
  overflow: hidden;
}
.image-carousel .carousel-track {
  display: flex;
  height: 100%;
}
.image-carousel .carousel-slide {
  min-width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.image-carousel .carousel-slide img {
  width: 100%;
}
.image-carousel .carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
}
.image-carousel .carousel-controls .carousel-control {
  padding: 6px 16px;
  background-color: #f0f0f0;
  border-radius: 40px;
}
.image-carousel .carousel-controls .carousel-control.right {
  transform: rotate(180deg);
}
.image-carousel .carousel-controls .indicators {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  gap: 8px;
}
.image-carousel .carousel-controls .indicators .indicator {
  flex: 1;
  height: 4px;
  background: #d9d9d9;
  border-radius: 0px;
  border: none;
  cursor: pointer;
}
.image-carousel .carousel-controls .indicators .indicator.active {
  background: #32a7e8;
}.jtbd-tour-guide-popup-container {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  box-sizing: border-box;
  max-width: 306px;
  position: relative;
  background: #ffffff;
}
.jtbd-tour-guide-popup-container::before {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: linear-gradient(140.86deg, #8c3cff -1.16%, #32a7e8 27.59%, #2abb7f 50.59%, #0067ff 76.72%, #000000 103.37%);
  border-radius: 11px;
  z-index: -1;
}
.jtbd-tour-guide-popup-container .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.jtbd-tour-guide-popup-container-border {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 8px;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  background: linear-gradient(90deg, #8c3cff -0.88%, #32a7e8 24.28%, #2abb7f 49.35%, #0067ff 74.08%, #262626 99.16%);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.jtbd-tour-guide-popup-container-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.jtbd-tour-guide-popup-container-header-steps {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 8px;
  font-size: 10px;
  line-height: 14px;
  border-radius: 50px;
  background: #f0f0f0;
}
.jtbd-tour-guide-popup-container-header-close {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  cursor: pointer;
}
.jtbd-tour-guide-popup-container-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  flex: 1;
}
.jtbd-tour-guide-popup-container-content-title {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}
.jtbd-tour-guide-popup-container-content-description {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.jtbd-tour-guide-popup-container-content-description-icon {
  justify-content: center;
  align-items: center;
  border: 1px solid #d9d9d9;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border-radius: 2px;
}
.jtbd-tour-guide-popup-container-content-description-note {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.jtbd-tour-guide-popup-container-button {
  display: flex;
  flex-direction: row;
}
.jtbd-tour-guide-popup-container-button-primary {
  width: auto !important;
}
.jtbd-tour-guide-popup-container-buttons-group {
  display: flex;
  gap: 16px;
}
.jtbd-tour-guide-popup-container-buttons-group-tooltip {
  display: flex;
  justify-content: flex-start;
}
.jtbd-tour-guide-popup-container-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.jtbd-tour-guide-popup-container-buttons-primary {
  width: fit-content !important;
}
.jtbd-tour-guide-popup-container-buttons-tooltip {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 16px;
  color: #32a7e8;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.jtbd-tour-guide-popup-container .arrow-container {
  width: 36px;
  height: 36px;
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  transform: rotate(45deg);
  z-index: -1;
}

.modal-container-joyride {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.modal-container-joyride-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-container-joyride-header-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-container-joyride-header-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.modal-container-joyride-header-content-title {
  font-size: 28px;
  line-height: 36px;
  color: black;
}
.modal-container-joyride-header-content-description {
  font-size: 16px;
  line-height: 22px;
  color: #595959;
}
.modal-container-joyride-header-content-restart {
  padding: 12px 16px;
  font-size: 14px;
  line-height: 20px;
  color: #32a7e8;
  cursor: pointer;
}
.modal-container-joyride-description {
  font-size: 16px;
  line-height: 22px;
  color: #595959;
  align-items: center;
}
.modal-container-joyride-card-stack-container {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  width: 480px;
  height: 306px;
  margin: 0 auto;
}
.modal-container-joyride-card-stack-container .card-stack-item {
  position: absolute;
  top: 0;
  width: 280px;
  transition: all 1.2s ease;
  pointer-events: none;
  transform: scale(0.95);
  opacity: 0.7;
  filter: blur(2px);
  transition: left 2.4s ease, transform 2.4s ease, opacity 2.4s ease, filter 0.6s ease;
  will-change: transform, opacity, filter;
}
.modal-container-joyride-card-stack-container .card-stack-item.top {
  z-index: 10;
  transform: scale(1);
  filter: none;
  opacity: 1;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  pointer-events: none !important;
  animation: fadeOutLeft 1.2s forwards;
}
.modal-container-joyride-card-stack-container .card-stack-item.nextTop {
  z-index: 9;
  transform: scale(1);
  pointer-events: auto;
  filter: none;
  opacity: 1 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  transition-delay: 2.4s;
}
.modal-container-joyride-card-stack-container .card-stack-item .border-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3px;
  border-radius: 8px;
  max-width: 280px;
}
.modal-container-joyride-card-stack-container .card-stack-item .border-container-selected {
  display: flex;
  flex-direction: column;
  padding: 3px;
  border-radius: 8px;
  max-width: 280px;
  background: linear-gradient(140.86deg, #8c3cff -1.16%, #32a7e8 27.59%, #2abb7f 50.59%, #0067ff 76.72%, #000000 103.37%);
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
  cursor: pointer;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #d9d9d9;
  background: radial-gradient(98.63% 73.25% at 111.08% -21.04%, #f0f0f0 0%, #ffffff 100%);
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-label {
  padding: 2px 8px;
  box-sizing: border-box;
  border-radius: 50px;
  background-color: #f0f0f0;
  color: #000000;
  text-transform: uppercase;
  width: fit-content;
  font-size: 10px;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-container-image {
  width: 50px;
  height: 50px;
  border: 1px solid #fcfcfc;
  border-radius: 6px;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-container-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-container-text-heading {
  font-size: 14px;
  color: #262626;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-body-container-text-subheading {
  font-size: 12px;
  color: #595959;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-button {
  width: 100%;
  border-radius: 4px;
  padding: 12px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
  border: 2px solid #d9d9d9;
  background-color: white;
  color: black;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-button:disabled {
  background-color: white !important;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item-button:hover {
  background-color: white;
  color: black;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item .button-selected {
  background: linear-gradient(93.07deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  border-radius: 4px;
  border: none !important;
  padding: 12px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item .button-selected:hover {
  background: #32a7e8 !important;
  color: white;
}
.modal-container-joyride-card-stack-container .card-stack-item .home-screen-new-container-body-steps-item .button-completed {
  background: #2abb7f !important;
  color: #ffffff;
  width: 100%;
  border: none !important;
  cursor: none !important;
  border-radius: 4px;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 20px;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.95) translateX(-100px);
  }
  100% {
    opacity: 0;
    transform: scale(0.9) translateX(-200px);
  }
}.sign-up {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
}
.sign-up-background {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: -1;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 600px) {
  .sign-up {
    width: 100%;
  }
  .sign-up-background {
    display: none;
  }
}.signup-splash-screen {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  box-sizing: border-box;
  user-select: none;
}

@media screen and (min-width: 600px) {
  .signup-splash-screen {
    width: 720px;
    border-radius: 8px;
    position: relative;
    top: unset;
    box-sizing: unset;
    height: 800px;
    align-items: center;
    justify-content: center;
  }
}.agent-setup-screen {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 16px;
  overflow-y: scroll;
  flex: 1;
  background-color: #ecf0f5;
}
.agent-setup-screen-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: space-between;
}
.agent-setup-screen-header-left {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.agent-setup-screen-header-left-image {
  width: 38px;
  height: 38px;
}
.agent-setup-screen-header-left-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.agent-setup-screen-header-left-content-text {
  color: #262626;
  font-size: 14px;
  line-height: 20px;
}
.agent-setup-screen-header-left-content-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.agent-setup-screen-header-right {
  width: 36px;
  height: 36px;
  border-radius: 50px;
}
.agent-setup-screen-header-right-icon {
  width: 20px;
  height: 20px;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 50px;
  cursor: pointer;
}
.agent-setup-screen-header-right-icon:hover {
  background-color: #f7f7f7;
}
.agent-setup-screen-container {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 8px;
  background-color: #ffffff;
}
.agent-setup-screen-container-strip {
  width: 100%;
  background: linear-gradient(90deg, #8c3cff -0.88%, #32a7e8 24.28%, #2abb7f 49.35%, #0067ff 74.08%, #262626 99.16%);
  height: 8px;
  border-radius: 8px 8px 0px 0px;
}
.agent-setup-screen-container-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 16px;
}
.agent-setup-screen-container-body-context {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agent-setup-screen-container-body-context-text {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.agent-setup-screen-container-body-context-heading {
  color: #262626;
  font-size: 20px;
  line-height: 28px;
}
.agent-setup-screen-container-body-context-description {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.agent-setup-screen-container-body-progress {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.agent-setup-screen-container-body-progress-body {
  display: flex;
  flex-direction: row;
  gap: 2px;
  align-items: center;
}
.agent-setup-screen-container-body-progress-body .tick-icon {
  width: 16px;
  height: 16px;
}
.agent-setup-screen-container-body-progress-body .progress-text {
  color: #262626;
  font-size: 12px;
  line-height: 16px;
}
.agent-setup-screen-container-body-steps {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.agent-setup-screen-footer {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.agent-setup-screen-footer-text {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 20px;
}
.agent-setup-screen-footer-logo {
  width: 40px;
  height: 15px;
}

@media screen and (min-width: 600px) {
  .agent-setup-screen {
    overflow-y: auto;
  }
  .agent-setup-screen-container-body-steps {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
  }
}.build-knowledge-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
  overflow-y: scroll;
  width: 100%;
  flex: 1;
}
.build-knowledge-screen-header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: sticky;
  top: 0px;
  z-index: 9;
}
.build-knowledge-screen-header-context {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  align-items: center;
}
.build-knowledge-screen-header-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.build-knowledge-screen-header-content-text {
  color: #454545;
  font-size: 12px;
  line-height: 16px;
}
.build-knowledge-screen-header-content-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.build-knowledge-screen-header-home {
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 50px;
  cursor: pointer;
}
.build-knowledge-screen-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  overflow: hidden;
}.waba-setup-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
  overflow-y: scroll;
  width: 100%;
  flex: 1;
}
.waba-setup-screen-header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: sticky;
  top: 0px;
  z-index: 9;
}
.waba-setup-screen-header-context {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  align-items: center;
}
.waba-setup-screen-header-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.waba-setup-screen-header-content-text {
  color: #454545;
  font-size: 12px;
  line-height: 16px;
}
.waba-setup-screen-header-content-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.waba-setup-screen-header-home {
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 50px;
  cursor: pointer;
}
.waba-setup-screen-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}.test-agent-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: relative;
  overflow: hidden;
  width: 100%;
  flex: 1;
}
.test-agent-screen-header {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: sticky;
  top: 0px;
  z-index: 9;
}
.test-agent-screen-header-context {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px;
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
  align-items: center;
}
.test-agent-screen-header-content {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.test-agent-screen-header-content-text {
  color: #454545;
  font-size: 12px;
  line-height: 16px;
}
.test-agent-screen-header-content-heading {
  color: #262626;
  font-size: 16px;
  line-height: 22px;
}
.test-agent-screen-header-home {
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 50px;
  cursor: pointer;
}
.test-agent-screen-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  overflow-y: scroll;
}/* You can add global styles to this file, and also import other style files */
.signup-onboarding-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  width: 100%;
  flex: 1;
  position: fixed;
  height: 100%;
}
.signup-onboarding-screen-header {
  display: flex;
  flex-direction: row;
  gap: 0px;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f1eb;
  padding: 4px 24px;
  padding-left: 14px;
}
.signup-onboarding-screen-header-left {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
}
.signup-onboarding-screen-header-left-icon {
  display: flex;
}
.signup-onboarding-screen-header-left-profile {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.signup-onboarding-screen-header-left-profile-name {
  font-size: 16px;
}
.signup-onboarding-screen-header-right {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
}
.signup-onboarding-screen-body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
}
.signup-onboarding-screen-body-top-strip {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 10px 12px;
  background-color: #f7cfc5;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  top: 48px;
  z-index: 999;
}
.signup-onboarding-screen-body-top-strip-left {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.signup-onboarding-screen-body-top-strip-left-text {
  color: #0a0a0a;
  font-size: 13px;
  line-height: 16px;
}
.signup-onboarding-screen-body-top-strip-right {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.signup-onboarding-screen-body-top-strip-right .text-btn {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.24px;
  color: #1dab62;
  cursor: pointer;
}
.signup-onboarding-screen-body-top-strip-right .strip-btn {
  width: fit-content;
  font-size: 12px;
}
.signup-onboarding-screen-body-top-strip-right .view-btn {
  background-color: transparent;
  border: 1px solid #1dab62;
  border-radius: 4px;
  color: #1dab62;
}
.signup-onboarding-screen-body-top-strip-right .retrain-btn {
  background-color: #1dab62;
  border: transparent;
  border-radius: 4px;
  color: #ffffff;
}
.signup-onboarding-screen .signup-onboarding-screen-body-bottom-strip {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 6px 12px;
  background-color: #1dab62;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
}
.signup-onboarding-screen .signup-onboarding-screen-body-bottom-strip-left {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  min-height: max-content;
}
.signup-onboarding-screen .signup-onboarding-screen-body-bottom-strip-left-text {
  color: #ffffff;
  font-size: 13px;
  letter-spacing: 0.26px;
  line-height: 16px;
}
.signup-onboarding-screen .signup-onboarding-screen-body-bottom-strip-right {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.signup-onboarding-screen .signup-onboarding-screen-body-bottom-strip-right .get-btn {
  background-color: #ffffff;
  border: 1px solid #1dab62;
  border-radius: 8px;
  color: #1dab62;
  font-size: 12px;
  width: max-content;
}
.signup-onboarding-screen-footer {
  display: flex;
  flex-direction: row;
  gap: 8px;
  background-color: #f5f1eb;
  padding: 12px;
  padding-top: 0px;
  align-items: flex-end;
}
.signup-onboarding-screen-footer .add-icon {
  margin-bottom: 8px;
}
.signup-onboarding-screen-footer .chat-bar-input {
  flex: 1;
}/* You can add global styles to this file, and also import other style files */
.retrain-agent-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  flex: 1;
  width: 100%;
  overflow: hidden;
}
.retrain-agent-screen-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 12px 16px 12px 12px;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}
.retrain-agent-screen-header-icon {
  padding: 8px;
  cursor: pointer;
}
.retrain-agent-screen-header-text {
  flex: 1;
  font-size: 16px;
  color: #262626;
  line-height: 22px;
}
.retrain-agent-screen-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  flex: 1;
  overflow-y: auto;
  padding-bottom: 80px;
}
.retrain-agent-screen-body-text {
  font-size: 14px;
  color: #262626;
  line-height: 20px;
}
.retrain-agent-screen-body-upload-section {
  display: flex;
  flex-direction: row;
  gap: 12px;
  border: 1px dashed #32a7e8;
  background-color: #ebf6fd;
  padding: 8px;
  border-radius: 4px;
  align-items: center;
}
.retrain-agent-screen-body-upload-section-icon {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  background-color: #ffffff;
}
.retrain-agent-screen-body-upload-section-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.retrain-agent-screen-body-upload-section-text .section-heading {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.retrain-agent-screen-body-upload-section-text .section-description {
  color: #595959;
  font-size: 12px;
  line-height: 16px;
}
.retrain-agent-screen-footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px 12px 16px;
  align-items: center;
  position: fixed;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
}
.retrain-agent-screen-footer-btn {
  width: fit-content;
  border: transparent;
  padding: 16px 24px;
  border-radius: 12px;
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.25);
}
.retrain-agent-screen-dialog {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #f5f5f5;
  position: fixed;
  bottom: 0;
  width: 90%;
  padding: 16px;
  margin-bottom: 16px;
  box-sizing: border-box;
  align-self: center;
}
.retrain-agent-screen-dialog-text {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.retrain-agent-screen-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.retrain-agent-screen-dialog-content .dialog-file-card {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.retrain-agent-screen-dialog-content .dialog-file-card-details {
  flex: 1;
}
.retrain-agent-screen-dialog-content .dialog-file-card-details-heading {
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}
.retrain-agent-screen-dialog-content .dialog-buttons {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
}
.retrain-agent-screen-dialog-content .dialog-buttons .dialog-btn {
  width: 100%;
}
.retrain-agent-screen-dialog-content .dialog-buttons .dialog-btn.view-btn {
  border-radius: 12px;
  border: 1px solid #1dab62;
  color: #1dab62;
  padding: 12px 16px;
  background: transparent;
}
.retrain-agent-screen-dialog-content .dialog-buttons .dialog-btn.upload-btn {
  border-radius: 12px;
  border: 0px;
  color: #ffffff;
  padding: 12px 16px;
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
}
.retrain-agent-screen-training-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 1000;
}
.retrain-agent-screen-training-drawer {
  background: white;
  border-radius: 16px 16px 0 0;
  padding: 32px;
  width: 100%;
  max-height: 80vh;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.2);
  animation: slideUpFromBottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform-origin: bottom;
}
.retrain-agent-screen-training-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.retrain-agent-screen-training-image {
  width: 200px;
  height: 200px;
}
.retrain-agent-screen-training-heading {
  color: #262626;
  font-size: 18px;
  line-height: 24px;
}
.retrain-agent-screen-training-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
}
.retrain-agent-screen-training-ready-heading {
  color: #262626;
  font-size: 20px;
  line-height: 28px;
}
.retrain-agent-screen-training-test-button {
  background: linear-gradient(135deg, #40a9ff 0%, #9c3fff 100%);
  color: white;
  border: none;
  margin-top: 16px;
  min-width: 200px;
  height: 48px;
  font-weight: 600;
}
.retrain-agent-screen-training-test-button:hover {
  background: linear-gradient(135deg, #1890ff 0%, #8b2fe8 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(64, 169, 255, 0.3);
}

@keyframes slideUpFromBottom {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/* You can add global styles to this file, and also import other style files */
.signup-launch-screen {
  position: fixed;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.signup-launch-screen-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 24px;
  overflow: scroll;
  justify-content: flex-start;
}
.signup-launch-screen-header {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.signup-launch-screen-header-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.signup-launch-screen-header-text-sub {
  font-size: 16px;
  color: #262626;
  line-height: 22px;
}
.signup-launch-screen-header-text-main {
  color: #1dab62;
  font-size: 16px;
  line-height: 22px;
}
.signup-launch-screen-text {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.signup-launch-screen-link-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px;
  border-radius: 8px;
  border: 3px solid #8c3cff;
  background-color: #ebf6fd;
}
.signup-launch-screen-link-section-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.signup-launch-screen-link-section-text .main-text {
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}
.signup-launch-screen-link-section-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.signup-launch-screen-link-section-body-text {
  color: #595959;
  font-size: 14px;
  line-height: 20px;
}
.signup-launch-screen-link-section-body-text .highlight {
  color: #000000;
}
.signup-launch-screen-link-section-body-box {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid #7ec8f1;
  background-color: #ffffff;
  border-radius: 6px;
  align-items: center;
}
.signup-launch-screen-link-section-body-box a {
  color: #000000;
  font-size: 14px;
}
.signup-launch-screen-link-section-body-box .link-section-buttons {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.signup-launch-screen-link-section-body-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.signup-launch-screen-link-section-body-buttons .link-btn {
  background-color: transparent;
  flex: 1;
  width: unset;
  color: #32a7e8;
  border: 1.5px solid #32a7e8;
  padding: 12px 16px;
}
.signup-launch-screen-link-section-expire-text {
  font-size: 12px;
  color: #595959;
  align-self: center;
  text-align: center;
}
.signup-launch-screen-whatsapp-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  border-radius: 8px;
  border: 3px solid #2abb7f;
  background-color: #eaf8f2;
}
.signup-launch-screen-whatsapp-section-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.signup-launch-screen-whatsapp-section-text .main-text {
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}
.signup-launch-screen-whatsapp-section-text .sub-text {
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}
.signup-launch-screen-whatsapp-section-text .sub-text .highlight {
  color: #262626;
}
.signup-launch-screen-whatsapp-section-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.signup-launch-screen-whatsapp-section-body-box {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  padding: 12px;
  border: 1px solid #7ec8f1;
  background-color: #ffffff;
  border-radius: 6px;
}
.signup-launch-screen-whatsapp-section-body-box .box-text {
  color: #000000;
  font-size: 14px;
}
.signup-launch-screen-whatsapp-section-body-buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.signup-launch-screen-whatsapp-section-body-buttons .whatsapp-btn {
  background-color: transparent;
  flex: 1;
  width: unset;
  color: #1dab62;
  border: 1.5px solid #1dab62;
  padding: 12px 16px;
}
.signup-launch-screen-whatsapp-section-expire-text {
  font-size: 12px;
  color: #595959;
  align-self: center;
  text-align: center;
}/* You can add global styles to this file, and also import other style files */
.signup-home-screen-header-right, .signup-home-screen-agent-content {
  display: flex;
  justify-content: center;
  align-items: center;
}

.signup-home-screen {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px 16px;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  background-color: #ecf0f5;
}
.signup-home-screen-header {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.signup-home-screen-header-left {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  flex: 1;
}
.signup-home-screen-header-left-icon {
  width: 38px;
  height: 38px;
}
.signup-home-screen-header-left-text {
  display: flex;
  flex-direction: column;
  gap: -4px;
}
.signup-home-screen-header-left-text-greeting {
  font-size: 14px;
  line-height: 20px;
  color: #262626;
}
.signup-home-screen-header-left-text-company {
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}
.signup-home-screen-header-right {
  display: flex;
  flex-direction: row;
  gap: 0px;
  padding: 8px;
  background-color: #ffffff;
  border-radius: 50px;
  cursor: pointer;
}
.signup-home-screen-header-right-icon {
  width: 20px;
  height: 20px;
}
.signup-home-screen-agent {
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
}
.signup-home-screen-agent-strip {
  height: 8px;
  width: 100%;
  border-radius: 8px 8px 0px 0px;
  background: linear-gradient(90deg, #8c3cff -0.88%, #32a7e8 24.28%, #2abb7f 49.35%, #0067ff 74.08%, #262626 99.16%);
}
.signup-home-screen-agent-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
  border-radius: 0px 0px 8px 8px;
  background: radial-gradient(25.84% 25.84% at 50% 27%, #91beff 33.65%, #002e73 100%);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
}
.signup-home-screen-agent-content-gif {
  border-radius: 150px;
  width: 130px;
  height: 138px;
}
.signup-home-screen-agent-content-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  text-align: center;
}
.signup-home-screen-agent-content-text-heading {
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
}
.signup-home-screen-agent-content-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #bfbfbf;
}
.signup-home-screen-agent-content-buttons {
  display: flex;
  flex-direction: row;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}
.signup-home-screen-agent-content-buttons .train-agent-btn {
  background-color: transparent;
  border: 1px solid #32a7e8;
  color: #32a7e8;
  flex: 1;
  width: fit-content;
}
.signup-home-screen-agent-content-buttons .test-agent-btn {
  color: #ffffff;
  background: linear-gradient(93deg, #32a7e8 6.97%, #8c3cff 113.11%);
  color: #ffffff;
  flex: 1;
  width: fit-content;
  border: none;
}
.signup-home-screen-why {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.signup-home-screen-why-heading {
  font-size: 12px;
  line-height: 16px;
  color: #8c8c8c;
}
.signup-home-screen-why-body {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.signup-home-screen-why-body-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 16px;
  background-color: #ffffff;
  border-radius: 8px;
  flex: 1;
}
.signup-home-screen-why-body-item-heading {
  color: #595959;
  font-size: 20px;
  line-height: 28px;
}
.signup-home-screen-zoknow {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: #ceeaf9;
  border-radius: 8px;
}
.signup-home-screen-zoknow-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.signup-home-screen-zoknow-text-heading {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  line-height: 22px;
  color: #262626;
}
.signup-home-screen-zoknow-text-description {
  font-size: 14px;
  line-height: 20px;
  color: #595959;
}
.signup-home-screen-zoknow-link {
  display: flex;
  flex-direction: row;
  gap: 0px;
  background-color: #ffffff;
  border: 1px solid #32a7e8;
  padding: 12px;
  border-radius: 6px;
  align-items: center;
}
.signup-home-screen-zoknow-link a {
  font-size: 14px;
  color: #000000;
  flex: 1;
}/* You can add global styles to this file, and also import other style files */
.view-sample-file-screen {
  display: flex;
  flex-direction: column;
  gap: 0px;
  position: absolute;
  width: 100%;
  height: 100vh;
}
.view-sample-file-screen-header {
  display: flex;
  flex-direction: row;
  gap: 12px;
  background-color: #ffffff;
  padding: 12px 16px;
  align-items: center;
  position: sticky;
  top: 0;
}
.view-sample-file-screen-header-text {
  color: #262626;
}
.view-sample-file-screen-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 12px;
  align-items: center;
  width: 100%;
  flex: 1;
  overflow: hidden;
  background-color: #ecf0f5;
  box-sizing: border-box;
}
.view-sample-file-screen-body-content {
  overflow-y: auto;
  background-color: #ffffff;
  padding: 24px 20px;
  white-space: pre-wrap;
  line-height: 24px;
  overflow-wrap: break-word;
  font-size: 15px;
  letter-spacing: 0.1px;
  color: #262626;
}