/* cspell: ignore sider */
/* @value color-elevation-small 0 0 0 1px #f4f4f4, 0 1px 4px 0 rgba(109, 110, 111, 0.08); */


/* cspell: ignore sider */
/*
*
* Text actions
*
*/
span.header_38NdL {
  font-size: 18px;
  font-weight: 900;
  color: rgba(51, 51, 51, 1);
  margin: 0px;
}

span.graph_title_4wZ1N {
  font-size: 10px;
  margin: 0px;
}

/* Defaults */

/* Title */

.titleBlue_1WTjM {
  font-size: 18px;
  font-weight: bold;
  color: #008af5;
}

.titleWhite_18dSr {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
}

.titleLarge_3wgQz {
  font-size: 20px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.title_2hoKn {
  font-size: 16px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.title-ptp_3pMg- {
  font-size: 30px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

.titleSmall_AQjSo {
  font-size: 12px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
}

/* Subtitle */

.subtitle_CNRGV {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.subtitleSmall_2InzF {
  font-size: 10px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.54);
}

.subtitleLarge_3ylei {
  font-size: 14px;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
}

.Tint-Text_3Vjij {
  font-size: 12px;
  font-weight: normal;
  color: #33333361;
}

.paragraphLight_2AcF3 {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.54);
}

.paragraph_Oal18 {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.paragraphLarge_2vjPJ {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.FilterActive_2WKpE {
  font-size: 11px;
  font-weight: 500;
  color: #ffffff;
}

.Error_2jHe6 {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #cc0000;
}

.Success_AHbFk {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #11c278;
}
.Queued_2Eyw8 {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #f7ba1e;
}

.Processing_Ag2rc {
  font-size: 11px;
  font-weight: 500;
  text-align: right;
  color: #ef8432;
}

.FilterInactive_1AvLi {
  font-size: 11px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
}

.HeadersOrange_2YrZO {
  font-size: 9px;
  font-weight: bold;
  letter-spacing: 0.42px;
  color: #ef8432;
}

.separator_2mk9f {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.42px;
  color: #707070;
}

.tag_1Joqw {
  font-size: 11px;
  font-weight: normal;
}

.TagGrey_2-UTC {
  font-size: 10px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
}

.TagOrange_2oB1F {
  font-size: 11px;
  font-weight: 500;
  color: #e56300;
}

.TagBlue_974qs {
  font-size: 11px;
  font-weight: 500;
  color: var(--azure);
}

.CTASecondary-CTAWhite_mseLk {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
}

.CTASecondary-CTABlue_3Txj- {
  font-size: 12px;
  font-weight: 600;
  color: var(--azure);
}

.CTAPrimaryWhite_30foF {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5px;
  color: #ffffff;
}

.CTASecondary-CTAGrey_1Fas5 {
  font-size: 12px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.54);
}

.Sider_1T-mj {
  font-size: 12px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.66);
}

.updateTextSider_1QLGx {
  color: rgba(255, 255, 255, 0.66);
}

.Sider_1T-mj:hover {
  color: #fff;
}

.Required_YRNze {
  color: #d93025;
  margin-left: 2px;
}

/* Custom Attributes */

.thin_2sa1W {
  font-weight: 400;
}

.medium_1nC7s {
  font-weight: 400;
}

.bold_1W2YJ {
  font-weight: 700;
}

.extraBold_2lwdS {
  font-weight: 900;
}

.orange_27IKh {
  color: #ef8432;
}

.hover-orange_1wIfj:hover {
  color: #ef8432;
}

.grey_exmMb {
  color: rgba(51, 51, 51, 0.54);
}

.ptp-green_3Dw8A {
  color: #72be3e;
}

.ptp-red_2qdcK {
  color: #f2331d;
}

.ptp-orange_25j-N {
  color: #ffa240;
}

.filter-gray_AyuvS {
  color: #707070;
}

.cursor-pointer_17MjK {
  cursor: pointer;
}

.positive_3zWnf {
  /* background-color: positive-background-color; */
  color: #1e8e3e;
}

.negative_TzMJO {
  /* background-color: negative-background-color; */
  color: #d93025;
}

.neutral_RhCNT {
  /* background-color: neutral-background-color; */
  color: #d93025;
}

.no-wrap_37Mv5 {
  white-space: nowrap;
}

.capitalize_KDLU4 {
  text-transform: capitalize;
}

.blue_18yMO {
  color: rgba(43, 144, 247);
  font-size: 11px;
  line-height: 11px;
}

.dusky-orange_3EcPp {
  color: #f29645;
  font-size: 11px;
  line-height: 11px;
}

.transcript-orange_1Yw7j {
  color: rgba(239, 132, 50, 1);
}

.transcript-blue_tvabW {
  color: rgba(43, 144, 247, 1);
}

.modal-title_j0k2A {
  font-size: 24px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  display: block;
  text-align: center;
  margin: 1rem 0;
}

.disputeButtonTitle_3hZ2m {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.02em;

  color: #008af5;
}

.acknowledgementButtonTitle_TTntW {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  letter-spacing: 0.02em;
  color: #008af5;
}

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

.audioDuration_1D6u- {
  width: 120px;
  min-width: 96px;
  font-size: 11px;
  color: #969799;
  padding-right: 8px;
  display: grid;
  place-items: center;
}

.modal-title-left_321Cd {
  font-size: 18px;
  font-weight: 700;
  color: rgba(51, 51, 51, 1);
  display: block;
  text-align: left;
  margin-bottom: 2px;
  margin-top: -0.2rem;
}

.weekDay_-OpZS {
  color: #969799;
}

.weekDaySelected_3--TC {
  color: #ffffff;
}

.buttonText_1VhwD {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.emailTitle_20iho,
.tableTitle_AhGlF {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.5px;

  margin-bottom: 7px;
  color: #333333;
}

.emailTitle_20iho::after {
  content: '*';
  color: red;
}

.emailSubtitle_1XnaM {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #969799;
}

.autoExportTitle_1diI0 {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #333333;
}

.autoExportModalTitle_sJEuu {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  text-transform: capitalize;
  color: #000000;
  margin-bottom: 20px;
}

.frequencyHandlerTitle_2hHf5,
.frequencyHandlerMessage_1cFgT {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #333333;
}

.frequencyHandlerTitle_2hHf5::after {
  content: '*';
  color: red;
}

.chipText_3B3iv {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  color: #000000;
  color: #6e6f70;
}

.modalBodyText_SVC6r {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6e6f70;
}
.modalBody_2hkE7 {
  max-width: 285px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #6e6f70;
}

.modalTitle_2x9RN {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lighterText_37BGR {
  color: #bebfc2;
}

.bolderText__ZZFq {
  color: #333333;
  font-weight: 500;
}

span.information_2ZkVn {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 14px;
  color: #969799;
  text-transform: none;
}

span.extraInfoLabel_37pos {
  margin-left: 6px;
}

span.error_3Zm1U {
  color: red;
}

.utterance_2uLEP {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  line-height: normal;
}

.acknowledgeByField_1VpDc {
  display: block;
  word-wrap: break-word;
  width: 234px;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: auto;
}

.feedbackQuestion_1QvNP {
  text-align: center;
  padding: 0.3rem;
}

.graphTitle_1Dz-Z {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #3d4f57;
}

.legendText_2Xees {
  color: #374151;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.totalAccountsTitle_3CH-A {
  font-family: 'Roboto', sans-serif;
  color: var(--grey-1, #6e6f70);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.totalAccountsSubTitle_1miAh {
  color: var(--grey-1, #6e6f70);
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.formError_2g29D {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #f21e11;
}

.accountCount_3GdAT {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.tabItem_UxQMd {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  padding: 10px 12px;
  color: #969799;
  border: none;
  display: inline-block;
}

.tabItemSelected_3IE11 {
  color: #333;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #DDD;
  border-bottom: 1px solid #fff;
}

.tabItemAlreadySelected_zQSbW {
  color: #008AF5
}

.notificationHeading_3DeAw {
  color: rgba(0, 0, 0, 0.85);
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.orangeNotice_1rvR5 {
  font-size: 12px;
  color: #ef8432;
  line-height: 10px;
}

.passwordResetNotificationAlertDescription_3WR9R {
  width: 324px;
  white-space: wrap;
  display: block;
  line-height: 16px;
  margin-bottom: 16px;
  color: #FA2F2F;
}

.greetingSubtitle_1YsrH {
  font-size: 16px;
  line-height: normal;
  font-weight: 500;
}

.greetingTitle_3IV-y {
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
}

span.anchor-link_3Z2CI {
  color: #1890ff;
}

span.bold_1W2YJ {
  font-weight: bold;
}

span.dropdown-options_2L1j3 {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
}

span.languageIdentifier_2nrhi {
}

/* Demo-only: used by the ProductLogo drag-drop upload zone. */
.fileUploadText_13j2y {
  font-size: 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: auto;
}
/*
*
* Tags actions
*
*/
.system-tag {
  border-color: #8f8f8f !important;
}
span.noMargin {
  margin: 0;
}
span.table-tag {
  width: max-content;
  margin: 0px auto;
}
span.custom-green {
  color: #11C278;
  background: #96fbd11a;
  border-color: #11C278;
}
span.inputTag {
  margin-bottom: 0px;
  border-radius: 4px;
  padding: 0 8px;
  height: 24px;
}
span.ssoTag {
  border-radius: 16px;
  margin: 0px;
  transform: scale(0.8);
  margin-left: -4px;
}
div.ant-select-selector {
  gap: 3px 0px;
}

.animateSubmitIcon path {
  animation: scrollY 1.5s cubic-bezier(0.77, 0, 0.175, 1) forwards infinite;
  perspective: 9000px;
  transform: translateZ(0);
  transform-origin: bottom;
}
.animateSubmitIcon {
  z-index: 9;
  position: relative;
}
@keyframes scrollY {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  31% {
    transform: translate3d(0, -150%, 0) rotateX(-90deg) scale(0.5) skewX(0deg);
  }
  31.5% {
    transform: translate3d(100%, -150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  32% {
    transform: translate3d(100%, 150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  32.5% {
    transform: translate3d(0%, 150%, 0) rotateX(0deg) scale(0.5) skewX(0deg);
  }
  60% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
  100% {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1) skewX(0deg);
  }
}
.crossIcon {
  margin-left: 2px;
  margin-right: -4px;
  width: 100%;
  height: 100%;
}
.modalCloseIcon {
  width: 14px;
  color: #969799;
  margin: 14px 18px 0px 0px;
  padding: 0px;
}
.modalCloseIcon path {
  stroke: #969799;
  fill: #969799;
}
.chipClose {
  width: 8px;
  height: 8px;
  margin-left: 6px;
}
.chipClose path {
  stroke: #333333;
  fill: #333333;
}
.acknowledgmentModalIcon {
  width: 124px;
  height: 124px;
  object-fit: contain;
  transform: scale(1.2);
}

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

/*
*
* Alert actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */

/*
*
* Avatar actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */

/*
*
* Button actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-btn {
  display: flex;
  padding: 0px 11px;
  justify-content: center;
  align-items: center;
}
.custom-btn {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  color: rgba(51, 51, 51, 0.54);
}
.custom-btn:hover,
.custom-btn:focus {
  color: rgba(51, 51, 51, 0.54);
  background: #e8e8e8;
}
.ant-btn-primary {
  background: #008af5;
  color: white;
  font-size: 12px;
  border-radius: 4px;
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: white;
  background: #4db1ff;
}
.ant-btn-primary[disabled] svg {
  color: rgba(0, 0, 0, 0.25);
}
.ant-btn-primary[disabled] path {
  fill: rgba(0, 0, 0, 0.25);
}
.ant-btn-secondary {
  background: #1791ff;
  color: white;
  font-size: 10px;
  border: 1px solid #1791ff;
}
.ant-btn-chips {
  background: rgba(239, 132, 50, 0.12);
  color: #ef8432;
  font-size: 12px;
  font-weight: 400;
  border: solid 0.5px #ef8432;
  border-radius: 12.5px;
}
.ant-btn-chips:hover,
.ant-btn-chips:active,
.ant-btn-chips:focus {
  color: #ef8432;
  border: solid 0.5px #ef8432;
  background: rgba(239, 132, 50, 0.12);
}
.ant-btn-chips-secondary {
  background: white;
  color: rgba(51, 51, 51, 0.54);
  font-size: 12px;
  font-weight: 400;
  border: solid 1px rgba(51, 51, 51, 0.54);
  border-radius: 12.5px;
}
.ant-btn-chips-secondary:hover,
.ant-btn-chips-secondary:active,
.ant-btn-chips-secondary:focus {
  background: #d8d8d8;
  color: rgba(51, 51, 51, 0.54);
  border: solid 1px rgba(51, 51, 51, 0.54);
}
.ant-btn-normal {
  background: #f4f4f4;
  color: rgba(51, 51, 51, 0.87);
  border: 1px solid #979797;
}
.ant-btn-normal:hover,
.ant-btn-normal:active,
.ant-btn-normal:focus {
  color: #333333;
  border: 1px solid #979797;
}
.ant-btn-circle {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-link:hover {
  border-radius: 4px;
}
.ant-btn-link-primary {
  color: #008af5;
  border: none;
}
.ant-btn-link-primary:hover,
.ant-btn-link-primary:focus {
  border-radius: 4px;
  color: #008af5;
}
.ant-btn-link-primary-red {
  color: #f2331d;
  border: none;
}
.ant-btn-link-primary-red:hover,
.ant-btn-link-primary-red:focus {
  border-radius: 4px;
  color: #f2331d;
}
.ant-btn-reset-link {
  background: none;
  border: none;
  text-align: left;
  padding: 0;
}
.ant-btn-reset-link:hover {
  background: none;
}
.ant-btn-reset-link:focus {
  background: none;
}
.clear-search {
  height: 28px;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0px 10px;
  color: #666666;
  min-width: 60px;
}
.ant-btn > .ant-btn-loading-icon .anticon {
  margin-right: 8px;
  padding-right: 0px;
}
.pointer-events-none {
  pointer-events: none;
}
.ant-btn-async,
.ant-btn-async:hover,
.ant-btn-async:focus,
.ant-btn-async:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
}
.ant-btn-graphExpand,
.ant-btn-graphExpand:hover,
.ant-btn-graphExpand:focus,
.ant-btn-graphExpand:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: solid 1px rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 2px;
}
.ant-btn-asyncSelected,
.ant-btn-asyncSelected:hover,
.ant-btn-asyncSelected:focus,
.ant-btn-asyncSelected:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: rgba(51, 51, 51, 0.54);
  background: #ffffff;
  border: 1px solid rgba(51, 51, 51, 0.54);
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.ant-btn-asyncPrimary,
.ant-btn-asyncPrimary:hover,
.ant-btn-asyncPrimary:focus,
.ant-btn-asyncPrimary:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: #ffffff;
  background: #008af5;
  border: 1px solid #008af5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
}
.ant-btn-asyncPrimarySelected,
.ant-btn-asyncPrimarySelected:hover,
.ant-btn-asyncPrimarySelected:focus,
.ant-btn-asyncPrimarySelected:active {
  font-style: normal;
  font-weight: normal;
  font-size: 10px;
  line-height: 24px;
  color: #ffffff;
  background: #008af5;
  border: 1px solid #008af5;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 1px 8px;
  margin-right: 4px;
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.2);
}
.ant-btn-expandIcon,
.ant-btn-expandIcon:hover,
.ant-btn-expandIcon:focus,
.ant-btn-expandIcon:active {
  border-radius: 1.2px;
  border: 0.24px solid #969799;
  margin-right: 4px;
  padding: 0px;
}
.ant-btn-asyncPrimarySelected:hover {
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.4);
}
.ant-btn-asyncPrimary:hover {
  box-shadow: 0px 0px 0px 4px rgba(0, 138, 245, 0.2);
}
.ant-btn-asyncSelected:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.2);
}
.ant-btn-async:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.ant-btn-graphExpand:hover {
  box-shadow: 0px 0px 0px 4px rgba(51, 51, 51, 0.1);
}
.disputeButton {
  align-items: center;
  padding: 4px 8px;
  gap: 2px;
  width: 69px;
  height: 22px;
  background: #ffffff;
  border: 0.5px solid #dcdde0;
  border-radius: 4px;
}
button.disputeButton:hover {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.disputeButton:focus {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.acknowledgementButton {
  align-items: center;
  padding: 4px 8px;
  gap: 6px;
  width: 69px;
  height: 22px;
  background: #ffffff;
  border: 0.5px solid #dcdde0;
  border-radius: 4px;
  text-shadow: none;
  box-shadow: none;
}
button.acknowledgementButton:hover {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.acknowledgementButton:focus {
  background: #f4faff;
  border: 0.5px solid #a0d4ff;
}
button.scorecardAcknowledged {
  background: rgba(0, 138, 245, 0.05);
  border: 0.5px solid #008AF5;
}
.scorecardAcknowledged svg {
  color: #008AF5;
}
.editPermissions,
.editPermissions:hover {
  display: grid;
  grid-template-columns: max-content max-content;
  grid-gap: 0px;
  align-items: center;
  border-radius: 4px;
  padding-left: 17px;
  padding-right: 17px;
}
.editPermissions[disabled],
.editPermissions[disabled]:hover {
  background: #969799;
  color: #fff;
  border-radius: 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
}
.editPermissions > span {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
}
.editPermissions > svg {
  margin: 0px;
}
.editPermissionsCancel,
.editPermissionsCancel[disabled],
.editPermissionsCancel[disabled]:hover,
.editPermissionsCancel:hover,
.editPermissionsCancel:focus,
.editPermissionsCancel:active {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.5px;
  background: #ffffff;
  border: 1px solid #bebfc2;
  border-radius: 4px;
}
.discardModal {
  background: #ffffff;
  border: 1px solid #bebfc2;
  border-radius: 4px;
  padding: 8px 12px;
  max-width: 68px;
}
.modalCancel {
  max-width: 68px;
}
button.buttonLink {
  color: #4db1ff;
  font-size: 11px;
  font-weight: normal;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  gap: 4px;
}
button.buttonLink:hover,
button.buttonLink:focus {
  color: #4db1ff;
  background: #fff;
  text-decoration: none;
}
button.buttonLink:not([disabled]):hover {
  text-decoration: none;
}
button.buttonLink svg {
  color: #4db1ff;
}
button.buttonLink:disabled svg {
  color: rgba(0, 0, 0, 0.25);
}
button.secondary-button,
button.secondary-button:hover,
button.secondary-button:focus,
button.secondary-button:active {
  box-sizing: border-box;
  padding: 1px 2px;
  padding: 3.623px 13.588px;
  border-radius: 1.812px;
  border: 0.906px solid #D9D9D9;
  background: #FFF;
  background-color: #fff;
  box-shadow: 0px 1.81170189px 0px 0px rgba(0, 0, 0, 0.02);
  color: #6E6F70;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 12.682px;
  font-style: normal;
  font-weight: 400;
  line-height: 19.929px;
}
button.no-btn {
  font-size: 12px;
  border-radius: 4px;
  background: none;
  box-shadow: none;
  padding: 0px;
  margin-left: 1px;
}
button.no-btn:hover,
button.no-btn:focus {
  background: none;
  box-shadow: none;
}
button.no-btn::after {
  all: unset;
}
button.no-btn svg {
  margin-right: 0px !important;
}
button.selectionButtons {
  background-color: white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-width: 1px;
  border-color: #e4e4e7;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  outline: none;
}
button.selected,
button.selected:focus {
  background-color: #18181b;
  color: #fafafa;
}
/* Demo-only: ProductLogo upload UI uses these for the edit + select-file buttons.
   Inert when ProductLogo is not rendered (i.e. when tenantLogoEnabled is false). */
button.noneTypeButton {
  color: #4db1ff;
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
}
button.noneTypeButton:hover {
  color: #4db1ff;
  background: #fff;
  text-decoration: none;
}
button.noneTypeButton:not([disabled]):hover {
  text-decoration: none;
}
button.ant-btn-link {
  color: #4db1ff;
  padding: 0px;
}
button.ant-btn-link:hover {
  background: none;
  color: #4db1ff;
  text-decoration: underline;
}
button.ant-btn-link:not([disabled]):hover {
  text-decoration: none;
}

/*
*
* Card actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-card {
  border-radius: 4px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 5px;
}
.ant-card-body {
  padding: 16px;
  border-radius: 4px;
}

/*
*
* PopOver actions
*
*/

/*
*
* Dropdown actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.dropdown-content .ant-popover-inner-content {
  padding: 5px 20px;
}
.dropdown-row-item-border {
  border-bottom: 1px solid #979797;
}
.dropdown-row-item {
  display: flex;
  align-items: center;
  padding: 15px 0px;
  color: rgba(51, 51, 51, 0.87);
  min-width: 60px;
  cursor: pointer;
}
.dropdown-row-item:hover {
  background-color: #f2f2f2;
}
.dropdown-row-item .row-item-selected {
  color: #ef8432;
}
.dropdown-row-item .row-item-prefix {
  margin-right: 10px;
}
.dropdown-row-item .row-item-name {
  margin-right: 10px;
}
.callVisibleDropdown .ant-dropdown-menu {
  border-radius: 4px;
  padding: 0px;
  padding-bottom: 0px;
  overflow: hidden;
}

/*
*
* DatePicker actions
*
*/

/*
*
* EmptyState actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-result-title {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 10px;
  margin-top: 10px;
}
.ant-result-subtitle {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.5px;
  text-align: center;
}
.ant-result {
  margin: auto;
  height: auto;
}
.empty-state-button {
  display: grid;
  place-items: center;
}
.page-loading {
  position: absolute !important;
  width: 100%;
  height: calc(100vh - 50px) !important;
  background: rgba(255, 255, 255, 0.65);
}

/*
*
* FileUploader actions
*
*/

.addOptionContainer_3-ymG {
    display: grid;
    grid-template-columns: 80% -webkit-max-content;
    grid-template-columns: 80% max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.optionValue_2SFFY {
    overflow: hidden;
    text-overflow: ellipsis;
}

.popupClassName_268zO .ant-select-tree-list-holder_1I5Fe {
  display: inherit;
}

.footerContainer_pXZQE {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.tagContainer_2A_bn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  gap: 4px;
  padding-left: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.customForm_70pQC label {
  font-size: 12px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.customForm_70pQC .ant-select-selection {
  height: 43px;
}

.customForm_70pQC .ant-input-number {
  line-height: 40px;
  width: 100%;
}

.formButtonTags_3jTYD {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
}

.formButtonTags_3jTYD .hideCancelBtn_2bPBo {
  grid-template-columns: 90px;
}

.customForm_70pQC .ant-select {
  height: 43px;
}

.selectClass_7OMe5 .ant-select-selector {
  height: 43px !important;
}

.customForm_70pQC .ant-input-number input {
  color: rgba(51, 51, 51, 1);
  font-weight: 500;
}

.customForm_70pQC label {
  width: 100%;
}

.selectClass_7OMe5 .ant-select-selector .ant-select-selection-item {
  line-height: 43px;
}

.customButton_1j-RG {
  margin: 0px;
}

.selectClass_7OMe5 .ant-select-selector .ant-select-selection-placeholder {
  line-height: 43px;
}

.multiSelectClass_eiuEB .ant-select-selector {
  min-height: 31px !important;
  padding: 6.5px 4px;
}
.sectionBox_3Qy1D {
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eef0f2));
  background: linear-gradient(180deg, #fafafa 0%, #eef0f2 100%);
  border: 1px solid #e4e7eb;
  border-radius: 8px;
  padding: 14px 16px 2px;
  margin-bottom: 12px;
}
.sectionBoxTitle_2n3uO {
  font-weight: 600;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  margin-bottom: 12px;
}

.tagSelect_1cKNn .ant-select-selector {
  min-height: 43px !important;
  padding: 7px 4px;
}

/* Tag close (x) button: 12x12 glyph with padding on all sides */
.multiSelectClass_eiuEB .ant-select-selection-item-remove,
.tagSelect_1cKNn .ant-select-selection-item-remove,
.multiSelectClass_eiuEB .ant-tag-close-icon,
.tagSelect_1cKNn .ant-tag-close-icon {
  font-size: 12px;
  width: 12px;
  height: 12px;
  padding: 2px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.freeFormSelect_1pEJv .ant-select-selector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px !important;
}

.freeFormSelect_1pEJv .ant-select-selection-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customForm_70pQC .ant-select-selection .ant-select-selection__rendered {
  line-height: 43px;
}

.customForm_70pQC
  .ant-select-selection .ant-select-selection-selected-value {
  font-size: 14px;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.noMargin_18Qm9 {
  margin: 0px;
}

.inputLabelContainer_Un14n {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.inputLabelContainer_Un14n span {
  color: #4DB1FF;
}

.switchContainer_3pYmF {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.copyIcon_P4XGE {
  font-size: 14px;
  color: #888;
  margin-left: 6px;
  vertical-align: middle;
  cursor: pointer;
}
/*
*
* Input actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-input,
.ant-input-number {
  font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.ant-input::placeholder {
  font-size: 12px;
  font-weight: 400;
  color: rgba(51, 51, 51, 0.87);
}
.ant-input-search > .ant-input-group > .ant-input-group-addon .ant-input-search-button:not(.ant-btn-primary) {
  border-left: none;
}
.ant-input-search > .ant-input-group > .ant-input-affix-wrapper {
  box-shadow: none;
  border: 1px solid #d9d9d9;
}
.ant-input-number {
  width: 94px;
}
textarea.disputeInput {
  font-size: 12px;
  padding-bottom: 24px;
  border-radius: 3px;
  width: 182px;
  caret-color: black;
}
.inputNumberStyle {
  width: 78px;
  margin: 5px;
}

/*
*
* Select actions
*
*/
.ant-select {
  width: 100%;
}
.noBackgroundHighlight .ant-select-item-option-selected {
  background-color: transparent !important;
  color: inherit;
  /* Ensure the text color remains appropriate */
}

/*
*
* Tooltip actions
*
*/

.userRoleTooltip {
  border-radius: 4px;
}

.userRoleTooltip .ant-tooltip-inner {
  background: #333333;
  -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.12);
  border-radius: 8px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  max-width: 262px;
}

/*
*
* Switch actions
*
*/

/*
*
* Layout actions
*
*/

/* stylelint-disable no-descending-specificity */
/*
*
* Modal actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.vertical-center-modal {
  display: flex;
  align-items: center;
  justify-content: center;
}
.vertical-center-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-center-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-center-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-center-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.vertical-top-modal {
  margin-top: 2vh;
}
.vertical-top-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-top-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-top-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-top-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.vertical-modal .ant-modal {
  top: 0;
  padding-bottom: 0;
}
.vertical-modal .ant-modal-content .ant-modal-header {
  padding: 28px 0px 20px;
  margin: 0px 23px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #021529;
  border-bottom: solid 0.5px #33333361;
}
.vertical-modal .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  color: #021529;
}
.vertical-modal .ant-modal-content .ant-modal-close .ant-modal-close-x {
  height: 50px;
  width: 50px;
  line-height: 50px;
}
.modal-gradient .ant-modal-header {
  background: transparent;
  border-bottom: 0px;
  color: white;
}
.modal-gradient .ant-modal-title {
  color: white;
  font-size: 1.2em;
}
.modal-gradient .ant-modal-body {
  padding: 0px !important;
}
.modal-gradient .modal-content-wrapper {
  padding: 20px 20px 2px 20px;
}
.modal-gradient .ant-modal-close-icon {
  color: white;
  border: 2px solid;
  border-radius: 50%;
  padding: 3px;
}
.modal-gradient .ant-modal-footer {
  border-top: 0px;
}
.modal-gradient .modal-content-wrapper > h3 {
  color: white;
}
.ant-modal-confirm .ant-modal-confirm-buttons {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
}
.modal-btn-container {
  display: grid;
  grid-auto-flow: column;
  padding: 18px 24px;
  grid-template-columns: 90px 90px;
  grid-gap: 10px;
  justify-content: end;
}
.schedule-export-modal .ant-modal-content {
  border-radius: 8px;
}
.userRoleModal .ant-modal-content {
  border-radius: 8px;
}
.glassmorphism .ant-modal-close {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  color: rgba(255, 255, 255, 0.8);
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 0;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

.notFoundPage_2IibA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: inherit;
  height: calc(100vh - 60px);
}

/*
*
* PopConfirm actions
*
*/

/*
*
* Select actions
*
*/
.ant-select {
  width: 100%;
}
.ant-select-tree-show-line .ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
  color: rgba(0, 0, 0, 0.5) !important;
}
.ant-select-disabled.ant-select-multiple .ant-select-selector {
  opacity: 0.6;
}
.ant-select-disabled span {
  cursor: not-allowed;
}

/*
*
* Slider actions
*
*/

/*
*
* Pagination actions
*
*/

/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable no-descending-specificity */
/*
*
* Checkbox actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-checkbox-checked::after {
  border-color: #008af5;
  border: 2px solid #008af5;
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #008af5;
  border: 2px solid #008af5;
}
.ant-checkbox .ant-checkbox-inner {
  border: 2px solid #666666;
}
.ant-checkbox-checked .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.ant-checkbox .ant-checkbox-input:focus {
  border: 2px solid #008af5;
}
.ant-checkbox-inner::after {
  top: 48%;
  left: 20%;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #008af5;
}
.ant-checkbox-checked .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  border: 2px solid #008af5;
}
.checkBoxContainer {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  /* identical to box height */
  /* Grey 2 */
  color: #969799;
}

/*
*
* Tabs actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-tabs-nav .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #008af5;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.ant-tabs-nav {
  border-bottom: 1px solid #cccccc;
}
.ant-tabs-tab {
  padding: 12px 16px;
}

/*
*
* Radio actions
*
*/
.ant-radio-inner:after {
  top: 50%;
  left: 50%;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: translate(-50%, -50%) scale(1);
}

/*
*
* Row actions
*
*/

/*
*
* Table actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.ant-table-thead > tr > th {
  background: #ffffff;
}
.ant-table-tbody > tr > td {
  background: #ffffff;
  font-size: 11px;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
}
.ant-table-tbody > tr:hover {
  background-color: #f3f3f3;
}
.ant-table-column-title {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-transform: uppercase;
}
.ant-table-tbody > tr > td.bold {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.ant-table-tbody > tr > td.center {
  text-align: center;
}
.ant-table-tbody > tr > td.default-text-color {
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  text-transform: capitalize;
}
.ant-table-tbody > tr > td.regular {
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  text-transform: capitalize;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
th.ant-table-cell {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-transform: uppercase;
}
.ant-table-small .ant-table-thead > tr > th {
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}
.ant-table-thead th.ant-table-column-sort {
  background: #fff;
}
.ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #fff;
}

/*
*
* Table actions
*
*/

.headerStyle_eVijZ {
  font-family: 'Roboto', sans-serif !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  color: #969799 !important;
  text-transform: none !important;
}

.rowCell_3K-Yh {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 4px;
}

.headerTitle_2I5B4 {
  margin-right: 10px;
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
}

.spacer_2rIiN {
  width: 14px;
}

.customHeaderCenter_2cGng {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
  text-align: center !important;
}

.customHeader_1n_WI {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #333333;
}

.customHeader_1n_WI:hover {
  background: #e8e8e8 !important;
}

/*
*
* Col actions
*
*/

/*
*
* List actions
*
*/

.copyIconBtn {
  cursor: pointer;
  color: #595959;
  font-size: 13px;
  padding: 2px;
}
.copyIconBtn:hover {
  color: #1890ff;
}

.userInputStats {
  display: flex;
  gap: 10px;
  font-size: 11px;
  padding-right: 5px;
}
.userInputStats__added {
  color: #52c41a;
}
.userInputStats__duplicate {
  color: #faad14;
}
.userInputStats__notFound {
  color: #ff4d4f;
}

.prodigalImage_3MH8I {
  width: 110px;
  height: 27.65px;
}

.editIcon_qw66P {
  position: relative;
  overflow: visible;
}

.quickAccess_20jnA {
  background: white;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 12px;
  height: 12px;
  cursor: pointer;
}

.editIcon_qw66P:hover .quickAccess_20jnA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mockSidebar_2iulC {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100vh;
  width: 200px;
  background: #001529;
  color: #fff;
  z-index: 3;
}

.logoUploadContainer_2H5vb {
  margin: 16px 14px;
  width: 148px;
  height: 48px;
  border: 1px dashed;
  border-radius: 8px;

  display: grid;
  grid-template-rows: 1fr 1fr;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

div.canDrop_2Eyhm {
  border-color: #11C278;
}

.logoContainer_lDLcl {
  padding: 16px 14px;
  max-width: 200px;
  margin-bottom: 20px;
  margin-left: 0px;
  position: relative;
}

.logoImageContainer_3CePS {
  height: 27.64px;
  width: 110px;
}

.logoImageContainer_3CePS img,
.prodigalImage_3MH8I img  {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 0% 0%;
     object-position: 0% 0%;
}

.sideOptions_3l3i_ {
  background: #1a2d3f;
  width: 85%;
  border-radius: 6px;
  margin: auto;
  padding-left: 10px !important;
  margin-bottom: 8px !important;
  height: 38px;
  line-height: 38px;
  cursor: pointer;
}

.cancelButton_204n- {
  position: absolute;
  top: 50%;
  right: 18px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}

.circleContainer_1FnR7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;

  width: 18px;
  height: 18px;
}

.circleSvg_3IkLY {
  --_circle-radius: 45px;
  --_svg-width: 100px;
  --_stroke-width: 10px; /* svg-width - (circle-radius * 2) */

  width: var(--_svg-width);
  height: var(--_svg-width);

  stroke: white;
  /*   stroke-linecap: round; */
  stroke-width: var(--_stroke-width);

  stroke-dashoffset: 1;
  stroke-dasharray: 1 1000;

  -webkit-animation: loader_1wy_u 1500ms infinite linear, spin_3JX_X 3000ms infinite linear;

          animation: loader_1wy_u 1500ms infinite linear, spin_3JX_X 3000ms infinite linear;
}

@-webkit-keyframes loader_1wy_u {
  0% {
    stroke-dashoffset: 1;
    stroke-dasharray: 1 1000;
  }

  100% {
    stroke-dashoffset: calc(var(--_circle-radius) * -2 * 3.1415);
    stroke-dasharray: calc(var(--_circle-radius) * 2 * 3.1415) 1000;
  }
}

@keyframes loader_1wy_u {
  0% {
    stroke-dashoffset: 1;
    stroke-dasharray: 1 1000;
  }

  100% {
    stroke-dashoffset: calc(var(--_circle-radius) * -2 * 3.1415);
    stroke-dasharray: calc(var(--_circle-radius) * 2 * 3.1415) 1000;
  }
}

@-webkit-keyframes spin_3JX_X {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

@keyframes spin_3JX_X {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

.sideBarOptionSubContainer_2KfeK {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.shimmerContainer_1ppwv {
  width: 144px;
  height: 27px;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 1000% 100%;
  -webkit-animation: shimmer_AANzD 15s infinite;
          animation: shimmer_AANzD 15s infinite;
  opacity: 0.55;
}

@-webkit-keyframes shimmer_AANzD {
  0% {
    background-position: -1000% 0;
  }
  100% {
    background-position: 1000% 0;
  }
}

@keyframes shimmer_AANzD {
  0% {
    background-position: -1000% 0;
  }
  100% {
    background-position: 1000% 0;
  }
}

/* cspell: ignore sider */
/*
*
* Sider actions
*
*/

.fixedSider_3hiMR,
.fixedSiderCollapsed_3ll0Z {
  overflow: auto;
  height: 100vh;
  width: 200px;
}

.fixedSider_3hiMR .ant-menu-item-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSider_3hiMR li.ant-menu-item-only-child {
  padding-left: 10px !important;
  margin-bottom: 8px !important;
}

.fixedSiderCollapsed_3ll0Z ul.ant-menu {
  transition: none;
  -webkit-transition: none;
}

.fixedSiderCollapsed_3ll0Z li.ant-menu-item-only-child {
  margin-bottom: 8px !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-item-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-submenu-selected {
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.fixedSiderCollapsed_3ll0Z .ant-menu-submenu {
  width: 85%;
  margin: 0 auto;
  height: 40px;
  margin-bottom: 8px !important;
}

.fixedSider_3hiMR .ant-menu-dark.ant-menu-inline .ant-menu-item {
  width: 85%;
  margin: 0 auto;
}

.fixedSiderCollapsed_3ll0Z ul.ant-menu-inline-collapsed > .ant-menu-item {
  padding: 0 25px;
}

.fixedSiderCollapsed_3ll0Z
  ul.ant-menu-inline-collapsed
    > .ant-menu-submenu
    > .ant-menu-submenu-title {
  padding: 0 25px;
}

.fixedSiderCollapsed_3ll0Z
  .ant-menu-dark.ant-menu-inline-collapsed .ant-menu-item {
  width: 85%;
  margin: 0 auto;
  display: grid;
  place-content: center;
}

.menuItemBadge_2or0A {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  grid-auto-columns: auto 1fr;
}

.logo_37EmC.centered_2aSmC {
  grid-template-columns: auto;
  grid-auto-flow: column;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}

.logo_37EmC {
  max-width: 200px;
  padding: 16px 14px;
  position: sticky;
  z-index: 1;
  top: 0;
  background: #001529;
  width: 100%;
}

.prodigalImage_1mV2k {
  height: auto;
  width: 110px;
}

.logo_37EmC.centered_2aSmC,
.logo_37EmC.leftAligned_5Vxl5 {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.siderCollapseTrigger_d9SMB {
  background-color: rgba(255, 255, 255, 0.1);
  color: white;
  cursor: pointer;
  z-index: 2;
  justify-self: end;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 3px;
  border-radius: 50%;
}

.logoImg_Ah6Zy.hide_3lIBi {
  width: 32px;
  overflow: hidden;
}

.logoImg_Ah6Zy.show_1A8V2 {
  width: auto;
}

.iconStyle_3OK86 {
  margin-right: 10px;
  -webkit-filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
          filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
}

.menuItemBadge_2or0A svg {
  -webkit-filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
          filter: invert(88%) sepia(14%) saturate(225%) hue-rotate(151deg)
    brightness(82%) contrast(85%);
  height: 20px;
  width: 20px;
  margin-right: 0px;
  fill: none;
}

.fixedSider_3hiMR .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #001529;
}

.fixedSider_3hiMR .ant-menu.ant-menu-sub > .ant-menu-item {
  padding-right: 0px !important;
  padding-left: 45px !important;
}

.updateIcon_1jPi3 {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  display: grid;
  place-content: center;
}

.newVersionMinimizedDiv_1YyxL {
  display: grid;
  place-items: center;
  background-color: #001529;
  grid-gap: 8px;
  margin: 12px;
  width: 176px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 12px;
  position: fixed;
  bottom: 0;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.fixedSiderCollapsed_3ll0Z .newVersionMinimizedDiv_1YyxL {
  width: 60px;
  border: none;
  padding: 0;
}

.newIcon_3VGC_ {
  font-size: 9px;
  margin-top: 0px;
  margin-left: 3px;
  position: absolute;
  color: #ef8432;
}

/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.main-async-loader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 16px);
}
.main-async-loader img {
  max-width: 300px;
}
.main-async-loader i {
  font-size: 30px;
}
.main-async-loader div {
  font-size: 18px;
}
.main-async-loader .loading-background {
  width: 98px;
  height: 98px;
  border-radius: 4px;
  background-color: #ffffff;
}
.main-async-loader .loading-icon {
  display: grid;
  place-items: center;
}
.main-async-loader .loading-icon img {
  width: 70px;
  margin: 14px;
}
.prodigal-logo-light {
  margin: 1rem 0;
}

.container_3bPNf {
    width: 100vw;
    height: 100vh;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: white;
}

.containerCard_S72zV {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: grid;
    border-radius: 10px;
    background-color: white;
    max-width: 450px;
    width: 70vw;
    margin-top: -10px;
    -webkit-box-shadow: 0px 2px 50px 0px rgba(188, 186, 186, 0.25);
            box-shadow: 0px 2px 50px 0px rgba(188, 186, 186, 0.25);
    border-radius: 10px;
}

.cardHeader_kIAAx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    background-color: rgba(239, 132, 50, 0.1);
    margin-right: 0rem !important;
    padding: 20px 10px;
    border-radius: 10px 10px 0 0;
    height: 82px;
}

.cardBody_1S4qM {
    display: grid;
    padding: 20px;
    padding-bottom: 50px;
}

.cardBodyHeader_1tJjd {
    display: grid;
    grid-template-rows: 1fr 1fr;
    padding: 10px;
    text-align: center;
}

.selectionButtons_1jd61 {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    padding: 10px;
}

.selectionText_1xfRY {
    width: 100%;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.loginButtonContainer_1yE7h {
    margin-top: 18px;
}

.prodigalImage_37xkN {
    width: 152px;
}
/*
*
* Unauthorized actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.unauthorized {
  display: grid;
  height: 100vh;
}
.logout-container-unauthorized {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  place-content: center;
  margin-top: 5px;
}

.overlay_sBEoz {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(2, 21, 41, 0.45);
  -webkit-animation: fadeIn_r7CZf 300ms ease-out;
          animation: fadeIn_r7CZf 300ms ease-out;
}

.canvas_2Q_f1 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.card_nAdeL {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  max-width: 420px;
  padding: 32px 40px;
  text-align: center;
  background: #ffffff;
  border-radius: 12px;
  border-top: 6px solid #b22234;
  border-bottom: 6px solid #3c3b6e;
  -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
          box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  -webkit-animation: popIn_1MLgL 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
          animation: popIn_1MLgL 350ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.flag_Ue1cb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 0;
}

.flag_Ue1cb svg {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.title_28Xcp {
  margin: 0;
}

.subtitle_2NPJ- {
  margin: 0;
  color: #4a4a4a;
}

@-webkit-keyframes fadeIn_r7CZf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn_r7CZf {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes popIn_1MLgL {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px) scale(0.96);
            transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

@keyframes popIn_1MLgL {
  from {
    opacity: 0;
    -webkit-transform: translateY(12px) scale(0.96);
            transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
  }
}

/* Honor users who prefer reduced motion: no entrance animations. */
@media (prefers-reduced-motion: reduce) {
  .overlay_sBEoz,
  .card_nAdeL {
    -webkit-animation: none;
            animation: none;
  }
}

/*
*
* FilterLayout CSS
*
*/

.container_2FS2N {
  position: absolute;
  top: 30px;
  z-index: 1000;
}
.relativeContainer_1RnBc {
  position: relative;
  z-index: 1000;
  padding: 5px 5px;
}

.clear_1SbYT,
.cancel_2p4TW {
  border: none !important;
  background: white;
}

.filterContainer_3fzMq {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  margin-top: 15px;
  grid-auto-columns: 1fr;
}

.filterContainer_3fzMq .cancel_2p4TW {
  margin-right: 8px;
}

.filterBox_3EVMa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 14rem;
  max-height: 25rem;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  padding: 20px;
  margin-top: 2px;
}

.relativeFilterBox_24E8g {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 14rem;
  max-height: 25rem;
  /* box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2); */
  background-color: #ffffff;
  border: none;
  border-radius: 8px;
  /* padding: 20px; */
  margin-top: 2px;
}

.filterBox_3EVMa ::-webkit-scrollbar {
  width: 10px;
}

.filterBox_3EVMa .relativeFilterBox_24E8g .multiselect-filter-cancel-btn {
  width: auto;
  height: auto;
  min-height: 32px;
  border: 0px !important;
  background: #ffffff;
  font-weight: bold;
  font-size: 11px;
  margin: 0px 10px;
  color: #707070;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
}

.filterBox_3EVMa .ant-input-search {
  min-width: 12rem;
  width: -webkit-fill-available !important;
}

.filterBox_3EVMa .multiselect-filter-btn-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 0px;
}

.filterBox_3EVMa .apply-btn:hover {
  background: #91d5ff;
  border: 1px solid #91d5ff;
}

.filterBox_3EVMa .multiselect-filter-cancel-btn:hover {
  background: #cccccc;
  border: 0px !important;
}

/* .filterPosition {
  position: fixed;
} */

.radioButtonContainer_1wkYh {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px 0px;
}

.container_1EjNS {
  display: grid;
  row-gap: 4px;
  position: relative;
}

.gridContainer_2NSKQ {
  display: inline-grid;
  margin: 3px 2px;
  grid-auto-flow: column;
  place-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-gap: 5px;
}

.containerMoreFilter_29MGi {
  width: 20em;
  display: grid;
  row-gap: 4px;
}

.labelsDiv_3nYir {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 40px 5px 40px;
}

.containerMoreFilterWrapper_3JZOz {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.iconContainer_v7pLc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 10px;
}

.radioButtonMoreFilter_1Gmat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0px 5px;
}

.radioLabel_NI0LR {
  max-width: 60px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 25px;
}

.exportPreviewMessage_2EbWB {
  height: 235px;
  margin: 6px 0px;
}
.loadingIcon_1o3CB {
  height: 37px;
}

.loadingIconDiv_FzdLw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 235px;
}

.exportPreviewMessage_2EbWB .ant-result {
  padding: 0px;
}

.fadeOutTable_iTfFy {
  position: relative;
}

.fadeOutTable_iTfFy::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100px; /* Adjust the height to control the number of rows to fade out */
  background: -webkit-gradient(
    linear,
    left top, left bottom,
    from(rgba(255, 255, 255, 0)),
    to(#f2f2f2)
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #f2f2f2
  ); /* Replace the color codes with your desired gradient colors */
  pointer-events: none;
}

/* Add this CSS in your stylesheet or style tag */
.exportPreviewContainer_31g4Q {
  position: relative;
  padding: 20px 10px;
}

.frequencyText_2bMKt {
  padding: 10px 5px;
  padding-bottom: 0;
}
.frequencyRadio_1dL1_ {
  padding: 7px;
  padding-top: 11px;
}

.eachDayDiv_kuoD- {
  height: 28px;
  width: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center center;
  margin: 2px 4px;
  background-color: #f4f4f4;
}

.selectedEachDayDiv_2xJCJ {
  background-color: #008af5;
}

.datePopoverDiv_2r8PT {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 240px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.eachDate_2CdZA {
  height: 24px;
  width: 24px;
  display: grid;
  place-items: center center;
  margin: 5px;
}

.eachDateSelected_2hHZK {
  background-color: #008af5;
  color: #fff;
  border-radius: 2px;
}

.eachDate_2CdZA:hover {
  border: 1px solid black;
  border-radius: 2px;
}

.weekDaysDiv_2a2c4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px;
}

.inputContainer_1qjgi {
 width: -webkit-max-content;
 width: -moz-max-content;
 width: max-content;
 position: relative; 
 cursor: pointer; 
}

.calendarIcon_B3iT8 {
  position: absolute;
  right: 12px;
  top: 30%;
}

.errorContainer_1HcRc {
  position: relative;
  margin-bottom: 6px;
}

.errorMessage_2QKVt {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #F21E11;

  position: absolute;
  top: 2px;
  left: 0;
}

@media (max-width: 330px) {
  .weekDaysDiv_2a2c4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.mailDiv_1lLHX {
  margin: 10px 0px;
}

.emailChip_3wiWw {
  background: #FFFFFF;
  border: 1px solid #DCDDE0;
  border-radius: 50px;
  padding: 5px 10px;
  white-space: nowrap;
  margin-right: 6px;
  margin-bottom: 7px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;

  cursor: default;
}

.invalidEmailChip_3_e8v {
  padding: 5px 10px;
  white-space: nowrap;
  margin-right: 6px;
  margin-bottom: 7px;
  background: #FFF0F0;
  border: 1px solid #F21E11;
  border-radius: 50px;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;

  cursor: default;
}

.chipsContainer_M_j7G {
  display: inline-block;
  margin-bottom: 24px;
}

.emailInputContainer_1gXbH {
  /* margin-top: 24px; */
  overflow-y: auto;
  border-bottom: 0.5px solid #969799;
  max-height: 148px;

  margin-top: 26px;
}

.emailInputContainer_1gXbH:hover {
  border-bottom: 0.5px solid #008AF5 ;
}


.emailInputBoxStyle_3bsd7 {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #000;
}

.emailInputBoxStyle_3bsd7::-webkit-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::-moz-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7:-ms-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::-ms-input-placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7::placeholder {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: 0.5px;
  color: #BEBFC2;
}

.emailInputBoxStyle_3bsd7:hover, input.emailInputBoxStyle_3bsd7:focus, input.emailInputBoxStyle_3bsd7:active {
  border: none;
  padding: 0 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.errorContainer_t90xY {
  position: relative;
  margin-bottom: 18px;
}

.errorMessage_livJh {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #F21E11;

  position: absolute;
  top: 6px;
  left: 0;
}

.modalButtonsDiv_1wzXm {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
  border-radius: 8px;
}

.scheduleButton_VXXCZ {
  padding: 10px;
}

.smartReportName_2z9-q {
  margin-bottom: 21px;
}

.nextExportText_2D-OY {
  padding: 10px 0px;
}

.vertical-top-modal_f-H8y .ant-modal-content_26-gn {
  border-radius: 8px;
}
.exportFormatDiv_1ZW4C {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 16px;
}

.loading_MEx6E {
  height: 240px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes loading_MEx6E {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
@keyframes loading_MEx6E {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
.loading_MEx6E .loading1_o7eRy {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.loading_MEx6E .loading2_15lnm {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.loading_MEx6E .loading3_3h0d3 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.loading_MEx6E .loading4_1oLn7 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.loading_MEx6E .loading5_1Hj00 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.loading_MEx6E .loading6_2kmA4 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 0%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.bar_y06Z_ {
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@-webkit-keyframes bar_y06Z_ {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
@keyframes bar_y06Z_ {
  0% {
    background-color: #e3e3e3;
  }
  30% {
    background-color: #e3e3e3;
  }
  50% {
    height: 200px;
    margin-top: 0px;
  }
  80% {
    background-color: #cfcfcf;
  }
  100% {
    background-color: #cfcfcf;
  }
}
.bar_y06Z_ .bar1_2Uyd6 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.bar_y06Z_ .bar2_2uKAi {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.bar_y06Z_ .bar3_S3Y-9 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.bar_y06Z_ .bar4_yNFSu {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.bar_y06Z_ .bar5_TB-mU {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 4%;
  -webkit-animation: bar_y06Z_ 2.5s infinite;
          animation: bar_y06Z_ 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.bar_y06Z_ .bar6_ZyGfX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  margin-right: 0%;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.histogramLoading_QX_aC {
  height: 240px;
  padding: 0px;
  width: 100%;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.histogramLoading_QX_aC .histogramLoading1_3FDRi {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.histogramLoading_QX_aC .histogramLoading2_1SJ70 {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.histogramLoading_QX_aC .histogramLoading3_1wlCO {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.histogramLoading_QX_aC .histogramLoading4_3bxEt {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.histogramLoading_QX_aC .histogramLoading5_UwUEX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.histogramLoading_QX_aC .histogramLoading5_UwUEX {
  height: 20px;
  width: 13%;
  background-color: #fff;
  display: inline-block;
  margin-top: 180px;
  -webkit-animation: loading_MEx6E 2.5s infinite;
          animation: loading_MEx6E 2.5s infinite;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
}

.switchContainer_12-GV {
    padding: 0px 18px 0px 0px;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 54px;
}

.switch_26NxY {
    width: 36px;
    text-transform: capitalize;
    font-weight: bold;
}

.container_37rPg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tagContainer_3wOzw {
  position: relative;
  margin-right: 10px;
}

.tagBoxHolder_3w8oa.right_Bnbi7 {
  left: 0px;
}

.tagBoxHolder_3w8oa.left_1xukz {
  right: 280px;
}

.tagContainer_3wOzw .tagBoxFixed_19T4L {
  position: fixed;
  z-index: 1000;
}

.tagContainer_3wOzw .tagBox_2vXh9 {
  padding: 15px;
  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: absolute;
  border: none;
  border-radius: 4px;
  z-index: 100;
}

.tagContainer_3wOzw .tagFilter_2FO7w {
  margin: 10px 0px;
  max-height: 18rem;
  background-color: #ffffff;
  padding: 0 4px;
  overflow: auto;
  overflow-x: hidden;
  width: 250px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tagContainer_3wOzw .applyTag_2zISn {
  width: 100%;
  height: auto;
  min-height: 32px;
  background: #fff;
  border-radius: 0px;
  white-space: nowrap;
}

.tagContainer_3wOzw .applyTag_2zISn:hover {
  background: #eeeeee;
}

.tagBoxButtons_x4_WP {
  display: grid;
  row-gap: 8px;
}

.tagContainer_3wOzw .tagFilter_2FO7w p {
  font-size: 0.9rem;
  margin: 0.5rem 0.5rem;
}

.tagContainer_3wOzw .tagFilter_2FO7w .checkbox_1fj9M {
  margin-top: 12px;
}

.container_37rPg .ant-input-search {
  min-width: 10rem;
  width: -webkit-fill-available !important;
}

.tagContainerButton_1Tf9j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.addTagPopoverAbsoluteLeft_3gKdw {
  position: absolute;
  z-index: 10000;
  right: 280px;
}
.addTagPopoverAbsoluteRight_kmNZU {
  position: absolute;
  z-index: 10000;
  left: 0px;
}

.addTagPopoverFixed_11R3i {
  position: fixed;
  z-index: 10000;
}

.container_3hn1o {
  max-width: 365px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 4px;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.actionButtons_VTfjE {
  display: grid;
  place-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.actionButton_9w8j- {
  display: grid;
  place-items: center;
  row-gap: 6px;
}

.feedbackDisabled_1gYCc {
  display: grid;
  grid-template-columns: 180px auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  padding-left: 8px;
}

.feedbackInput_2eoFS {
  display: grid;
  /* grid-auto-rows: max-content;
  row-gap: 8px;
  border-left: 1px solid text-light; */
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /* height: 100%; */
  /* padding-left: 8px; */
  position: relative;
}

.feedbackButtons_38_FS {
  position: absolute;
  right: 12px;
  top: 8px;
  z-index: 10;
}

.feedbackInput_2eoFS textarea {
  resize: none;
  font-size: 10px;
  padding-right: 24px;
  overflow-y: auto !important;
}

.feedbackInput_2eoFS textarea::-webkit-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-moz-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea:-ms-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-ms-input-placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::placeholder {
  font-size: 10px;
}

.feedbackInput_2eoFS textarea::-webkit-scrollbar {
  font-size: 10px;
  width: 5px;
}

.loader_23MTD {
  width: 10px;
}

/* cspell: ignore anticon geekblue */
.containerNonScrollable_38QYE {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  border-bottom: 0.3px solid rgba(51, 51, 51, 0.54);
  min-height: 30px;
  padding-top: 0px;
  height: auto;
  overflow-y: hidden;
}

.containerScrollable_27ejd {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  border-bottom: 0.3px solid rgba(51, 51, 51, 0.54);
  padding-top: 0px;
  overflow: scroll;
  min-height: 35px;
}

.tagsListContainer_2fLop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tagsListContainer_2fLop p {
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color: #666666;
  font-size: 12px;
}

/* stylelint-disable-next-line no-duplicate-selectors */
.tagsListContainer_2fLop p {
  color: #999;
  white-space: pre-line;
  max-height: 65px;
  overflow-y: auto;
  font-weight: 100;
}

.tagsListContainer_2fLop .call-tag_1RkPc {
  display: inline;
}

.tagsListContainer_2fLop > .tag-container_3NnAC .tag-box-holder_20oBN {
  position: absolute;
  right: 0;
}

.tagsListContainer_2fLop .ant-tag {
  line-height: 20px;
  height: 22px;
  margin: 0px 2px 5px 2px;
}

.tagsListContainer_2fLop .ant-tag .anticon-close {
  font-size: 11px;
  /* color: #fa8c16; */
}

.container_3HDTQ::-webkit-scrollbar-track {
  background: #ffffff;
}
.containerScrollable_27ejd::-webkit-scrollbar-track {
  background: #ffffff;
}

.showMoreButton_2pR77 {
  cursor: pointer;
}

.showLessButton_29ozD {
  cursor: pointer;
}

.eachTag_2Wa0g {
  cursor: 'pointer';
  display: 'grid';
  grid-auto-flow: 'column';
  -webkit-column-gap: '8px';
     -moz-column-gap: '8px';
          column-gap: '8px';

  -webkit-box-shadow: none;

          box-shadow: none;
}

.tagReactionIcon_1wUI0 {
  margin-left: 2px;
}

.clickable-tag_38MqT {
  cursor: pointer;
  border-width: 0.1rem;
  font-weight: 500;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.separator_1AKkf {
  height: 14px;
  width: 2px;
  background-color: rgba(51, 51, 51, 0.54);
  margin: 0px 3px;
  margin-bottom: 6px;
  border-radius: 10px;
  position: relative;
}

span.clickable-tag-red_2aZMG {
  border-color: #d91f11 !important;
}
span.clickable-tag-magenta_3hxte {
  border-color: #ff00ff !important;
}
span.clickable-tag-volcano_3gYfY {
  border-color: #f5b91d !important;
}
span.clickable-tag-orange_2XZ-u {
  border-color: #e86427 !important;
}
span.clickable-tag-gold_3jnw9 {
  border-color: #f5c518 !important;
}
span.clickable-tag-lime_2Naum {
  border-color: #3c7d0e !important;
}
span.clickable-tag-green_1PmQh {
  border-color: #077d55 !important;
}
span.clickable-tag-cyan_1Kh_m {
  border-color: #00FFFF !important;
}
span.clickable-tag-blue_3hUuy {
  border-color: #3a9ffc !important;
}
span.clickable-tag-geekblue_16oa9 {
  border-color: #535fe8 !important;
}
span.clickable-tag-purple_2Y_Ef {
  border-color: #8f49de !important;
}
.ellipsisTextTooltip_nknK9 {
    font-size: 12px;
}
.ellipsisTextTooltip_nknK9 div.ant-tooltip-inner {
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.bulbIcon_lmXl_ {
  margin-left: 5px;
}
.cancelIcon_1Wjc6 {
  margin-left: 5px;
}
.loadingIcon_1auS2 {
  margin-left: 5px;
}
.checkedIcon_16xC7 {
  margin-left: 5px;
}

.popoverContent_1fPmD {
  width: 267px;
}

.reactions_qQ9YQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bestUtteranceText_2GcqQ {
  font-size: 11px;
  font-weight: 500;
  line-height: 17px;
  padding: 2px;
}

.bestUtterance_32biD {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 10px;
}

.utteranceQuoteDiv_Z-xYM {
  width: 2px;
  background: #4db1ff;
  margin-right: 4px;
}

.nextBestUtterancePopover_3urif .ant-popover-inner {
  border-radius: 8px;
}

.playing_1hzHK {
  background: rgba(84, 160, 0, 0.1);
  border-bottom: 1px solid #b3b3b3;
}

.utterance_2m2bT > div > span {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  line-height: normal;
}
.utterance_2m2bT > div {
  line-height: normal;
}
.utterance_2m2bT {
  padding: 5px;
}

.textHighlighted_GsXIE {
  background: #ffca6a;
}
.textCurrentHighlighted_1yqFx {
  background: orange;
}

.cursorPointer_vi7bU {
  cursor: pointer;
}

.utteranceText_2hOVu {
  color: rgba(51, 51, 51, 0.87);
}

.utteranceDiv_1gm7f {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.player_3zDxo {
  padding: 10px;
}

.audioPlayer_1JMm5 {
  background: #fff;
  -webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
          box-shadow: 2px 2px 25px rgba(0,0,0,0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  padding: 10px 0 10px 10px;
  border-radius: 24.5px;
}

.audioPlayer_1JMm5 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.customSlider_2gv8J {
  width: 100%;
  position: relative;
  margin: 0px 0px;
  overflow: visible;
  padding-right: -20px;
  z-index: 0;
}

.customSliderWrapper_2C06_ {
  width: 80%;
  position: relative;
  margin: 0px 0px;
}

.reactInputSlider_ErOeN {
  z-index: 1;
  margin-top: -11px;
  position: relative;
  margin-right: 20px;
  padding: 13px 0px;
}

.audioPlayer_1JMm5 .reactInputSlider_ErOeN {
  width: calc(100%);
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  background-color: #d3d3d357;
  padding: 13px 0px;
  background-clip: content-box;
  margin-right: 20px;
}

.audioPlayer_1JMm5 .reactInputSlider_ErOeN > div::after {
  top: 6.5px;
  background-color: #000000;
  display: none;
}

.audioPlayerIcons_3_eeF{
  margin-left: 15px;
}

.reactInputSlider_ErOeN > div:nth-child(2) {
  top: 12px !important;
  color: #ef8432;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  pointer-events: none;
  margin-left: -7px;
  z-index: 2;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-transform: translate(0%, -50%) !important;
          transform: translate(0%, -50%) !important;
}

.overTalkSilenceSpan_3vaxs > span {
  position: absolute;
  height: 4px;
  pointer-events: none;
  margin-top: 2px;
}

.overTalkSilenceSpan_3vaxs {
  margin: 11px 0px;
  position: relative;
  z-index: 0;
}

.reactInputSlider_ErOeN > div:nth-child(2):hover {
  pointer-events: all;
}

.redoPlayUndo_2ddQ9 {
  display: grid;
  grid-column-gap: 5px;
  grid-template-columns: auto auto auto;
}

.volumeSliderWrapper_1_zZS {
  /* display: flex; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 90px !important;
  width: 31px;
}

.volumeSliderWrapper_1_zZS .ant-slider-vertical .ant-slider-handle {
  margin-bottom: 2px !important;
}

.skipSilenceToggle_2pAXr{
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  grid-gap: 10px;
}

.skipSilence_36BwO > span {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  grid-gap: 5px;
}

.durationSpans_1i0zA {
  position: absolute;
  z-index: 1;
  border: 2px solid black;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 60px;
  left: calc(0% - 20px);
  background: #000000;
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  display: none;
}

.audioPlyerIconStyle_3xO3_ {
  height: 20px;
  width: 20px;
  color: #969799;
}

.skipSilenceIcon_872Kt {
  height: 20px;
  width: 20px;
  color: #008af5;
}

.skipIconContainer_26rjI {
  padding-right : 10px;
}

.playbackRate_3Ok4y {
  min-width: 28px;
  height: 28px !important;
  padding: 2px;
  color: #969799;
  border: none;
  font-weight: normal;
  margin: 8px;
  background: none !important;
}

.playbackRate_3Ok4y:hover {
  border: none;
  color: #969799;
}

.playbackRate_3Ok4y:focus {
  color: #969799;
}

/* cspell: ignore anticon */
.events_3Ynq_ {
  /* outline: auto; */
  position: absolute;
  width: calc(27% - 10px);
  top: 8px;
  margin-left: 10px;
  height: calc(100% - 16px);
  border: 1px solid #dddddd;
  overflow-y: auto;
}

.eventsHeading_-4hmV {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f4f4f4;
  padding: 5px 10px;
  margin: 0px;
}
.eventItem_3mBCz {
  position: relative;
  background: transparent;
  padding: 0px 20px;
  font-size: 12px;
  height: auto;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
  min-height: 40px;
}
.eventItem_3mBCz > div {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: inherit;
}

.eventItem_3mBCz .anticon_tRCOB {
  font-size: 16px;
}

.events_3Ynq_ .ant-list-item {
  padding: 0px;
}
.eventItem_3mBCz:hover {
  background: #e2f8ff;
  position: relative;
  padding: 0px 20px;
  font-size: 12px;
  height: auto;
  border: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
          box-shadow: 0 0px 0 rgba(0, 0, 0, 0.015);
  min-height: 40px;
}

.eventItem_3mBCz > div {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: auto minmax(0, 1fr) auto;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  width: inherit;
}
.eventDuration_2AevA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eventType_1cg-G {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: -webkit-fill-available;
  max-width: -moz-available;
  white-space: pre-wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.eventType_1cg-G .ant-tag {
  height: auto;
  display: inherit;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  padding: 0px 8px;
  border-radius: 4px;
  margin: 0px;
  font-weight: 400;
}

.parentEvent_R3_Qp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ant-btn-normal:focus {
  background-color: transparent;
  border: 0px;
}

.titleText_nXTbW {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reactionIcons_2mNMm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.notes_BQ_Gd {
  display: grid;
  gap: 16px;
  padding: 8px 4px 24px;
  color: rgba(51, 51, 51, 1);
}

/* Show the note exactly as returned: preserve its \n line breaks and wrap long
   lines; break unbreakable strings so they never overflow horizontally. */
.noteText_3VLv4 {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.status_2bA2w {
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  border: 1px dashed #cccccc;
  border-radius: 6px;
  color: rgba(51, 51, 51, 0.54);
  text-align: center;
}

.status_2bA2w p {
  margin: 0 0 8px;
}

/* Icon + label inside the solid "Generate Note" button. */
.generateLabel_28ORF {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.sparkleIcon_2FFHy {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

/* The error-recovery "Try again" stays a plain link. */
.retryButton_DC6mT {
  padding: 0;
}

.generatingText_2hFuj {
  margin-top: 12px;
}

.notes_3ap_B {
  display: grid;
  gap: 16px;
  padding: 8px 4px 24px;
  color: rgba(51, 51, 51, 1);
}

/* Show the note exactly as returned: preserve its \n line breaks and wrap long
   lines; break unbreakable strings so they never overflow horizontally. */
.noteText_NvzsG {
  margin: 0;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.section_1aLFd {
  padding: 16px 20px;
  border: 1px solid #f3f3f3;
  border-radius: 6px;
  background: #ffffff;
}

.heading_2k7RD {
  margin: 0 0 8px;
  color: rgba(51, 51, 51, 1);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.summary_3zNbi {
  margin: 0;
  line-height: 1.6;
}

.list_2Qplc {
  margin: 0;
  padding-left: 20px;
  line-height: 1.6;
}

.list_2Qplc li + li {
  margin-top: 6px;
}

.status_36fR5 {
  min-height: 160px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px;
  border: 1px dashed #cccccc;
  border-radius: 6px;
  color: rgba(51, 51, 51, 0.54);
  text-align: center;
}

.status_36fR5 p {
  margin: 0 0 8px;
}

.retryButton_ibCwm {
  padding: 0;
}

/* Fill the height the parent grid allocates and hand it down: audio player is
   fixed-size, the tabs take the remaining space. Sizing from the real
   available space (not a viewport formula) means the panes can never grow
   past the page and slide under the notes composer below. */
.container_3sIms {
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.audioPlayer_2HdIP {
  position: relative;
  z-index: 1;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  background: #ffffff;
}

/* antd's .ant-tabs is already a flex column (nav: flex none, content-holder:
   flex auto + min-height 0); it just needs to flex within .container and the
   height passed through content -> tabpane. */
.tabs_1Pxyo {
  margin-top: 8px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
}

.tabs_1Pxyo .ant-tabs-nav {
  position: relative;
  z-index: 3;
  margin-bottom: 16px;
  border-bottom-color: #e6e6e6;
  background: #ffffff;
}

.tabs_1Pxyo .ant-tabs-tab {
  min-height: 44px;
}

.tabs_1Pxyo .ant-tabs-content {
  height: 100%;
}

.tabs_1Pxyo .ant-tabs-tabpane {
  height: 100%;
}

/* The transcript + event-list children (TranscriptPlayer, EventsTab) are
   absolutely positioned; give them a sized, positioned context inside the tab
   so they resolve against this pane (not a far ancestor, which let them slip
   under the tab header). The pane fills the space the tab actually got — when
   the window is short it shrinks (TranscriptPlayer collapses itself below a
   usable height) instead of overflowing the page. */
.transcriptPane_Zu_Aw {
  position: relative;
  height: 100%;
}

/* Notes content is normal flow (not absolutely positioned like the transcript),
   so it just needs a bounded, scrollable box the same size as the transcript
   pane — otherwise a long note overflows past the message bar below. */
.notesPane_3yCuw {
  height: 100%;
  overflow-y: auto;
  padding: 8px 20px 20px;
}

/*
*
* MetaView actions
*
*/

.copyIcon_TdbjO {
  margin-left: 5px;
}

.detailsContainer_1YPfx {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: 112px 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  overflow: hidden;
}

.detailsContainer_1YPfx > span {
  height: 100%;
}

.metadataFieldValue_27LiP {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) auto;
  grid-template-columns: minmax(0, max-content) auto;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  overflow: hidden;
}

.metadataFieldValue_27LiP :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.disabled_2mFVl {
  pointer-events: none;
}

.singleCallMediaTranscript_snptN {
  position: relative;
  padding: 10px 0px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  overflow: auto;
  font-size: 13px;
  min-height: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.transcript_1sb21 {
  padding: 5px 0px;
  display: grid;
  margin: auto;
  width: 90%;
}

.agent_2So-l {
  cursor: pointer;
  display: inline-block;
}

.customer_jbdlT {
  cursor: pointer;
  display: inline-block;
}

.transcriptText_3B7vB span div {
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
}

.singleCallMediaHiddenMetaData_3GoZB {
  margin: auto;
  width: 100%;
  display: grid;
  place-items: center;
  margin-top: 6mm;
}

.metaDataList_3mS4- {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
  padding: 15px 0px;
  place-items: start;
}

.metadataCallLink_2u-wT {
  display: grid;
  grid-auto-flow: column;
  place-items: flex-start;
  grid-auto-columns: auto;
  width: 100%;
}

.detailsContainer_1EepL {
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-columns: 112px 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  overflow: hidden;
}

.detailsContainer_1EepL > span {
  height: 100%;
}

.metadataFieldValue_2i7ez {
  display: grid;
  grid-template-columns: minmax(0, -webkit-max-content) auto;
  grid-template-columns: minmax(0, max-content) auto;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  overflow: hidden;
}

.metadataFieldValue_2i7ez a {
  font-size: 13px;
}

.prodigalLogoLight_3mtXV {
  height: 48px;
}

.transcript_17-GI {
  position: absolute;
  top: 8px;
  left: 27%;
  width: calc(73% - 10px);
  height: calc(100% - 16px);
  overflow-y: auto;
  padding: 5px 2px 5px 10px;
  border: 1px solid #ddd;
  background-color: white;
  overflow: hidden;
}

.transcript_17-GI .ReactVirtualized__Grid {
  /* Always reserve the vertical scrollbar gutter so row width never depends
     on whether content currently overflows. Row heights are measured
     (CellMeasurer) at the width they render at; a scrollbar appearing after
     measurement would shrink that width, rewrap the text taller, and leave
     stale heights (and re-measuring on scrollbar changes loops, since
     clearing the cache itself toggles the scrollbar). */
  overflow-y: scroll !important;
}

.playing_3OKEv {
  background: rgba(84, 160, 0, 0.1);
  border-bottom: 1px solid #b3b3b3;
}

.utterance_jKB0t > div > span {
  cursor: pointer;
  display: inline;
  font-size: 11px;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.87);
  line-height: normal;
}
.utterance_jKB0t > div {
  line-height: normal;
}
.utterance_jKB0t {
  padding: 5px;
}

.textHighlighted_22NoO {
  background: yellow;
}

.cursorPointer_BjTox {
  cursor: pointer;
}
.actionContainer_22tCZ {
  float: right;
  position: absolute;
  right: 38px;
  margin-top: 20px;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 6px;
  z-index: 2;
}

.searchTranscriptIcon_3ZfJ_,
.autoScrollingTranscriptIcon_54l1P,
.toolsTranscriptIcon_2UuYG,
.expandTranscriptIcon_38VNn {
  font-size: 16px;
  opacity: 0.3;
  z-index: 10;
  background: transparent;
}

.printTranscriptIcon_1LmTE {
  font-size: 16px;
  opacity: 0.5;
  z-index: 10;
  background: transparent;
}

.expandTranscriptIcon_38VNn {
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
}

.searchTranscriptIcon_3ZfJ_:hover,
.printTranscriptIcon_1LmTE:hover,
.toolsTranscriptIcon_2UuYG:hover,
.autoScrollingTranscriptIcon_54l1P:hover,
.expandTranscriptIcon_38VNn:hover {
  opacity: 1;
}

.fadeIn_2cwa- {
  -webkit-animation-name: fadeIn_2cwa-;
  animation-name: fadeIn_2cwa-;
}

.callDetailSearch_2Zv2u {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d9d9d9;
  padding: 2px;
  position: absolute;
  top: 3px;
  right: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: -5px 5px 10px -3px #888888;
          box-shadow: -5px 5px 10px -3px #888888;
  z-index: 10;
  border-radius: 5px;
  background: white;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper {
  width: 300px;
  border: none !important;
  padding-right: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.callDetailSearch_2Zv2u .searchTranscriptBox_1NqYE {
  margin-top: 4px;
  padding: 0px 5px;
  display: grid;
  grid-template-columns: 16px 16px 20px;
  grid-template-rows: 1fr;
  -webkit-column-gap: 6px;
     -moz-column-gap: 6px;
          column-gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  color: #c0c0c0;
}

.callDetailSearch_2Zv2u .searchTranscriptBoxClose_QJSqm {
  margin-bottom: 4px;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input {
  height: 30px;
  padding-right: 10px;
  border: none;
  border-right: 1px solid #d9d9d9;
  border-radius: 0px;
  margin-top: 2px;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input:focus {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.callDetailSearch_2Zv2u .ant-input-affix-wrapper .ant-input:hover {
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-right: 1px solid #d9d9d9;
}

.list_1C_kA {
  outline: rgba(51, 51, 51, 0.87);
  border: '2px solid black';
}

@page {
  size: letter;
  margin: 5mm 19mm;
}

.expandTranscriptDiv_37KYT {
  position: absolute;
  width: 100%;
  min-height: 45px;
  height: calc(100% - 70px);
  overflow-y: auto;
  padding: 5px 2px 5px 10px;
  border-top: 0.3px solid rgba(51, 51, 51, 0.54);
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: auto 45px;
  overflow: hidden;
}

.expandTranscriptText_28d_K {
  padding: 5px;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
}

.searchQuery_3wSzC {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 150px;
}

.loadingTranscript_1zXyk {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  gap: 12px;
}
.mediaRoot_1DjdT {
  /* Pass the grid row's height down to the media tabs so the transcript pane
     can size itself from real available space (not a viewport formula). */
  height: 100%;
  min-height: 0;
}

.hvrShadow_3b02D {
  display: inline-block;
  vertical-align: middle;
  border-radius: 8px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
          box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
}

.hvrShadow_3b02D:hover,
.hvrShadow_3b02D:focus,
.hvrShadow_3b02D:active {
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}

.searchResults_pHmF7 {
  display: grid;
  grid-template-columns: auto 1fr;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding: 14px;
  border-radius: 4px;
}

.searchResultsContent_Dscar {
  display: grid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  row-gap: 2px;
}

.searchResultsHeaderRow_21-XB,
.searchResultsDetailsRow_1P_Nm {
  display: grid;
  grid-template-columns: 1fr auto;
}

.notesIndicator_1KF89 {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  -webkit-column-gap: 2px;
     -moz-column-gap: 2px;
          column-gap: 2px;
}

.snippetContainer_3PMC- {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  -webkit-transition: white-space 2s;
  transition: white-space 2s;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  place-content: space-between;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.snippetContainer_3PMC- span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.searchResultsTags_N_FcF {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  grid-auto-columns: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-columns: minmax(min-content, max-content);
  overflow: hidden;
}

.rowSelected_OEjKP {
  border: 3px solid #a9d8fc;
  background: linear-gradient(74deg, rgba(246,251,255,1) 29%, rgba(250,253,255,1) 63%);
  -webkit-box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 2;
}
.noteExpanded_3OyAS {
  white-space: break-spaces;
}

.readMessage_22K8u {
  background: #f4f4f4;
}

.unreadMessage_8wQR7 {
  background: #ffffff;
}
.selectedMessage_2MSK2 {
  background: #f9fdff;
}

/* read rows share the list's background color, so every row gets a light
   border to keep it visible as a card */
.readMessage_22K8u,
.unreadMessage_8wQR7,
.selectedMessage_2MSK2 {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
}

.selectedMessage_2MSK2 .snippetContainer_3PMC- span {
  font-weight: 700;
}

.senderDetails_1PgFM {
  display: grid;
  grid-auto-flow: column;
  place-content: space-between;
}

.callDetailsRow_3-U4X {
  display: grid;
  grid-auto-flow: column;
  place-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}

.callDetailsRow_3-U4X .ant-tag {
  margin: 0px;
}

.slateEditableTextArea_2llAO {
  border: 1px solid #d9d9d9;
  outline: none;
  resize: none;
  width: 100%;
  min-height: 30px;
  max-height: 32px;
  border-radius: 4px;
  background-color: white;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  padding: 4px 11px;
  overflow-x: hidden;
  overflow-y: auto;
  vertical-align: top;
  word-wrap: break-word;
}

.slateNonEditableTextArea_2gQHI {
  outline: none;
  resize: none;
  width: 100%;
  background-color: white;
  font-weight: 400;
  line-height: 22px;
  margin: 0;
  vertical-align: top;
  word-wrap: break-word;
  font-size: 12px;
}

.slateNonEditableTextArea_2gQHI > p {
  white-space: nowrap;
}

.slateEditableTextArea_2llAO:focus {
  border-color: #40a9ff;
  border-right-width: 1px !important;
  outline: 0;
  -webkit-box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
  box-shadow: 0 0 0 2px rgb(24 144 255 / 20%);
}

.slateEditableTextArea_2llAO:hover {
  border-color: #40a9ff;
  border-right-width: 1px !important;
}

p.paragraphSlateInput_3cqwO {
  margin: 0px;
  white-space: break-spaces;
}

.mentionOptions_354TT {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 3px;
  background: transparent;
  display: grid;
  grid-column-gap: 7px;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3px;
}

.mentionOptionsSelected_3TPv5 {
  padding: 5px 12px;
  font-size: 12px;
  border-radius: 3px;
  background: #b4d5ff;
  display: grid;
  grid-column-gap: 7px;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 3px;
}

.userIco_jwrfL {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: center/cover #40a9ff;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
          box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
}

.scorecardIco_2F5YJ {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  color: white;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: center/cover #fa469a;
  -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
          box-shadow: inset 0 0 0 1px rgb(0 0 0 / 7%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  vertical-align: middle;
  font-size: 11px;
  text-align: center;
  margin: 0 auto;
}

.mentionBasicStyles_1bBIr {
  padding: 0px;
  margin: 0px;
  vertical-align: baseline;
  display: inline-block;
}

.blueMention_wcm7z {
  color: #2b90f7;
}

.orangeMention_C8ijI {
  color: #ef8432;
  cursor: pointer;
}

.pointerCursor_10ZFJ {
  cursor: pointer;
}

.boxShadowsEnabled_3zIGI {
  -webkit-box-shadow: 0 0 0 2px #b4d5ff;
          box-shadow: 0 0 0 2px #b4d5ff;
}

.boxShadowsDisabled_2cs1z {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.optionsDropbox_3lMZL {
  top: -9999px;
  left: -9999px;
  position: absolute;
  z-index: 99;
  background: white;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  max-height: 150px;
  overflow: auto;
}

.slateEditorBox_2ByuA {
  width: 100%;
  display: grid;
  grid-auto-rows: 1fr 12px;
}

.characterCounter_3eX7H {
  display: grid;
  place-items: end;
}

.counterText_1dOyB {
  font-size: 10px;
  font-weight: normal;
  color: rgba(51, 51, 51, 0.54);
  padding-top: 2px;
}

.embeddedVideoDiv_3AFoL {
  height: 100%;
  width: 100%;
  min-width: 580px;
  min-height: 260px;
}
.embeddedVideo_2A3gC iframe {
  height: 90%;
  width: 100%;
}

.details_33GLj {
  display: grid;
  /* place-content: center;
  text-align: center; */
}

.container_2Ydvc {
  display: grid;
  row-gap: 20px;
  grid-auto-rows: auto 1fr;
  padding-right: 20px;
  overflow-y: auto;
}

.container_e6EOT .ant-menu-item-selected {
  background: #e6f7ff !important;
}
.container_e6EOT
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  border-right: 3px solid #1890ff;
}

.container_e6EOT .ant-menu-submenu .ant-menu-sub {
  background: #fff;
}

.container_e6EOT {
  overflow-x: hidden !important;
  overflow-y: overlay !important;
}
/* 
.container :global(.ant-menu-inline) {
  width: 300px !important;
} */

.container_e6EOT .ant-menu-submenu ul {
  overflow: hidden;
}

.submenuContainer_1Nx-N {
  display: grid;
  margin-top: 10px;
}

.submenuDate_3nqhI {
  font-size: 10px;
}

.selectedSubMenu_2XkYg {
  color: rgba(43, 144, 247);
}

.selectedSubMenu_2XkYg > span {
  height: 15px;
  line-height: 20px;
}

.container_e6EOT .ant-menu-submenu-open {
  background: #e6f7ff;
}

.submenuTitle_xfuno {
  height: 40px;
  line-height: 23px;
}

/* cspell:ignore Nunito desaturated */
/*
 * V2 design tokens, from the proInsight Horizon V2 mock (:root block).
 * Scoped under .pi-v2 so V1 pages are untouched. Only this file may contain
 * color literals; components use the variables.
 */
.pi-v2 {
  /* neutrals, warm-biased toward the brand orange */
  --v2-canvas: #f6f5f2;
  --v2-surface: #ffffff;
  --v2-surface-2: #f1efea;
  --v2-surface-3: #e7e3da;
  --v2-line: #e2ded4;
  --v2-line-strong: #cfc9bc;
  --v2-ink: #12263a;
  --v2-ink-2: #4a5768;
  --v2-ink-3: #7c8798;
  /* brand */
  --v2-navy: #003d67;
  --v2-navy-deep: #002b49;
  --v2-navy-line: #1b537c;
  --v2-accent: #ec792b;
  --v2-accent-soft: #fdf1e7;
  --v2-accent-deep: #ce6318;
  /* semantic state, desaturated so it never competes with the accent */
  --v2-crit: #b23a2b;
  --v2-crit-soft: #fbedea;
  --v2-warn: #9a6b12;
  --v2-warn-soft: #fbf3e2;
  --v2-good: #2c6b51;
  --v2-good-soft: #e9f2ed;
  /* type, radius, elevation */
  --v2-font: 'Nunito Sans', system-ui, -apple-system, sans-serif;
  --v2-display: 'Montserrat', system-ui, sans-serif;
  --v2-radius: 10px;
  --v2-radius-lg: 14px;
  --v2-shadow: 0 1px 2px rgba(18, 38, 58, 0.05),
    0 6px 18px rgba(18, 38, 58, 0.05);
}
/* app.less forces Roboto on every element with `* { !important }`; this
   selector is more specific, so V2 subtrees get the V2 face. */
.pi-v2,
.pi-v2 * {
  font-family: var(--v2-font) !important;
}
/* Scroll bars inside V2: thin, rounded, quiet. (Firefox via scrollbar-*,
   WebKit via the pseudo-elements.) */
.pi-v2 * {
  scrollbar-width: thin;
  scrollbar-color: #cfc9bc transparent;
}
.pi-v2 ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.pi-v2 ::-webkit-scrollbar-track {
  background: transparent;
}
.pi-v2 ::-webkit-scrollbar-thumb {
  background: #cfc9bc;
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}
.pi-v2 ::-webkit-scrollbar-thumb:hover {
  background-color: #b7b0a1;
}
/* antd popovers opened from V2 controls render in a portal outside .pi-v2,
   so this class (passed as overlayClassName) carries the V2 look with literal
   colors. */
.pi-v2-pop .ant-popover-inner {
  border: 1px solid #e2ded4;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(18, 38, 58, 0.05), 0 6px 18px rgba(18, 38, 58, 0.08);
  background: #ffffff;
}
.pi-v2-pop .ant-popover-arrow {
  display: none;
}
.pi-v2-pop .ant-slider-rail {
  background: #e2ded4;
}
.pi-v2-pop .ant-slider-track {
  background: #ec792b;
}
.pi-v2-pop .ant-slider-handle {
  border-color: #ec792b;
}
.pi-v2-pop .ant-slider:hover .ant-slider-track {
  background: #ce6318;
}
.pi-v2-pop .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #ce6318;
}
/* stylelint-disable no-descending-specificity */
/* ---- One button system for V2. Native buttons use these classes; antd
   buttons rendered by shared leaves are themed below so every control has
   the same radius (8px), height (32px), face and hover. ---- */
.pi-v2 .v2-btn,
.pi-v2 .v2-btn--primary,
.pi-v2 .v2-ctl {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  height: 32px;
  padding: 0 0.7rem;
  border-radius: 8px;
  border: 1px solid var(--v2-line-strong);
  background: var(--v2-surface);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--v2-ink);
  cursor: pointer;
  white-space: nowrap;
  box-shadow: none;
  transition: border-color 0.12s, background-color 0.12s, color 0.12s;
}
.pi-v2 .v2-ctl {
  font-weight: 600;
  padding: 0 0.6rem;
}
.pi-v2 .v2-btn:hover,
.pi-v2 .v2-ctl:hover {
  border-color: var(--v2-accent);
  color: var(--v2-accent-deep);
}
.pi-v2 .v2-btn--primary {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .v2-btn--primary:hover:not(:disabled) {
  background: var(--v2-accent-deep);
  border-color: var(--v2-accent-deep);
}
.pi-v2 .v2-btn:disabled,
.pi-v2 .v2-btn--primary:disabled,
.pi-v2 .v2-ctl:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
/* antd controls inside V2 (shared leaves: buttons, inputs, checkboxes,
   switches, pagination, selects) take the V2 shape and colors. This is an
   override sheet, so selector order follows antd, not specificity. */
.pi-v2 .ant-btn {
  height: 32px;
  padding: 0 0.7rem;
  border-radius: 8px;
  border: 1px solid var(--v2-line-strong);
  background: var(--v2-surface);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 30px;
  color: var(--v2-ink);
  box-shadow: none;
  text-shadow: none;
}
.pi-v2 .ant-btn:hover,
.pi-v2 .ant-btn:focus {
  border-color: var(--v2-accent);
  background: var(--v2-surface);
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-btn-primary,
.pi-v2 .ant-btn-primary:focus {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .ant-btn-primary:hover {
  background: var(--v2-accent-deep);
  border-color: var(--v2-accent-deep);
  color: #fff;
}
.pi-v2 .ant-btn-link,
.pi-v2 .ant-btn-link:hover,
.pi-v2 .ant-btn-link:focus {
  background: transparent;
  border-color: transparent;
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-btn[disabled],
.pi-v2 .ant-btn[disabled]:hover {
  opacity: 0.6;
  background: var(--v2-surface);
  border-color: var(--v2-line-strong);
  color: var(--v2-ink-3);
}
.pi-v2 .ant-btn-primary[disabled],
.pi-v2 .ant-btn-primary[disabled]:hover {
  background: var(--v2-accent);
  border-color: var(--v2-accent);
  color: #fff;
}
.pi-v2 .ant-input,
.pi-v2 .ant-input-affix-wrapper,
.pi-v2 .ant-select:not(.ant-select-customize-input) .ant-select-selector,
.pi-v2 .ant-input-number {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
  font-size: 0.83rem;
}
.pi-v2 .ant-input:hover,
.pi-v2 .ant-input:focus,
.pi-v2 .ant-input-focused,
.pi-v2 .ant-input-affix-wrapper:hover,
.pi-v2 .ant-input-affix-wrapper-focused,
.pi-v2 .ant-select:not(.ant-select-disabled):hover .ant-select-selector,
.pi-v2 .ant-select-focused:not(.ant-select-disabled) .ant-select-selector {
  border-color: var(--v2-accent) !important;
  box-shadow: 0 0 0 3px rgba(236, 121, 43, 0.14) !important;
}
.pi-v2 .ant-checkbox-inner {
  width: 15px;
  height: 15px;
  border-radius: 4px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-checkbox-checked .ant-checkbox-inner,
.pi-v2 .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: var(--v2-accent);
  border-color: var(--v2-accent);
}
.pi-v2 .ant-checkbox-wrapper:hover .ant-checkbox-inner,
.pi-v2 .ant-checkbox:hover .ant-checkbox-inner,
.pi-v2 .ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-switch {
  background-color: var(--v2-line-strong);
}
.pi-v2 .ant-switch-checked {
  background-color: var(--v2-good);
}
.pi-v2 .ant-pagination-item {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-pagination-item a {
  color: var(--v2-ink-2);
}
.pi-v2 .ant-pagination-item-active {
  border-color: var(--v2-accent);
  background: var(--v2-accent-soft);
}
.pi-v2 .ant-pagination-item-active a,
.pi-v2 .ant-pagination-item:hover a {
  color: var(--v2-accent-deep);
}
.pi-v2 .ant-pagination-item:hover,
.pi-v2 .ant-pagination-prev:hover .ant-pagination-item-link,
.pi-v2 .ant-pagination-next:hover .ant-pagination-item-link {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-pagination-prev .ant-pagination-item-link,
.pi-v2 .ant-pagination-next .ant-pagination-item-link {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-slider-rail {
  background: #e2ded4;
}
.pi-v2 .ant-slider-track {
  background: var(--v2-accent);
}
.pi-v2 .ant-slider-handle {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-slider:hover .ant-slider-track {
  background: var(--v2-accent-deep);
}
.pi-v2 .ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: var(--v2-accent-deep);
}
/* stylelint-enable no-descending-specificity */
/* the volume popover is a short vertical slider, not a square */
.pi-v2-pop .ant-popover-inner-content {
  padding: 0.5rem 0.6rem;
  font-family: "Nunito Sans", system-ui, -apple-system, sans-serif;
  color: #12263a;
}
/* antd popups now mount inside the frame (PageFrame sets getPopupContainer),
   so they take the V2 card look: radius 10, line border, soft shadow. */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-popover-inner,
.pi-v2 .ant-select-dropdown,
.pi-v2 .ant-dropdown-menu,
.pi-v2 .ant-picker-dropdown .ant-picker-panel-container {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  box-shadow: var(--v2-shadow), 0 10px 26px rgba(18, 38, 58, 0.1);
  background: var(--v2-surface);
  color: var(--v2-ink);
}
.pi-v2 .ant-popover-arrow {
  display: none;
}
.pi-v2 .ant-popover-title {
  padding: 0.5rem 0.8rem;
  border-bottom: 1px solid var(--v2-line);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--v2-ink);
}
.pi-v2 .ant-popover-inner-content {
  padding: 0.6rem 0.8rem;
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-select-item {
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-select-item-option-active:not(.ant-select-item-option-disabled),
.pi-v2 .ant-dropdown-menu-item:hover,
.pi-v2 .ant-dropdown-menu-item-active {
  background: var(--v2-surface-2);
}
.pi-v2 .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background: var(--v2-accent-soft);
  color: var(--v2-accent-deep);
  font-weight: 700;
}
.pi-v2 .ant-dropdown-menu-item,
.pi-v2 .ant-dropdown-menu-submenu-title {
  font-size: 0.83rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-tooltip-inner {
  border-radius: 8px;
  background: var(--v2-ink);
  font-size: 0.76rem;
  font-weight: 600;
}
.pi-v2 .ant-tooltip-arrow-content {
  background: var(--v2-ink);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: var(--v2-accent);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-in-range::before,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: var(--v2-accent-soft);
}
.pi-v2 .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border-color: var(--v2-accent);
}
.pi-v2 .ant-picker-range .ant-picker-active-bar {
  background: var(--v2-accent);
}
.pi-v2 .ant-picker {
  border-radius: 8px;
  border-color: var(--v2-line-strong);
}
.pi-v2 .ant-picker-focused,
.pi-v2 .ant-picker:hover {
  border-color: var(--v2-accent);
  box-shadow: 0 0 0 3px rgba(236, 121, 43, 0.14);
}
/* stylelint-enable no-descending-specificity */
/* grouped inputs (search boxes with a trailing button): one outer shape,
   no second outline on the inner input */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-input-affix-wrapper > .ant-input,
.pi-v2 .ant-input-affix-wrapper > .ant-input:focus,
.pi-v2 .ant-input-affix-wrapper > .ant-input:hover {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pi-v2 .ant-input-group > .ant-input-affix-wrapper:not(:last-child),
.pi-v2 .ant-input-group > .ant-input:not(:last-child) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pi-v2 .ant-input-search .ant-input-group-addon .ant-btn,
.pi-v2 .ant-input-group-addon:last-child .ant-btn {
  height: 32px;
  border-radius: 0 8px 8px 0;
  border-left: 0;
}
.pi-v2 .ant-input-group-addon {
  border-radius: 0 8px 8px 0;
  border-color: var(--v2-line-strong);
  background: var(--v2-surface);
}
/* picker footers (Clear / Cancel / Apply) share the button system; the V1
   pickers are FilterLayout dropdowns (.filter-layout-filter-position), the
   rest are antd popovers */
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link),
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link),
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):focus {
  height: 32px;
  padding: 0 0.7rem;
  border: 1px solid var(--v2-line-strong);
  border-radius: 8px;
  background: var(--v2-surface);
  color: var(--v2-ink);
  box-shadow: none;
}
.pi-v2 .ant-popover .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):not(.ant-btn-link):hover {
  border-color: var(--v2-accent);
  color: var(--v2-accent-deep);
}
/* the picker footer's Cancel (the button just before the Apply section) is
   outlined, and Apply is the solid orange of Search. The V1 picker's own
   stylesheet strips Cancel's border with !important, so this needs it too;
   the V1 file stays as it is, so classic pages keep their look. Clear stays
   borderless. */
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section) {
  border: 1px solid var(--v2-line-strong) !important;
  background: var(--v2-surface) !important;
  color: var(--v2-ink) !important;
}
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section):hover,
.pi-v2 .filter-layout-filter-position .ant-btn:not(.ant-btn-primary):has(+ section):focus {
  border-color: var(--v2-accent) !important;
  color: var(--v2-accent-deep) !important;
}
.pi-v2 .filter-layout-filter-position .ant-btn-primary {
  border-radius: 8px;
}
/* one frame per picker: the positioned wrapper (which has 10px of top
   padding) stays bare, and the card inside it carries the border and shadow;
   framing both drew two top edges 10px apart */
.pi-v2 .filter-layout-filter-position {
  border: 0;
  box-shadow: none;
  background: transparent;
}
.pi-v2 .filter-layout-filter-position > div {
  border: 1px solid var(--v2-line);
  border-radius: 10px;
  box-shadow: var(--v2-shadow), 0 10px 26px rgba(18, 38, 58, 0.1);
}
/* stylelint-enable no-descending-specificity */
/* the slider value bubble (antd tooltip on a handle): small dark pill;
   cspell: ignore nums */
.pi-v2 .ant-slider-tooltip .ant-tooltip-inner {
  min-height: 0;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: var(--v2-ink);
  font-size: 0.74rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.pi-v2 .ant-slider-tooltip .ant-tooltip-arrow-content {
  background: var(--v2-ink);
}
/* ---- Modals opened from V2 pages (they mount inside the frame): V2 card,
   compact left-aligned title, V2 labels and inputs, no illustration ---- */
/* stylelint-disable no-descending-specificity */
.pi-v2 .ant-modal-content {
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(18, 38, 58, 0.18);
  overflow: hidden;
}
.pi-v2 .ant-modal-body {
  padding: 1.2rem 1.4rem 1rem;
  font-family: var(--v2-font);
  color: var(--v2-ink);
}
.pi-v2 .ant-modal-body svg[class*='modalIllustration'],
.pi-v2 .ant-modal-body [class*='modalIllustration'] {
  display: none;
}
.pi-v2 .ant-modal-body [class*='modal-title'] {
  display: block;
  margin: 0 0 0.9rem;
  font-family: var(--v2-display);
  font-size: 1.05rem;
  font-weight: 800;
  text-align: left;
  color: var(--v2-ink);
}
/* the "Export initiated!" popup (AsyncExportModal) is laid out centered:
   illustration, title and message */
.pi-v2 .ant-modal-body [class*='autoExportModalTitle'] {
  text-align: center;
}
.pi-v2 .ant-modal-body .ant-form-item {
  margin-bottom: 0.8rem;
}
.pi-v2 .ant-modal-body .ant-form-item-label {
  padding-bottom: 0.25rem;
}
.pi-v2 .ant-modal-body .ant-form-item-label > label {
  font-size: 0.76rem;
  font-weight: 700;
  color: var(--v2-ink-2);
}
.pi-v2 .ant-modal-body .ant-form-item-label > label.ant-form-item-required::before {
  color: var(--v2-accent);
}
.pi-v2 .ant-modal-body .ant-input {
  height: 36px !important;
  padding: 0 0.7rem;
  border: 1px solid var(--v2-line-strong);
  border-radius: 8px;
  background: var(--v2-surface) !important;
  font-size: 0.85rem;
  color: var(--v2-ink);
}
.pi-v2 .ant-modal-close {
  top: 0.4rem;
  right: 0.4rem;
}
.pi-v2 .ant-modal-close-x {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
/* stylelint-enable no-descending-specificity */

/* cspell: ignore nums */
/* the switch-back feedback dialog; literal colors, as the banner (see
   index.js). It sets the text settings the V2 page frame would otherwise
   pass down (size, line height, smoothing), so it reads the same whether it
   opens inside the frame (account menu) or outside it (banner). */
.dialog_2rYO4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6rem;
  width: min(440px, 86vw);
  padding: 0.25rem 0.25rem 0;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 14px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  color: #12263a;
}

.title_8hSnS {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 800;
  color: #12263a;
}

.question_1DH6E {
  font-size: 0.88rem;
  font-weight: 600;
}

/* the rating is required */
.required_Ds_66 {
  margin-left: 0.2rem;
  color: #d4380d;
}

.dialog_2rYO4 .stars_pBYiB {
  margin: -0.2rem 0 0.3rem;
  font-size: 24px;
  color: #ec792b;
}

.text_1kW7z {
  width: 100%;
  min-height: 96px;
  padding: 0.5rem 0.6rem;
  border: 1px solid #cfc9bc;
  border-radius: 8px;
  font: inherit;
  font-size: 0.86rem;
  color: #12263a;
  resize: vertical;
}

.text_1kW7z:focus {
  outline: none;
  border-color: #ec792b;
  -webkit-box-shadow: 0 0 0 2px rgba(236, 121, 43, 0.2);
          box-shadow: 0 0 0 2px rgba(236, 121, 43, 0.2);
}

.footer_13Jtq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.count_10aQq {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 0.75rem;
  color: #7c8798;
  font-variant-numeric: tabular-nums;
}

.submit_14hUr {
  height: 32px;
  padding: 0 0.9rem;
  border-radius: 8px;
  font: inherit;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #ec792b;
  background: #ec792b;
  color: #ffffff;
}

.submit_14hUr:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/* the spinner inside Submit while the switch runs, in the button's white */
.spinner_3Xfvf {
  margin-right: 0.4rem;
  line-height: 1;
}

.spinner_3Xfvf .ant-spin-dot-item {
  background-color: #ffffff;
}

/* no stars yet: the rating is required */
.submit_14hUr:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.submit_14hUr:hover:not(:disabled) {
  border-color: #c25e1a;
  background: #c25e1a;
}

.userProfile_3eaLY {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  color: #333333;
  font-size: 12px;
}

.userProfile_3eaLY .userAvatar_3Ln9w {
  font-size: 12px;
  margin-right: 10px;
  background-color: #1791ff;
  display: grid;
  place-items: center;
}

.userProfile_3eaLY .userAvatar_3Ln9w .ant-avatar-string {
  line-height: 20px;
}

.userProfile_3eaLY .ant-avatar-sm {
  width: 20px;
  height: 20px;
}

.container_3VPJt {
  justify-self: end;
  background-color: rgba(0, 138, 245, 0.1);
  padding-right: 8px;
  border-radius: 22px;
  border: .5px solid rgba(0, 138, 245, 0.1);
}

.modalIllustration_2fkPe {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 1rem auto;
}

.section_sGqgn {
    height: 77px;
}

.question_nwN-F {
    height: 177px;
}

.options_1fkyb {
    margin-top: 15px;
}

.radioOption_uOzaS {
    display: grid;
    grid-auto-flow: column;
    margin-bottom: 14px;
    grid-auto-columns: auto 1fr;
}

.questionText_1fOq7 {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
    grid-auto-columns: auto 1fr;
}

.title_MGUOq {
    width: 50%;
}

.description_3_sCw {
    width: 35%;
}

.option_3Y8Bv {
    width: 80px;
}
/*
*
* InputFilter actions
*
*/

.inputFilterBox_1nykU {
  position: relative;
  min-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.container_2466v {
  margin-bottom: 20px;
}

.advanceInputBox_3FFWL {
  max-width: 390px;
  width: 100%;
}

.advanceInputBox_3FFWL > div {
  overflow-x: auto;
}

.richInput_1F23O {
  cursor: text;
  min-width: 80%;
  font-weight: 400;
  color: rgba(51, 51, 51, 1);
  text-align: left;
  -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 14px;
  font-weight: 500;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-height: 120px;
  border: none;
  border-radius: 5px;
  overflow: hidden;
  white-space: pre !important;
  overflow-wrap: normal !important;
  padding-left: 10px;
}

.richInput_1F23O:hover {
  border-right-width: 1px !important;
}

.richInput_1F23O:focus {
  border-right-width: 1px !important;
  outline: 0;
}

[data-slate-editor='true'] span[contenteditable='false'] {
  font-size: 12px;
}

.editActionButtons_1dsaK {
  margin-top: 10px;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 10px;
  justify-self: right;
  width: 240px;
}

.notes_text_area_deleted_2Ipro {
  opacity: 0.6;
  cursor: not-allowed;
  /* pointer-events: none; */
}

.scrollableNotes_2OxCT {
  padding-top: 20px;
  overflow-y: auto;
  height: 370px;
}

.spacing_1wjTp {
  margin: 1rem 0;
}

.spacingMain_1jWAL {
  margin: 0px;
}

.modalIllustration_38LkM {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.disabled_3iYpA {
  pointer-events: none;
  opacity: 0.2;
}

.notes-text-area_3RF9a {
  padding: 12px;
  border-radius: 4px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}


.textAreaQuestion_3Ks12 textarea {
    max-height: 240px;
    min-height: 32px;
    resize: none;
}

.textAreaQuestion_3Ks12 textarea[disabled] {
    color: rgba(0, 0, 0, 0.5);
    background-color: #f9f9f98d !important;
}
  
.counter_1Y4vd {
    display: grid;
    place-items: end;
}
.visualConfigCard_16tBX .ant-card-body {
  display: grid;
  grid-auto-flow: column;
  cursor: pointer;
  grid-template-columns: 40px 1fr 1fr;
}

.visualConfigThumbnail_1dmCc {
  display: grid;
  grid-auto-rows: 1fr auto;
}

.isDragging_1eBUS {
  opacity: 0.5;
}

.visualDetails_3Wynn {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.isOver_YxF6F {
  border: 1px dashed gray;
}

.visualConfigCard_16tBX .ant-avatar {
  height: 150px !important;
  width: 300px !important;
}

.visualConfigCard_16tBX .ant-avatar > img {
  height: 140px;
  width: 280px;
}

.deleteIcon_FqPcb {
  position: absolute;
  right: 0px;
  padding: 0px 5px;
  display: none;
}

.visualConfigCard_16tBX:hover .deleteIcon_FqPcb {
  display: block;
}

.uploadButton_3i3rT {
  height: 150px;
  width: 300px;
  display: grid;
  place-items: center;
}

.switches_1SN6A {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.switchDiv_2L8qE {
  display: grid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.isDraggable_1o9ZD {
  width: 25px;
  border: 3px dashed lightgray;
}

.visualDetails_dRDN4 {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 10px;
  padding: 10px;
}

.container_682uF {
  overflow: auto;
  height: calc(100vh - 50px);
  padding: 10px 0px;
  margin: 0px -10px;
  background-color: transparent;
  position: relative;
  padding-bottom: 0px;
}

.actionButtons_x74AT {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
  margin-top: 10px;
  grid-gap: 20px;
  height: 40px;
  position: sticky;
  bottom: 0;
  right: 0;
  width: 100%;
  background: #fff;
  margin-bottom: -10px;
}

.configHeader_3VUge {
  margin-bottom: 12px;
}

.visualConfigBody_1rTUJ {
  min-height: calc(100vh - 240px);
}

.lineRuler_3ay4L {
  border: 0px;
}
.optionList_2Ub-C {
  display: grid;
  row-gap: 8px;
  padding: 8px 0px;
}

.optionInput_23hom {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  place-items: center start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.optionInput_23hom .ant-select {
  min-width: 110px;
}

.questionHeader_1_zU0 {
  display: grid;
  row-gap: 10px;
}

.questionSettings_3rZuO {
  display: grid;
  grid-template-columns: 1fr 120px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.questionControls_3vUBH {
  padding: 8px 0px;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.freeFormInput_2faeR {
  padding: 10px 0px;
}

.switch_3aAAl {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.autoFillContainer_9wvcB {
  display: grid;
  row-gap: 8px;
}

.optionSelect_2h_yn .ant-select {
  width: 180px;
}

.ruleList_3-AAL .multiselect-filter-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.autoFillContainer_9wvcB .tagFilters_29X2x .ant-input,
.autoFillContainer_9wvcB .tagFilters_29X2x .ant-input-number {
  height: 22px !important;
  line-height: 22px !important;
}
.optionSelect_2h_yn {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
.ruleList_3-AAL {
  display: grid;
  row-gap: 8px;
}

.tagFilters_29X2x {
  grid-gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sectionHeader_2fgoV {
  display: grid;
  grid-template-columns: 1fr 120px;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
}

.sectionControls_1iWpW {
  padding: 16px 0px;
  display: grid;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.bottomControls_1TDTc {
  display: grid;
  padding: 16px 0px 0px;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.gridColumn_1m90- {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 5px;
}

.columnsActions_3bViF {
}

.exportModal_2op6v {
    display: grid;
    place-items: center center;
    row-gap: 12px;
    width: 400px;
}

.radioStyle_3bAuc {
    display: block;
    height: 30px;
    line-height: 30px;
}

.exportModalButtons_1cMaJ {
    width: 100%;
}

/*
*
* SortSelection actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.sort-selection .sort-box-container {
  position: relative;
}
.sort-box-container .sort-box {
  min-width: 10rem;
  max-height: 20rem;
  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: absolute;
  border: none;
  border-radius: 8px;
  z-index: 100;
  right: 2px;
}
.sort-box .sort-content {
  min-width: 10rem;
  max-height: 18rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0px;
  border-radius: 8px;
}
.sort-box .sort-content .sort-row {
  padding: 10px;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sort-box .sort-content .sort-row:hover {
  padding: 10px;
  margin: 0px;
  background: #eaeaea;
}
.sort-row > img {
  height: 14px;
  width: 14px;
  margin-left: 5px;
  float: right;
}

.container_SZiDR {
  position: relative;
}

.filterButtonContainer_1Yt8D {
  display: grid;
  row-gap: 4px;
}

.multiselectFilterContent_14wGe {
  width: 280px;
  max-height: 12rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
  margin-left: 0.5rem;
}

.multiselectFilterContent_14wGe .checkbox {
  margin: 0rem 0rem 1rem 0rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.filterConditions_oVEd_ {
  margin: 10px 0px;
}

.tagRulesConditionsContainer_Wi_Qi {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.optionsWithChildren_2qDOh {
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  padding-left: 15px;
}

.fixed_2owY- {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.container_NXrSj {
  position: relative;
}

.filterButtonContainer_14m-q {
  display: grid;
  row-gap: 4px;
}

.multiselectFilterContent_3VFiu {
  width: 280px;
  max-height: 12rem;
  background-color: #ffffff;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1rem;
  margin-left: 0.5rem;
}

.multiselectFilterContent_3VFiu .checkbox {
  margin: 0rem 0rem 1rem 0rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.filterConditions_3ANrK {
  margin: 10px 0px;
}

.tagRulesConditionsContainer_TaINk {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.optionsWithChildren_28J5h {
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  padding-left: 15px;
}

.fixed_2UIOe {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.gridColumn_3BAry {
    display: grid;
    grid-auto-flow: column;
    place-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: 5px;
}

.columnsActions_294K7 {
    /* margin: 5px 0px; */
}

.rightAlignActionBUttons_35r-J {
}

.rightAlignActionBUttons_35r-J .sort-box-container {
    position: relative;
}
.container_3eAaS {
  height: calc(100vh - 140px);
  overflow: auto;
  margin: 10px;
}

/* The Easy Query search bar adds a 38px row + 8px margin above the table.
   Without shrinking the container, its bottom (the pagination) is pushed
   below the viewport, which App's overflow-hidden layout makes unreachable. */
.withSearchBar_1A8iL {
  height: calc(100vh - 186px);
}

.container_3eAaS ::-webkit-scrollbar {
  height: 10px;
}

.container_3eAaS .ant-table-tbody > tr > td {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 250px;
}

.leftAlignContainer_QystO {
  text-align: left;
}

.leftAlignContainer_QystO span {
  margin: 0;
}

.container_1UHCE {
  width: 100vw;
}

.container_3pGoe .ant-modal-body {
  height: 75vh;
  width: 75vw !important;
  padding: 0px;
  overflow: hidden;
}

.container_3pGoe .ant-modal-content {
  border-radius: 8px;
}

.modalContainer_1nsya {
  display: grid;
  row-gap: 20px;
  height: 100%;
  grid-auto-rows: auto 1fr;
  overflow: hidden;
}

.details_y46Ak {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto 1fr;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  padding-right: 20px;
  min-height: calc(75vh - 125px);
}

.heading_1uis9 {
  display: grid;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
          box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
  padding: 15px;
}

.logoImg_2q_dw {
  max-width: 250px;
  height: auto;
}

.freshLoginContainer_3xhZH {
  display: grid;
  height: 100%;
  grid-auto-rows: 1fr auto 1fr;
}

.welcome_3Qybh {
  display: grid;
  place-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
  grid-auto-columns: 1fr auto;
}

.description_2PbuB {
  display: grid;
  place-content: center;
  text-align: center;
}

.continueButton_daSnF {
  display: grid;
  padding: 50px;
  place-content: end;
}

.container_2oX2i .ant-modal-body {
  height: 75vh;
  width: 75vw !important;
  padding: 0px;
}
.container_2oX2i .ant-modal-content {
  border-radius: 8px;
}

.modalContainer_1uaNk {
  display: grid;
  row-gap: 20px;
  height: 100%;
  grid-auto-rows: auto 1fr;
  overflow: hidden;
  /* Grid items default to min-height:auto, which refuses to shrink below their
     content. Without this the note pushes past the modal instead of scrolling. */
  min-height: 0;
}

.details_1EG4- {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  grid-auto-columns: auto 1fr;
  padding-right: 20px;
  /* Was min-height: calc(75vh - 125px), a second guess at the modal's height
     that fought the 1fr row it already sits in. The row fills the modal on its
     own; this only needs to be allowed to shrink so its child can scroll. */
  min-height: 0;
}

.details_1EG4- > * {
  min-height: 0;
}

/* The content column: title and description size to their content, the note
   itself takes the rest and scrolls inside it. Bounding the scroll area by the
   modal (rather than by the viewport, as the global .markdown-container rule
   does) is what keeps the end of a long note reachable. */
.detailsContent_13QBy {
  display: grid;
  grid-auto-rows: auto auto 1fr;
  min-height: 0;
  overflow: hidden;
}

.detailsContent_13QBy .markdown-container {
  max-height: none;
  height: 100%;
  overflow-y: auto;
}

.heading_3RD5A {
  display: grid;
  text-align: center;
  -webkit-box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
          box-shadow: 0 2px 4px 0 rgb(21 27 38 / 15%);
  padding: 15px;
  place-content: center;
}

div.container_2oX2i {
  overflow: hidden;
  overflow-x: auto !important;
}

.logoImg_1tfC- {
  max-width: 250px;
  height: auto;
}

.freshLoginContainer_2sXz7 {
  display: grid;
  height: 100%;
  grid-auto-rows: 1fr auto 1fr;
}

.welcome_1r4Cc {
  display: grid;
  place-items: center;
  -ms-flex-line-pack: end;
      align-content: end;
  grid-auto-columns: 1fr auto;
}

.description_1p2zg {
  display: grid;
  place-content: center;
  text-align: center;
}

.continueButton_1Jzqi {
  display: grid;
  padding: 50px;
  place-content: end;
}

.summaryContainer_SEoj- {
  display: grid;
  place-content: flex-start;
  row-gap: 20px;
  padding-right: 20px;
  min-height: 0;
  overflow-y: auto;
}

.options_17DWx {
  display: grid;
}

.summaryTitle_1fLhq {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  grid-auto-columns: auto 1fr;
  justify-items: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.summaryDescription_1sQLF {
  padding-bottom: 15px;
}

.pageHeader_1AsCL {
  display: grid;
  grid-template-columns: auto 1fr;
  padding: 4px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffffff;
  height: 35px;
  border: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
  z-index: 1000;
}

.pageHeader_1AsCL .header-back {
  min-width: 20px;
  min-height: 20px;
  height: 20px;
  background: #333333;
}

.pageHeader_1AsCL .pageTitle_xxNBQ {
  display: grid;
  grid-auto-flow: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.pageHeader_1AsCL .searchHistoryContainer_2CM_i {
  position: absolute;
  max-height: 250px;
  z-index: 100;
  min-width: 300px;
  max-width: 460px;
  margin-top: 5px;
  background-color: #ffffff;
}

.headerChangePassModal_2IU5O {
  width: 436px;
}

.mainContentContainer_2nTCy {
  margin: 0px 10px;
}

.rightPaneHeader_18NaE {
  display: grid;
  grid-auto-flow: column;
  place-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}

.drawerContainer_Y5yyp {
  display: grid;
  row-gap: 10px;
}
.tipsContainer_1tNSu {
  -webkit-box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
          box-shadow: 0 2px 4px 0 rgba(21, 27, 38, 0.15);
}

.tipsContainer_1tNSu ul {
  padding: 10px;
}
.tipsContainer_1tNSu li {
  border-bottom: 1px solid #d3c8c8;
}
.tipsContainer_1tNSu li:last-child {
  border-bottom: none;
}

.tipsContainer_1tNSu li.ant-menu-item-selected {
  background: transparent !important;
  color: black;
}

.tipsContainer_1tNSu li.ant-menu-item-active {
  background: #e6f7ff !important;
}

.containerWrapper_IW01L {
    display: table;
    width: 100%;
}

.container_2BEQV {
    margin: 0px -10px;
    margin-top: -5px;
    margin: 0px minmax(20%, 20px);
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(55%, rgba(255,255,255,1)), color-stop(90%, rgba(244,244,244,1)));
    background: linear-gradient(0deg, rgba(255,255,255,1) 55%, rgba(244,244,244,1) 90%);
    height: 100vh;
    overflow: auto;
    padding: 40px 0px;
    padding-top: 20px;
}

.greetingContainer_2PoVb {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.greetingIcon_2VG_0 {
    font-size: 80px;
    padding-right: 8px;
}

.greetingTitle_1_b_t {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    -ms-flex-line-pack: center;
        align-content: center;
    text-align: left;
    gap: 4px;
}

.homePagePhrasesContainer_Kk4Tt {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 65vw;
    margin: 40px auto;
    margin-top: 14px;
    margin-bottom: 28px;
    min-width: 484px;
    max-width: 1024px;
}

.homepageStatsContainer_eHbf6 {
    border: 1px solid #dcdde0;
    padding: 14px 32px;
    border-radius: 7px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    min-height: 76px;
    max-height: 345px;
    overflow-y: overlay;
}

.containerHeading_3nUMa {
    font-size: 16px;
    text-align: center;
    margin-bottom: 25px;   
}

.sentencesItem_2DSnP {
    font-size: 16px;
}

.sentencesUlContainer_3zeyo {
    margin-top: 10px;
}

.visualsGridContainer_2Yk0o {
    padding: 0 4px;
    margin-bottom: 40px;
    /* max-width: 1210px; */
    max-width: 1024px;
    width: 65vw;
    gap: 30px 20px;
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(380px, 1fr) );
    justify-items: center;
}

.visualsGridContainer_2Yk0o > div {
    max-width: 484px;
    padding: 10px 12px;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

.visualsGridContainer_2Yk0o > div canvas {
    max-height: 214px;
    min-height: 214px;
}

.visualsGridContainerSingleItem_1MxaV {
    padding: 0 4px;
    margin-bottom: 40px;
    max-width: 1210px;
    max-width: 1024px;
    width: 65vw;
    gap: 30px 20px;
    display: grid;
    justify-items: center;
}

.visualsGridContainerSingleItem_1MxaV > div {
    padding: 10px 12px;
    -webkit-box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
            box-shadow: 0 0 0 1px #edeae9, 0 1px 4px 0 rgba(109, 110, 111, 0.08);
    border-radius: 7px;
    width: 100%;
    height: 100%;
}

.visualsGridContainerSingleItem_1MxaV > div canvas {
    max-height: 414px;
    min-height: 414px;
}

.legendContainer_1XVZa {
    display: none;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.visualsGridContainer_2Yk0o .legendContainer_1XVZa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px 14px;
    padding-top: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.separator_2dOoW {
    border: 1.5px dashed #dcdde0;
}
.subSectionSeparator_3S4Pb {
    border: 1.5px dashed #e8e8e8;
}

.subSectionSentencesItem_1Ny1Y  {
    padding: 0px 10px;
}
.subSectionSentencesItem_1Ny1Y span {
    font-size: 14px;
}
.subSectionSentencesItem_1Ny1Y .sentencesItem_2DSnP {
    margin-left: 20px;
}

.loadingCardContainer_4b03r {
    background: white;
    height: 269px !important;
}

.emptyGraphContainer_VsPc2 {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 226px;
}

.emptyInsights_3eved {
    height: 300px;
}

.emptyIllustrationContainer_1x1Jl {
    margin-top: -16px;
}

@media (max-width: 986px) {
    .visualsGridContainer_2Yk0o {
        justify-items: center;
    }
}
.downloadingIcon_3jY8f {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content -webkit-max-content;
    grid-auto-columns: max-content max-content;
    grid-gap: 4px;
}

.downloadingIcon_3jY8f img {
    margin-left: -4px;
}

.downloadingText_34SiQ {
    color: #008af5;
}

.disabled_14vSr  {
    -webkit-filter: invert(72%) sepia(0%) saturate(2%) hue-rotate(101deg) brightness(100%) contrast(99%);
            filter: invert(72%) sepia(0%) saturate(2%) hue-rotate(101deg) brightness(100%) contrast(99%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    pointer-events: none;
}

.disabledWrapper_1OWvE {
    cursor: not-allowed;
    opacity: 0.7;
}

.modalIllustration_3DlYH {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.saveAccountReports_3vSSp .ant-form-item-control-input-content > input {
  border-radius: 5px;
}

.modalIllustration_3tadS {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.modalButtonsDiv_1PQPi {
  display: grid;
  grid-auto-flow: column;
  -webkit-column-gap: 16px;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
  grid-auto-columns: minmax(0px, 90px);
  padding-top: 25px;
}

.loadingIcon_30-g8 {
  height: 37px;
}

.loadingIconDiv_mgLsx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
}

.deleteModal_3gnWD {
  height: 240px;
}

.deleteText_1ky0e {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modalIllustration_GTbeJ {
  height: 165px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.editAccountReports_1bQ-a .ant-form-item-control-input-content > input {
  border-radius: 5px;
}

/*
*
* ChartTypes actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.charts-page {
  /* height: 330px; */
  /* max-height: 330px; */
}
.charts-page .filter-class {
  margin-bottom: 15px;
}
.horizontal-bar-react-charts {
  /* display: contents; */
}
.filter-class {
  display: flex;
  justify-content: center;
  margin-bottom: 5px;
}
.center-charts-less-width canvas {
  margin: auto;
}

/*
*
* Chart actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
.charts-page {
  /* height: 330px; */
  /* max-height: 330px; */
}
.horizontal-bar-react-charts {
  /* display: contents; */
}
.charts-overflow-div {
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 350px;
  margin: 0px 0px 15px 15px;
}

/*
*
* ErrorBoundary actions
*
*/
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
#app .page-loading,
.page-error.not-found-page {
  display: grid;
  grid-auto-flow: row;
  place-content: center;
  place-items: center;
  margin: auto;
  z-index: 1;
  height: calc(100vh - 45px);
  position: initial;
  row-gap: 25px;
}
.highlight {
  font-weight: 500;
  color: #1791ff;
}
.page-error.not-found-page .error-actions {
  display: grid;
  grid-auto-flow: column;
  column-gap: 20px;
}
.chartErrorContainer {
  display: grid;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #dcdde0;
  background: #fff;
  padding: 18px 14px;
  height: 215px;
  position: relative;
  min-width: 215px;
  justify-content: inherit;
}
.emptyGraphContainer {
  display: grid;
  align-items: center;
  justify-content: center;
}

:root {
    --expanded-view-pictorial-ratio: 1.325;
}

.pictorialGraphContainer_2Ko1d {
    display: grid;
    grid-template-columns: 50% 50%;
}

.chartInfoContainer_WOpaN {
    display: grid;
    grid-auto-flow: row;
    grid-gap: 28px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.loadingCardContainer_p1MEI {
    border-radius: 4px;
    border: 1px solid #dcdde0;
    background: #fff;
    padding: 10px 14px;
    gap: 20px;
    width: 100%;
    position: relative;
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
}

.cardContainer_1GZGO {
    border-radius: 4px;
    border: 1px solid #dcdde0;
    background: #fff;
    padding: 18px 14px;
    gap: 20px;
    width: 100%;
    height: 215px;
    position: relative;
    min-width: 215px;
}

[id~=chart-container] {
    overflow: hidden;
}

.scaleButton_3cuLy {
    position: absolute;
    right: 10px;
    top: 12px;
}

.cardContainer_1GZGO canvas {
    margin-top: 12px;
    width: 100%;
    min-height: 150px;
    max-height: 150px;
}

.gridContainer_GEGao {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(376px, 1fr));
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-row-gap: .5em;
    grid-column-gap: 1em;
    background: #fff;
    padding: 18px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: overlay;
}

.chartLegendsRow_3Pa9k {
    display: none;
    grid-template-columns: repeat(2, -webkit-max-content);
    grid-template-columns: repeat(2, max-content);
    grid-auto-rows: -webkit-max-content;
    grid-auto-rows: max-content;
    grid-gap: 4px 20px;
    padding-top: 4px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.legendColorContainer_2jEuQ {
    min-width: 7px;
    min-height: 7px;
    border-radius: 50%;
    display: inline-block;
}

.chartLegendContainer_2eTZz {
    display: grid;
    grid-gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
}

.accountStatsContainer_q108C {
    display: grid;
}

.modalContainer_3rbrb {
    min-width: 737px;
    width: 70vw;
    overflow: hidden;
    display: grid;
    padding: 16px 34px;
    min-height: 500px;    
    max-height: 88vh;
}

.modalContainer_3rbrb canvas {
    margin-top: 12px;
}

.modalContainer_3rbrb [id~=graph] {
    overflow: hidden;
    display: grid;
    grid-template-rows: -webkit-max-content auto -webkit-max-content;
    grid-template-rows: max-content auto max-content;
    height: 100%;
}

.modalContainer_3rbrb [id~=graph-title] {
    font-size: 27px;
    width: 65%;
}

[id~=graph-legend-container] span {
    font-size: 12px;
}

.modalContainer_3rbrb [id~=legend-container] {
    display: grid;
    grid-gap: 20px;
    grid-gap: 18px 84px;
}

.modalContainer_3rbrb [id~=graph-legend-container] {
    display: grid;
}

.modalContainer_3rbrb [id~=legend-color-container] {
    width: 11px;
    height: 11px;
}

.modalContainer_3rbrb [id~=legend-container] span {
    font-size: 18px;
}

.modalContainer_3rbrb [id~=pictorial-container-title-container] > span:first-child {
    font-size: 27px;
}
.modalContainer_3rbrb [id~=pictorial-container-title-container] > span:last-child {
    font-size: 22px;
    margin-top: 6px;
}

.verticalTopModal_3xWJX [class~=ant-modal-content] {
    border-radius: 12px;
}

.modalContainer_3rbrb [id~=chart-container] {
    display: grid;
    grid-gap: 18px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
}

.legendContainer_3ui1V {
    display: none;
    grid-auto-flow: column;
    grid-auto-columns: -webkit-max-content;
    grid-auto-columns: max-content;
    gap: 34px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.scaleSelectionContainer_3P7vx {
    position: absolute;
    top: 40px;
    right: 80px;
    
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 10px;
}

.scaleSelectionContainer_3P7vx  [class~=ant-select-single] {
    width: 120px;
}

.emptyGraphContainer_1byUY {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.emptyPictorialContainer_3WKlE {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

@media screen and (max-width: 2400px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media screen and (max-width: 1800px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1440px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(3, 1fr);
    }    

    .cardContainer_1GZGO {
        height: 254px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 180px;
        max-height: 180px;
    }
}

@media screen and (max-width: 1240px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(2, 1fr);
    }    

    .pictorialGraphContainer_2Ko1d {
        display: grid;
        grid-template-columns: 40% auto;
        height: 100%;
    }

    .cardContainer_1GZGO {
        height: 324px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 250px;
        max-height: 250px;
    }
}

@media screen and (max-width: 900px) {
    .gridContainer_GEGao {
        grid-template-columns: repeat(1, 1fr);
    }   

    .cardContainer_1GZGO {
        height: 390px;
    }

    .cardContainer_1GZGO canvas {
        min-height: 320px;
        max-height: 320px;
    }
}

.feedbackOptions_3kVH_ {
  padding: 0.4rem 0px;
  display: inline-block;
  background-color: white;
  color: #3d4f57;
  border-radius: 3px;
  margin: 0.3rem;
  font-weight: 500;
  cursor: pointer;
  width: 35px;
  text-align: center;
}

.feedbackOptions_3kVH_:hover {
  color: #008af5;
}

.feedbackOptions_3kVH_:active {
  outline: 2px solid #008af5;
}

.crossStyle_2lY8Q {
  position: absolute;
  top: 15%;
  right: 5%;
  cursor: pointer;
}

.thankyouImage_3dsfX {
  display: block;
  margin: 0 auto;
  padding-bottom: 0.5rem;
  color: #455a64;
}

div.drawerBodyStyle_2gwEa {
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
}

.drawerBodyStyle_2gwEa .ant-drawer-content-wrapper {
  min-width: 700px;
  max-width: 50vw;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.drawerBodyStyle_2gwEa .ant-drawer-content {
  border-radius: 12px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  padding: 10px 0px;
  background: #008af5;
}

.drawerBodyStyle_2gwEa {
  pointer-events: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 14px;
}

.drawerBodyStyle_2gwEa .ant-drawer-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  padding: 0;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background-size: 200%;
}

@-webkit-keyframes moveBg_VDqBa {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

@keyframes moveBg_VDqBa {
  0% {
    background-position: 0%;
  }
  50% {
    background-position: 100%;
  }
  100% {
    background-position: 0%;
  }
}

.feedbackOptionsDiv_1JJqm {
  padding-left: 10px;
}

.surveyContainer_2s-hn {
  display: grid;
  grid-template-columns: 50px minmax(517px, 90vw) 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 20px;
  pointer-events: all;
  min-height: 80px;
  max-height: 500px;
}

.surveyContainerCompleted_1ItUv {
  display: grid;
  grid-template-columns: 50px minmax(517px, 90vw) 50px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0px 20px;
  pointer-events: all;
}

.feedbackWrapper_2i_pP {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.closeIcon_1gY6j {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.feedbackText_3rimc {
  min-height: 40px;
  overflow: hidden;
}

.centered_1j6lu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.feedback_shzH0 {
  max-width: 600px;
}

.closeIconFeedbackCompleted_2KxNN {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.container_1thQI {
  display: grid;
  row-gap: 10px;
  padding: 10px 40px;
  min-height: 135px;
}

.metaDataList_1_1Eg {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: -webkit-fit-content;
  height: fit-content;
  height: -moz-fit-content;
}

.modalIllustration_B29ys {
  height: 126px;
  width: 188px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: auto;
}

.emailInputBoxStyle_jT0lc {
  border: none;
  padding: 0 4px;
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  color: #000;
}

.smartReportName_1-Gxq {
  margin-bottom: 21px;
}

.emailInputBoxStyle_jT0lc:hover,
input.emailInputBoxStyle_jT0lc:focus,
input.emailInputBoxStyle_jT0lc:active {
  border: none;
  padding: 0 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.nameInputContainer_3t1Oz {
  margin-top: 10px;
  border-bottom: 0.5px solid #969799;
}

.asyncControlButtonsWrapper_3Do5M {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  padding-top: 20px;
}

.asyncControlButtons_pxOd_ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.asyncControlButtons_pxOd_ > button {
  margin-left: 10px;
}

.emailInputWrapper_3L7f_ {
  margin-top: 10px;
}

.asyncModalWrapper_3vE2p {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}

@media (max-width: 800px) {
  .asyncModalWrapper_3vE2p {
    grid-template-columns: none;
    grid-template-rows: auto auto;
    grid-gap: 10px;
  }
}

.asyncExportCheckboxGroup_yF08G {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}

.checkboxWrapper_3Ep4H {
  padding-top: 5px;
}

.asyncExportCheckboxGroup_yF08G > .ant-checkbox-wrapper {
  padding: 5px 0px;
}

.errorContainer_2MXGX {
  position: relative;
  margin-bottom: 18px;
}
.exportErrorContainer_MGc1n {
  position: relative;
  margin-bottom: 21px;
}

.errorMessage_3lfbS {
  font-family: 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  text-align: start;
  letter-spacing: 0.5px;
  color: #f21e11;

  position: absolute;
  top: 6px;
  left: 0;
}

.IconStyle_1CdTF {
  height: 160px;
  width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0px auto;
}

.successMessage_1MNEn > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.successMessage_1MNEn {
  padding: 0px 0px 25px 0px;
}
.info_XGilI {
  height: 20px;
}
.selectorDiv_22YMD {
  padding-top: 10px;
}

/* a slim strip across the top of the content: deep peach with an orange
   bar on the left so it stands out on the light pages; no padding, so it is
   as tall as its text and the × button; the sentence is centred across the
   whole strip, with the × pinned to the right; literal colors (see
   index.js) */
.banner_1gZSl {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* the × sits out of the flow; this keeps it inside the strip */
  min-height: 24px;
  padding: 0;
  border-left: 5px solid #ec792b;
  border-bottom: 1px solid #e3a576;
  background: #f9cda9;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  color: #12263a;
}

.text_aBiuL {
  min-width: 0;
  /* clear of the × on the right (and as much on the left, to stay centred) */
  max-width: calc(100% - 64px);
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* "here": an inline link inside the sentence */
.link_2w3Ht {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  font-weight: 800;
  color: #843a06;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.link_2w3Ht:disabled {
  opacity: 0.6;
  cursor: progress;
}

.link_2w3Ht:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

.link_2w3Ht:hover:not(:disabled) {
  color: #12263a;
}

.close_1TknO {
  position: absolute;
  top: 50%;
  right: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-size: 1.1rem;
  line-height: 1;
  color: #4a3526;
  cursor: pointer;
}

.close_1TknO:hover {
  background: rgba(18, 38, 58, 0.08);
  color: #12263a;
}

.close_1TknO:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/* over Intercom's launcher: same spot (utils/intercomLauncher), same size */
.handle_hFP_q {
  position: fixed;
  right: 20px;
  bottom: calc(68px + var(--pi-intercom-lift, 0px));
  z-index: 2147483004;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: -webkit-grab;
  cursor: grab;
  -ms-touch-action: none;
      touch-action: none;
}

.handle_hFP_q:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.handle_hFP_q:focus-visible {
  outline: 2px solid #ec792b;
  outline-offset: 2px;
}

/*
*
* App actions
*
*/
/* cspell:ignore notif */
/* primary color palette */
/* primary color background */
/*secondary colors palette */
/* reinforcement colors */
/*text colors */
/* fronts/background colors */
/* graph colors */
/* highlight color */
/* transcript color */
/* button color */
/* border-color */
/* text-highlight-color */
/**
 * @font-face LESS Mixin
 * use: .font-face(
 *   @font-family, // name
 *   @file-path,   // absolute/relative URL to font files
 *   @font-weight, // light/normal/bold/inherit | 300/400/700
 *   @font-style   // italic/normal/inherit
 * )
 */
/**
 * font LESS Mixin
 * use: .font(
 *   @font-family, // name
 *   @file-size,   // any unit/inherit
 *   @font-weight, // light/normal/bold/inherit | 300/400/700
 *   @font-style   // italic/normal/inherit
 * )
 */
@font-face {
  font-family: 'Roboto';
  src: url(/5ebb24ee1112dd9562629375c387879a.ttf) format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/e07df86cef2e721115583d61d1fb68a6.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/58aef543c97bbaf6a9896e8484456d98.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url(/11eabca2251325cfc5589c9c6fb57b46.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
* {
  font-family: 'Roboto', sans-serif !important;
  /*transition: all 0.5s;*/
}
body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100vh;
  min-width: 780px;
  overflow: hidden;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
.ant-calendar-picker-container {
  font-family: 'Roboto', sans-serif !important;
}
.page-title {
  font-weight: bold;
  font-size: 18px;
  margin: 0px;
}
.link {
  color: #1d71f2;
}
.brand-loader {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.brand-loader > img {
  width: 100%;
  animation: animateBrandLoader 1s linear 2s infinite alternate;
}
.ant-menu-item-selected {
  background-color: #001429 !important;
}
@keyframes animateBrandLoader {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
  }
}
.ant-layout-header {
  float: left;
  margin: 0px;
  line-height: unset;
}
.ant-layout-header > h2 {
  display: inline-block !important;
}
.app-content {
  height: 100%;
  margin: 16px 16px 0px 16px;
}
.app-content > div {
  height: 100%;
  padding: 0px;
  background: white;
  margin-bottom: 0px;
}
.ant-layout-sider-children .menu-bottom {
  bottom: 0px;
}
.fixed-sider-content-layout {
  transition: all 0.2s;
  height: 100vh;
}
/* Flex */
.flex__left-align {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
/* Page Loader*/
.page-loading,
.page-error {
  min-height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  margin: auto;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.page-error {
  left: 10%;
}
.page-loading > .anticon {
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.page-error > h1 {
  font-size: 6em;
  font-weight: bold;
  color: #e46565;
  margin-bottom: 10px;
}
.page-error > h3 {
  font-size: 1.5em;
  color: #313131;
}
.page-error > p {
  width: 600px;
  text-align: center;
  font-size: 1.1em;
  color: #929292;
}
.page-hidden {
  display: none;
}
.page-visible {
  display: grid;
  grid-template-rows: minmax(134px, min-content) minmax(175px, auto) minmax(0, min-content);
  height: calc(100vh - 46px);
  overflow-y: hidden;
}
.page-visible-transcriptView {
  display: grid;
  grid-template-rows: minmax(42px, min-content) minmax(175px, auto) minmax(0, min-content);
  height: calc(100vh - 46px);
  overflow-y: hidden;
}
.page-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 10px 0px;
  margin-top: 30px;
}
.page-filter > .percentage-filter {
  min-width: 100px;
}
.dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.dot-large {
  width: 14px;
  height: 14px;
}
/* Popover */
/* Modal Gradient */
.modal-gradient .ant-modal-content {
  background: #2e9cd6;
  background: -webkit-linear-gradient(#2e9cd6, #3d69a7);
  background: linear-gradient(#2e9cd6, #3d69a7);
  color: white;
}
/* Sticky Column*/
/*.ant-table table{
  border-collapse: unset;
  border-spacing: unset;
}
.ant-table-thead > tr > th {
  z-index: 120;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin: 0px;
  position: -webkit-sticky;
  position: sticky;
  top: 1px;

}*/
.ant-table-thead > tr > th {
  font-weight: bold;
}
span[color='orange'] {
  padding: 0px 1px;
  border: 1px solid #ef8432;
  background: #ffca6a;
  color: #333333;
}
.progress-with-loader {
  display: flex;
  align-items: center;
}
.progress-with-loader > i {
  color: #3d69a7;
}
.progress-with-loader > .ant-progress {
  margin-left: 10px;
}
/*Color*/
.success-color {
  color: #52c41a;
}
.error-color {
  color: #f5222d;
}
.bg-error {
  background: #f5222d;
}
.bg-success {
  background: #52c41a;
}
.text-color-secondary {
  color: #2e9cd6;
}
.text-color-primary {
  color: #3d69a7;
}
/* Background */
.background-white {
  background: white;
}
/* Custom Scroll Bar */
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 0px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.charts-time-graph-cursor > div {
  cursor: default !important;
}
.ant-empty {
  display: none;
}
.monospace {
  font-family: 'Roboto', monospace;
}
.span-cross-button {
  padding-left: 10px;
}
.display-none {
  display: none !important;
}
.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}
.display-flex {
  display: flex;
}
audio::-webkit-media-controls-mute-button {
  display: none;
}
.ant-btn > i,
.ant-btn > span {
  background: transparent !important;
}
.page-loading-infinite-scroll {
  display: flex;
  align-self: center;
  justify-content: center;
  height: 40px;
}
.login-main-loader.search-page-filters-loading {
  font-size: 20px;
  height: 100vh;
  width: calc(100vw - 170px);
  display: flex;
  background-color: #f0f2f5;
  color: rgba(0, 0, 0, 0.65);
}
.height-50 {
  height: 50px;
}
.right-pane {
  background: white;
}
.right-pane .reflex-container > .reflex-element {
  position: relative;
  overflow-y: scroll;
  width: 100%;
}
.flex-space-between {
  justify-content: space-between;
}
.padding-right-10 {
  padding-right: 10px;
}
.margin-auto {
  margin: auto;
}
.flex-justify-contents-center {
  justify-content: center;
}
.margin-20 {
  margin: 20px;
}
.flex-align-items-center {
  align-items: center;
}
.width-150 {
  width: 150px;
}
.ant-select-dropdown ::-webkit-scrollbar {
  width: 5px;
}
.slider-filter-box .slider-input-container .slider-input-box {
  min-width: 30%;
}
.more-slider-input-container .ant-input {
  min-width: 30%;
}
.flex-column-end {
  display: flex;
  justify-content: end;
  align-items: flex-end;
  flex-direction: column;
}
.flex-row-end {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Firefox < 16 */
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Internet Explorer */
@-ms-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Opera < 12.1 */
@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.padding-left-10 {
  padding-left: 10px;
}
.margin-left-10 {
  margin-left: 10px;
}
.margin-right-5 {
  margin-right: 5px;
}
.float-right {
  float: right;
}
.display-block {
  display: block !important;
}
.outline-none {
  outline: none;
}
*:focus {
  outline: none;
}
.align-items-center {
  align-items: center;
}
.custom-buttons-with-icons {
  padding: 2px 8px;
  border-radius: 8px;
  cursor: pointer;
  width: fit-content;
  width: -moz-fit-content;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.custom-buttons-with-icons:hover {
  background: #e6e6e6;
}
.modal-button {
  float: right;
  margin: 5px;
}
.search-save-create-buttons {
  display: flex;
  align-items: center;
  padding: 0px 5px;
}
.search-save-create-buttons.adhoc-search-button .custom-buttons-with-icons {
  height: 32px;
  display: flex;
  align-items: center;
  border: none;
}
.search-save-create-buttons.adhoc-search-button .clear-search {
  margin-left: 5px;
}
.search-history-container .ant-table-selection-col,
.search-history-container .ant-table-selection-column {
  opacity: 0;
  width: 0px;
}
.error-message-span {
  color: #f5222d;
  font-size: 12px;
  margin: 0px;
  margin-top: 5px;
}
.ant-tag {
  border-radius: 20px;
  font-size: 11px;
  line-height: 19px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
}
.form-button-tags .ant-form-item-children {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.operation-manage-tags {
  display: flex;
  justify-content: space-around;
}
.manage-tags .ant-table .ant-table-content .ant-table-tbody .ant-table-row.editable-row td {
  padding: 6px 16px;
}
.login-form {
  max-width: 500px;
  margin: auto;
}
.login-form .ant-form-item-control-wrapper {
  min-width: 400px;
}
.login-form-forgot {
  float: right;
}
.login-form-button {
  width: 100%;
}
.ant-input-password input {
  min-width: 250px;
}
.ant-layout-content {
  display: block;
}
.anticon svg {
  display: block;
}
.reflex-container.vertical > .reflex-splitter {
  height: auto !important;
  width: 4px !important;
  z-index: 1;
  border: none;
}
.reflex-container.vertical > .reflex-splitter:hover,
.reflex-container.vertical > .reflex-splitter.active {
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  cursor: col-resize;
}
.table-font {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
}
.ant-legacy-form-item-children {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  place-content: baseline;
  grid-gap: 5px;
}
.ant-layout {
  background-color: #f4f4f4;
}
.grid-column {
  display: grid;
  grid-auto-flow: column;
  place-items: center;
  justify-content: space-between;
  grid-gap: 5px;
}
.grid-row {
  display: grid;
  grid-auto-flow: row;
  place-items: center;
  grid-gap: 5px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.ant-card .ant-card-body:after,
.ant-card .ant-card-body::before {
  display: none;
}
.ant-slider-track {
  background-color: #1791ff;
}
.ant-slider-handle {
  border-color: #1791ff;
}
.ant-pagination {
  display: grid;
  grid-auto-flow: column;
  place-content: center;
}
body,
.ant-card,
.ant-input-number {
  line-height: 1.5;
}
.ant-upload.ant-upload-select-picture-card {
  height: 100%;
  width: max-content;
}
.search-results-page {
  margin: 0px 11px;
}
.ant-notification-notice-icon {
  position: absolute;
  top: 21px;
}
.offline-message {
  position: fixed;
  color: #ef8432;
  text-align: center;
  width: 90%;
  top: 10px;
}
.upgrade-modal-buttons {
  display: grid;
  grid-template-columns: 140px 140px;
  column-gap: 8px;
}
.new-version-div {
  display: grid;
  padding: 20px 50px;
  place-items: center;
  row-gap: 20px;
}
.card-meta-avatar {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 10px;
  width: 200px;
  margin-top: 0px;
  z-index: 1;
}
.card-meta-avatar .ant-card-body {
  padding: 10px 20px;
}
.markdown-container {
  width: 100%;
  max-height: calc(100vh - 350px);
  overflow-y: auto;
}
.app-container {
  min-height: 100vh;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
}
/* The element routed pages mount into. It fills Layout.Content so a page can
   size itself with height: 100% instead of viewport arithmetic. It stays a
   plain block (no flex) so V1 pages keep their block layout context. */
.page-outlet {
  height: 100%;
}
/* with the classic / new design banner on top, the page takes the rest of
   the content's height instead of a full 100% below it */
.with-ui-banner {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.with-ui-banner > .page-outlet {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
/*
 * antd notification popup overrides.
 * These target antd's notification classes, which render in a portal on
 * <body> (outside .app-container), so the selectors are intentionally global.
 */
/* Cap the height of notification popups so long text no longer grows the box
 * unbounded. Title clamps to 2 lines, body to 4, then ellipsis; width already
 * caps at antd's default 384px. */
.ant-notification-notice-message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  /* Keep text clear of the close (×) button, which antd absolutely positions
   * at top:16px right:22px. Without a title, the description sits at the top
   * and would otherwise run under the ×. */
  padding-right: 20px;
}
.ant-notification-notice-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  white-space: normal;
  padding-right: 20px;
}
/* Notifications rendered with an expandable body (see ClampedNotificationText)
 * opt out of the static description clamp above, so the in-body "see more"
 * toggle can reveal the full text on demand. */
.pi-notif-expandable .ant-notification-notice-description {
  display: block;
  -webkit-line-clamp: none;
  overflow: visible;
}
/* Peek stacking: instead of listing notifications vertically, overlap them in
 * the z-axis with the newest in front. rc-notification pushes new notices to
 * the end, so the newest is the last child. Older notices peek a few px above
 * and behind the front one (with a slight scale-down) so it's clear multiple
 * are stacked — only their top strips show, so their (variable) heights stay
 * hidden behind the front card. The front card owns the ×/see-more; dismiss it
 * to bring the next one forward. */
.ant-notification {
  /* keep a stable width so the absolutely-positioned notices below stay
   * anchored to the same right edge even though the container has no flow
   * content of its own */
  width: 384px;
  transition: top 0.2s ease;
}
/* Only when the "Clear all" button is showing (2+ notifications) do we push the
 * stack down to clear the button above it. A single notification keeps antd's
 * normal top position. !important overrides rc-notification's inline `top`. */
body.pi-has-clear-all .ant-notification {
  top: 86px !important;
}
.ant-notification-notice {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  transform-origin: center top;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.ant-notification-notice:nth-last-child(1) {
  z-index: 40;
}
/* Every card behind the front one is minimized to a short strip so a tall or
 * expanded ("see more") card can't poke out below the front card — only its
 * top peek edge should show. The front card (nth-last-child(1)) is exempt, so
 * it can still expand fully. */
.ant-notification-notice:nth-last-child(n + 2) {
  max-height: 56px;
  overflow: hidden;
}
/* Exactly one card peeks behind the front one. */
.ant-notification-notice:nth-last-child(2) {
  z-index: 30;
  transform: translateY(-10px) scale(0.97);
}
/* 3rd-and-older: hidden behind the single peek, revealed as the stack shrinks */
.ant-notification-notice:nth-last-child(n + 3) {
  z-index: 20;
  transform: translateY(-10px) scale(0.97);
  opacity: 0;
  pointer-events: none;
}
/* Floating "Clear all (N)" chip; positioned (top/right) inline by
 * ClearAllNotifications, which measures the front card's bottom edge. */
.pi-notif-clear-all {
  position: fixed;
  top: 40px;
  /* just above the stack (pushed to 86px when the button is shown) */
  right: 24px;
  z-index: 1011;
  /* above antd notifications (1010) */
  padding: 5px 14px;
  color: #262626;
  /* dark text — readable on the light-grey background */
  font-size: 13px;
  font-weight: 500;
  background: #dddddd;
  border: none;
  border-radius: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
  cursor: pointer;
  transition: background 0.2s ease;
}
.pi-notif-clear-all:hover {
  background: #cccccc;
}
/* Intercom: the launcher and the messenger above it follow the lift users
   drag it to (utils/intercomLauncher, components/IntercomLauncherHandle).
   translate, not transform, so Intercom's own hover scaling still works. */
.intercom-lightweight-app-launcher,
.intercom-launcher-frame,
.intercom-launcher-badge-frame,
.intercom-messenger-frame {
  translate: 0 calc(-1 * var(--pi-intercom-lift, 0px));
}

.notificationBody_2WoBe {
    display: grid;
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    margin-top: 6px;
}

.recordLine_2ODfI {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
}

.recordLine_2ODfI p {
    width: 250px;
    white-space: wrap;
    line-height: 16px;
    color: #FA2F2F;
    display: block;
}

.description_1PtZK {
    margin-left: 24px;
}

.descriptionButtons_2CKLs {
    display: grid;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 10px;
    margin-top: 4px;
}

.notificationTitle_1HiCM {
    margin-left: 24px;
}

.iconContainer_3uaHv {
    display: grid;
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -4px;
    margin-right: -12px;
}


/*# sourceMappingURL=main.js.map*/