:root {
  --square-box1-color: #f47f9c;
  --square-box2-color: #faa357;
  --square-box3-color: #f98127;
  --square-box4-color: #d16b18;
  --square-box5-color: #0070e0;
  --square-box6-color: #4e7c1d;
  --icon-class_color:#b3b3b3;
  --progress-bg:#f3f3f3;
  --font-color1: #468ccf;
  --font-color2: #90a86a;
  --button-bg: #f83a5f;
  --gray-color: #808080;
  --font-color3: #9b9ea2;
  --font-color4: #AFB0B7;
  --font-color5: #e7e7e7;
  --white-bg-color: #FFFFFF;
  --text-placeholder: #9999a1;
}

.low_font {
  font-size: 12px;
  color: var(--text-muted);
}

.v2-modal-2 .modal-content > * {
  padding: 30px;
}

.white-background {
  background-color: var(--white-bg-color) !important;
}

.v2-title-bold {
  color: var(--text-main, #121A3C);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

.v2-filter-modal-title {
  padding-bottom: 16px;
}

.v2-no-filter {
  height: calc(100% - 58px);
  width: 100%;
  overflow: auto;
  border: 1px solid var(--mo-stroke-4);
}

.v2-no-filter-modal-box {
    padding: 10px;
    border: 1px solid var(--font-color5);
    border-radius: 5px;
    background-color: var(--progress-bg);
    height: 100%; 
    display: grid;
    place-items: center;
}

.v2-no-filter-modal-title {
  font-size: 30px;
  color: var(--font-color3);
  font-weight: 700;
  text-align: center;

}

.v2-no-filter-modal-sub-title {
  font-weight: 700;
  font-size: 16px;
  color: var(--font-color4);
  text-align: center;
}

.v2-answer-filter-bar {
  padding: 12px 0px 12px 0px;
}

.v2-result-progress-vertical-box-small {
  height: 40px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 5px;
  width: 100%;
}

.v2-result-progress-vertical-box-body {
  background: #0077cc;
  width: 100%;
}

.rdt_TableCell:has(.v2-result-progress-vertical-box-small) {
  padding-left: 2px;
  padding-right: 2px;
}

.rdt_TableCol:has(.v2-result-prog-title) {
  padding-left: 2px;
  padding-right: 2px;
}

.v2-modal-check-question-collapse {
  padding-top: 8px;
  padding-bottom: 8px;
  border-top: 1px solid var(--stroke-default-default, #e7e7e7);
}

.v2-identifier {
  font-size: 18px;
  color: #72727E;
  font-weight: 700;
}

.mr-2 {
  margin-right: 10px;
}

.mr-4 {
  margin-right: 20px;
}

.v2-result-question-open-sr {
  position: relative;
  display: flex;
  align-items: center;
}

.v2-filter-elem-text {
  color: var(--text-main, #121A3C);
  text-overflow: ellipsis;
  /* Font/Size6/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
  min-width: 0;
}

.v2-icon-blue {
  color: var(--text-main, #121A3C);
  font-size: 12px;
  font-weight: 900;
}

.f-16 {
  font-size: 16px;
}

.ml-2 {
  margin-left: 10px;
}

.v2-light-blue {
  color: #0070e0;
}

.v2-label-bold {
  color: var(--text-main, #121A3C);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
}

.v2-btn-ok {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-primary-default, #0070e0);
  color: var(--text-foreground, #fff);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
  border: 1px solid transparent;
  vertical-align: middle;
}

.v2-btn-cancel {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-default-default, #fff);
  color: var(--text-main, #121A3C);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
  border: 1px solid transparent;
  vertical-align: middle;
  border: 1px solid transparent;
  vertical-align: middle;
}

.v2-btn-save {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-secondary-default, #333d60);
  background: var(--bg-default-default, #fff);
  color: var(--text-secondary-default, #333d60);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
}

.v2-btn-delete {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-danger-default, #d92653);
  background: var(--bg-default-default, #fff);
  color: var(--text-danger-default, #d92653);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  letter-spacing: 0px !important;
}

.v2-label-xl {
  color: var(--text-main, #121A3C);
  /* Headers/H5 */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
}

.v2-grey-bg {
  background: var(--bg-default-1, #f9f9fa);
}

.selected-questions-count-label {
  display: flex;
  min-height: var(--line-height-line-height-sm, 32px);
  padding: 7px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-sm, 1000px);
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-default, #fff);
  font-size: 12px;
  font-weight: 700;
  color: var(--text-secondary-1, #1f294e);
  letter-spacing: 0px !important;
  font-family: "Inter";
  margin-bottom: 10px;
}

.v2-checkbox-option {
  display: flex;
  min-height: 40px;
  padding: 0px 12px;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-md, 6px);
  border: 1px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-default, #fff);
}

.v2-checkbox-option:hover {
  border: 1px solid var(--stroke-primary-2, #cbe5ff);
  background: var(--bg-primary-2, #f0f8ff);
}

.v2-checkbox-option span {
  color: var(--text-main, #121A3C);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.v2-checkbox-option:hover span {
  color: var(--text-primary-1, #005bb7);
}

.v2-checkbox-option.checked {
  border: 1px solid var(--stroke-primary-2, #cbe5ff);
  background: var(--bg-primary-2, #f0f8ff);
  color: var(--text-primary-1, #005bb7);
}

.v2-checkbox-option.checked span {
  color: var(--text-primary-1, #005bb7);
}

.v2-custom-checkbox {
  color: var(--text-disabled, #bfbfc7);
  text-align: center;
  /* Icon/Size6/Regular */
  font-family: Font Awesome 6 Pro;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.v2-custom-checkbox.checked {
  color: var(--text-primary-default, #0070e0);
}

/* .v2-identifier.audience {
  border: 1px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-default, #fff);
  height: 36px;
} */

.v2-custom-checkbox:hover {
  color: var(--text-primary-default, #0070e0);
}

.v2-text-btn {
  display: flex;
  min-height: 32px;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-sm, 4px);
  background: var(--bg-default-default, #fff);
  border: 2px solid var(--stroke-default-default, #fff);
  color: var(--text-main, #121A3C);
  text-align: center;
  /* Font/Size7/Bold */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 125% */
}

.v2-text-btn:hover {
  background: var(--bg-default-1, #f9f9fa);
}

.v2-text-btn:active {
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-1, #f9f9fa);
}

.v2-divider {
  width: 1px;
  background: var(--stroke-default-default, #e7e7e7);
}

.v2-select {
  display: flex;
  min-height: 45px;
  padding: 9px 10px;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  color: var(--text-main, #121A3C);
  /* Font/Size6/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
  text-align: left;
  width: 100%;
}

.v2-select:hover {
  border: 2px solid var(--stroke-primary-1, #7eb9f4);
}

.v2-select:active {
  border: 2px solid var(--stroke-primary-2, #cbe5ff);
  background: var(--bg-primary-2, #f0f8ff);
}

.v2-select:focus {
  box-shadow: none !important;
}

.v2-search-form input {
  width: 100%;
  border: 1px solid var(--stroke-default-default, #e7e7e7);
  border-radius: var(--border-radius-sm, 4px);
  padding: 5px 9px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: flex;
  align-items: center;
  color: var(--text-main, #121A3C);
  height: 35px;
  outline: none;
}

.v2-search-form button {
  position: absolute;
  right: 8px;
  background: transparent;
  border: 0;
  top: 5px;
  z-index: 1;
  font-size: 15px;
  color: var(--text-main, #121A3C);
  font-weight: 900;
}

/* .v2-search-input{
  display: flex;
  min-height: 32px;
  padding: 8px;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  border-radius: var(--border-radius-sm, 4px);
  border: 2px solid var(--stroke-default-default, #E7E7E7);
  background: var(--bg-default-default, #FFF);
} */

.v2-search-input:hover {
  border: 2px solid var(--stroke-primary-1, #7eb9f4);
}

.v2-search-input:active {
  border: 2px solid var(--stroke-primary-default, #0070e0);
}

.v2-checkbox-option-type3:hover label,
.v2-checkbox-option-type3:hover span,
.v2-checkbox-option-type3 input:checked ~ label {
  border: 1px solid var(--stroke-primary-1, #7eb9f4);
}

.v2-btn-ok:hover {
  background: var(--bg-primary-1, #005bb7);
  color: var(--text-foreground, #fff);
}

/* .v2-btn-ok:focus {
  border: 2px solid var(--stroke-primary-2, #00274f);
  background: var(#004c98);
  color: var(--text-foreground, #fff);
} */

.v2-btn-ok:active {
  background: var( #004c98);
  color: var(--text-foreground, #fff);
}

.v2-btn-cancel:hover {
  background: var(--bg-default-1, #f9f9fa);
}

.v2-btn-cancel:focus,
.v2-btn-cancel:active {
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-1, #f9f9fa);
}

.v2-btn-save:hover {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-2, #edf1ff);
}

.v2-btn-save:focus,
.v2-btn-save:active {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-default, #333d60);
  color: #fff;
}

.v2-btn-delete:hover {
  border: 2px solid var(--stroke-danger-1, #a1072e);
  background: var(--bg-danger-2, #fee9ee);
  color: #c61542;
}

.v2-btn-delete:focus,
.v2-btn-delete:active {
  border: 2px solid var(--stroke-danger-1, #a1072e);
  background: var(--bg-danger-default, #d92653);
  color: #fff;
}

.v2-share-export-title {
  color: var(--text-main, #121A3C);
  /* Headers/H4 */
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
}

.v2-close-modal {
  color: var(--text-placeholder, #9999a1);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 22px; /* 137.5% */
}

.v2-modal-nav-link {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid var(--border-color);
}

.v2-modal-nav-link span {
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: #72727e;
  text-decoration: none;
  margin-right: 3px;
  padding: 8px 15px;
  border-bottom: 3px solid transparent;
  transition: 0.3s;
}

.v2-modal-nav-link span.active {
  color: var(--text-link, #0070e0);
  border-color: #0070e0;
}

.v2-modal-nav-link span:hover {
  color: var(--text-main, #121A3C);
  border-bottom: 3px solid var(--text-main, #121A3C);
  transition: 0.3s;
}

.v2-sharable-cont p {
  color: var(--text-main, #121A3C);
  /* Font/Size6/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.v2-sharable-cont button {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-secondary-default, #333d60);
  background: var(--bg-default-default, #fff);
  color: var(--text-secondary-1, #1f294e);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
}

.v2-sharable-cont button:hover {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-2, #edf1ff);
}

.v2-sharable-cont button:focus,
.v2-sharable-cont button:active {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-default, #333d60);
  color: var(--text-foreground, #fff);
}

.btn-copy-link {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-secondary-default, #333d60);
  background: var(--bg-default-default, #fff);
  color: var(--text-secondary-default, #333d60);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
}

.btn-copy-link:hover {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-2, #edf1ff);
  color: var(--text-secondary-1, #1f294e);
}

.btn-copy-link:focus,
.btn-copy-link:active {
  border: 2px solid var(--stroke-secondary-1, #121A3C);
  background: var(--bg-secondary-default, #333d60);
  color: var(--text-foreground, #fff);
}

.v2-checkbox-type-2 {
  position: relative;
}

.v2-checkbox-type-2 input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.v2-checkbox-type-2 label {
  border-radius: 4px;
  background: var(--base-white, #fff);
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--base-body-aa-text, #373f4c);
  font-size: 16px;
  font-family: Inter;
  line-height: 20px;
  transition: 0.3s;
}

.v2-checkbox-type-2 label span {
  display: flex;
  width: 22px;
  height: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 2px solid var(--base-gray-200, #e9eaeb);
  background: var(--base-white, #fff);
  font-size: 13px;
}

.v2-checkbox-type-2 input:checked ~ label span {
  border: 2px solid var(--secondary-secondary-600, #0070e0);
  background: var(--base-white, #0070e0);
}

.v2-checkbox-type-2 label span i {
  color: #fff;
  transition: 0.2s;
}

.v2-text {
  color: var(--text-main, #121A3C);
  /* Font/Size6/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.input-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--text-main, #121A3C);
}

.v2-text-btn.lg {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.v2-btn-export {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-primary-default, #0070e0);
  color: var(--text-foreground, #fff);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  border: 1px solid transparent;
}

.v2-btn-export:hover {
  background: var(--bg-primary-1, #005bb7);
  color: var(--text-foreground, #fff);
}

.v2-btn-export:focus {
  border: 2px solid var(--stroke-primary-2, #00274f);
  background: var(--bg-primary-2, #004c98);
  color: var(--text-foreground, #fff);
}

.v2-btn-export:active {
  background: var(--bg-primary-2, #004c98);
  color: var(--text-foreground, #fff);
}

.v2-text-bold {
  color: var(--text-main, #121A3C);
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
}

.v2-checkbox-option-type3 label {
  border-radius: 4px;
  border: 2px solid var(--base-gray-200, #e7e7e7);
  background: var(--base-white, #fff);
  display: flex;
  padding: 4px 8px 4px 4px;
  align-items: center;
  gap: 8px;
  color: var(--base-body-aa-text, #373f4c);
  font-size: 16px;
  font-family: Inter;
  line-height: 20px;
  transition: 0.3s;
  height: 42px;
}

.v2-checkbox-option-type3 label span {
  display: flex;
  width: 22px;
  height: 22px;
  padding: 1px 2px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 2px solid var(--base-gray-200, #e9eaeb);
  background: var(--base-white, #fff);
  font-size: 13px;
}

.v2-checkbox-option-type3 {
  position: relative;
  margin-right: 5px;
}

.v2-checkbox-option-type3.hidden-items {
  display: none;
}

.v2-checkbox-option-type3.hidden-items.show {
  display: block;
}

.v2-checkbox-option-type3 label .font-light {
  font-weight: 300;
  color: #6e707c;
}

.v2-checkbox-option-type3 input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}

.v2-checkbox-option-type3 input:checked ~ label {
  background: var(--secondary-secondary-100, #fff) !important;
}

.v2-checkbox-option-type3 label span i {
  color: #fff;
  transition: 0.2s;
  opacity: 0;
}

.v2-checkbox-option-type3 input:checked ~ label span i {
  opacity: 1;
}

.v2-checkbox-option-type3.hidden-items {
  display: none;
}

.v2-checkbox-option-type3.hidden-items.show {
  display: block;
}

.v2-checkbox-option-type3 label .font-light {
  font-weight: 300;
  color: #6e707c;
}

.v2-checkbox-option-type3 input:checked ~ label {
  color: #121A3C;
}

.v2-checkbox-option-type3 input:checked ~ label span {
  border: 2px solid var(--secondary-secondary-600, #0070e0);
  background: var(--base-white, #0070e0);
}

.v2-checkbox-option-type3.radio label span {
  border-radius: 15px !important;
}

.v2-export-option-wrapper {
  padding-top: 16px;
  padding-bottom: 16px;
}

.v2-icon-blue:hover {
  background: var(--bg-default-1, #f9f9fa);
  border-radius: var(--border-radius-sm, 4px);
}

.export-modal-wrapper {
  min-height: 375px;
}

.export-modal-wrapper ._loading_overlay_wrapper {
  height: 100%;
}

.v2-checkbox-option-type3.disabled label {
  color: var(--text-disabled, #bfbfc7) !important;
  border: 2px solid var(--stroke-default-1, #f9f9fa) !important;
}

.v2-checkbox-option-type3.disabled label span {
  border: 2px solid var(--stroke-default-1, #f9f9fa);
}

.export-modal-wrapper .modal-footer {
  margin-top: auto;
}

.v2-checkbox-option-type3.radio input:checked ~ label span {
  width: var(--padding-md, 24px);
  height: var(--padding-md, 24px);
  background: var(--bg-default-default, #fff) !important;
}

.v2-checkbox-option-type3.radio input:checked ~ label span i {
  color: var(--bg-primary-default, #0070e0);
  font-size: 16px;
}

.advanced-options-wrapper {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 40px;
  display: flex;
  padding: var(--padding-xs, 15px);
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid var(--stroke-default-default, #e7e7e7);
  background: var(--bg-default-default, #fff);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  color: var(--text-main, #121A3C);
  font-family: Inter;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.advanced-menu {
  background: var(--bg-default-1, #f9f9fa);
  padding-left: 16px;
  padding-right: 16px;
  border-radius: var(--border-radius-md, 6px);
  padding-top: 4px;
  padding-bottom: 4px;
}

.v2-text-muted {
  color: var(--text-muted, #72727e);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  line-height: 15px; /* 125% */
}

.v2-result-inner-form-inner .v2-form-select {
  width: 201px;
  height: 37px;
  background-color: #fff;
  border-radius: 4px;
  text-align: left;
  padding-left: 32px;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #121A3C !important;
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  box-shadow: unset;
}

.v2-result-inner-form-inner span {
  position: absolute;
  left: 10px;
  max-width: 15px;
  bottom: 9px;
  font-size: 16px;
  color: #121A3C;
}

.v2-result-inner-form-inner span i {
  position: relative;
  top: 2px;
}

.v2-result-inner-form-inner .v2-form-select:hover {
  border: 2px solid var(--stroke-primary-1, #7eb9f4);
}

.filter-modal {
  position: fixed;
  right: 0;
  height: 100vh;
  top: 0;
  background: white;
  z-index: 1060;
  transition: 0.3s;
}

.filter-modal .modal-content {
  height: 100%;
}

.v2-form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #121A3C;
}

.select-chart-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #121A3C;
}

.collapse-expand-btn {
  padding: 8px 14px;
  margin-right: 8px;
}
.collapse-expand-btn:hover {
  background: var(--bg-default-1, #f9f9fa);
  border-radius: var(--border-radius-sm, 4px);
}

.advance-option-menu-btn {
  padding: 8px 14px;
  margin-left: 8px;
  visibility: hidden;
  opacity: 0;
}

.advance-option-menu-btn:hover {
  background: var(--bg-default-1, #f9f9fa);
  border-radius: var(--border-radius-sm, 4px);
}

.v2-form-select:focus-visible {
  outline: none;
}

.v2-select-filter {
  width: 100%;
  min-height: 40px;
  background-color: #fff;
  border-radius: var(--border-radius-md, 6px);
  text-align: left;
  padding-left: 12px;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #121A3C !important;
  border: 2px solid var(--stroke-default-default, #e7e7e7);
  box-shadow: unset;
  appearance: none;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.v2-select-filter:hover {
  border: 2px solid var(--stroke-primary-1, #7eb9f4);
}

.v2-select-filter:focus-visible {
  outline: none;
}

.v2-select-filter-icon {
  position: absolute;
  top: 14px;
  right: 12px;
  color: #121A3C;
}

.right-nav-content-container {
  position: fixed;
  right: 0;
  height: 100vh;
  top: 0;
  background: white;
  z-index: 1060;
  transition: 0.3s;
  padding: 24px;
  width:50%;
}

.padding-xs {
  padding: 8px;
}

.mb-md {
  margin-bottom: 24px;
}

.v2-text-muted-md {
  color: var(--text-muted, #72727e);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px; /* 137.5% */
}

.v2-text-title-md {
  color: var(--text-main, #121A3C);
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px; /* 130% */
}

.v2-text-title-md-secondary {
  color: var(--text-primary-default, #0070e0);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px; /* 133.333% */
}

.padding-sm {
  padding: 16px;
}

.padding-r-sm {
  padding-right: 16px;
}

.padding-b-sm {
  padding-bottom: 16px;
}

.padding-lg {
  padding: var(--padding-lg, 40px);
}

.margin-b-xs {
  margin-bottom: 8px;
}

.margin-t-md {
  margin-top: 24px;
}

.fa-md {
  color: var(--text-disabled, #bfbfc7);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: 22px; /* 137.5% */
}

.view-tools-container {
  padding: var(--padding-sm, 16px) var(--padding-md, 24px);
  border-radius: var(--border-radius-md, 6px);
  border: 1px solid var(--stroke-default-default, #e7e7e7);
}

.v2-text-muted-color {
  color: var(--text-placeholder, #9999a1);
}

.views-list-container {
  padding: var(--padding-sm, 16px);
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-default-1, #f9f9fa);
  height: 100%;
  overflow-y: auto;
}

.views-btns {
  padding: 8px 14px;
  color: var(--text-muted, #72727e);
  text-align: center;
  /* Font/Size7/Bold */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 125% */
}

.views-list-item {
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-default-default, #fff);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.v2-btn-warning {
  display: flex;
  min-height: 40px;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: var(--border-radius-md, 6px);
  background: var(--bg-warning-default, #d3681b);
  color: var(--text-foreground, #fff);
  text-align: center;
  /* Font/Size6/Bold */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px; /* 137.5% */
  border: 1px solid transparent;
}

.v2-btn-warning:hover{
  background: var(--bg-warning-1, #B36119);
}

.v2-btn-warning:active{
  background: var(--bg-warning-1, #B36119);
}

.v2-btn-warning:focus{
  border-radius: var(--border-radius-md, 6px);
  border: 2px solid var(--stroke-warning-2, #452013);
  background: var(--bg-warning-2, #904917);
}

.views-btns:hover{
  border-radius: var(--Border-Radius-SM, 4px);
  background: var(--bg-default-1, #F9F9FA);
}


.matrix-platform-text{
  color: var(--Text-Muted, #72727E);
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.matrix-buttons{
  display: flex;
  align-items: flex-start;
  gap: var(--Padding-XS, 8px);
  align-self: stretch;
}

.matrix-buttons-style{
  display: flex;
  min-height: 40px;
  padding: 9px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  color: var(--Text-Muted, #72727E);
}

.matrix-buttons-style-active{
  display: flex;
  min-height: 40px;
  padding: 9px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  color: var(--Text-Muted, #72727E);
  border-bottom: 3px solid var(--Text-Link, #0070E0);
  color: var(--Text-Link, #0070E0);
}

.matrix-progressbar-section{
  display: flex;
  margin-bottom:28px;
  padding: var(--Padding-SM, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Padding-SM, 16px);
  align-self: stretch;
  border-radius: var(--Border-Radius-MD, 6px);
  background: var(--bg-default-1, #F9F9FA);
  /* height: 500px;
  overflow: auto; */
}

.sr_matrix_label_position{
  position: sticky;
  top: 0px;
}

.matrix-progressbar-inner
{
  gap: var(--Padding-SM, 16px);
  max-height: 1000px;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sr_matrix_label_wrapper{
  display: flex;
  padding: var(--Padding-XS, 8px) var(--Padding-SM, 16px);
  align-items: center;
  gap: var(--Padding-SM, 16px);
  align-self: stretch;
  border-radius: var(--Border-Radius-MD, 6px);
  /* background: var(--Bg-Default-Default, #FFF); */
}

.sr_label_h{
  color: var(--Text-Main, #121A3C);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.sr_label_wrapper{
  color: var(--Text-Main, #121A3C);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.sr_label_icon{
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
}

.matrix-progressbar{
  display: flex;
  padding: var(--Padding-SM, 16px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Padding-SM, 16px);
  align-self: stretch;
  border-radius: var(--Border-Radius-MD, 6px);
  border: 1px solid var(--Stroke-Default-Default, #E7E7E7);
  background: var(--Bg-Default-Default, #FFF);
}

.progress-bar-set{
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding-bottom: 4px;
}

.matrix-count{
  color: var(--Text-Main, #121A3C);
  text-align: right;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 50px;
}

.matrix-percentage{
  color: var(--Text-Main, #121A3C);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  width: 40px;
  text-align: center;
}

.sr_matrix_divider{
  height: 22px;
  border: 1px solid #BFBFC7;
}

.ranking-table{
  padding-bottom: 2rem;
}

.sr_result_row_item_wrapper 
{
  background: #F9F9FA;
  border: 1px solid #ffffff;
  border-radius: 8px;
}

.sr_result_column_item_inner
{
  background: #FFF;
  padding: 16px;
  border-radius: 12px;
}

.sr_default_bg
{
  background: #F9F9FA;
}

.sr_filter_label_area
{
  background: #F9F9FA;
  border: 1px solid #e7e7e7;
  padding: 8px 14px 8px 14px;
  border-radius: 4px;
  margin-right: 16px;
}

.survey-nav-item:hover
{
  border-bottom: 3px solid var(--Text-Main, #121A3C);
  color: var(--Text-Main, #121A3C);
}

.sr_transperent_button:hover{
  border-radius: var(--Border-Radius-SM, 4px);
  background: var(--Bg-Default-Default, #FFF);
}

.sr_margin_auto
{
  margin: 0 auto;
}

.sr_filter_blue_text
{
  color: var(--Text-Link, #0070E0);
  text-align: center;
  /* Font/Size7/Bold */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 125% */
}

.sr_filter_blue_text:hover
{
  background: var(--bg-default-1, #F9F9FA);
}

.sr_filter_add_column
{
  border-radius: var(--Border-Radius-SM, 4px);
  background: var(--Bg-Default-Default, #FFF);
  color: var(--Text-Main, #121A3C);
  text-align: center;
  /* Font/Size7/Bold */
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px; /* 125% */
  display: flex;
  min-height: 32px;
  padding: 8px 14px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.sr_filter_add_column:hover
{
  background: var(--bg-default-1, #F9F9FA);
}

/* .question-title-content
{
  padding-left: 15px;
} */

.kqWIVd {
  font-size: 12px !important;
  color: var(--gray-color) !important;
}

.mo_createQuestion_text {
  font-size: 18px;
  font-weight: 600;
}

.result-question-inner img
{
  width: 100%;
}

.sr_no_access_wrapper {
  display: flex;
  width: 615px;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  background: #fff;
}

.sr_warning_icon_big {
  color: #d3681b;
  font-size: 48px;
  font-style: normal;
  font-weight: 900;
  line-height: 56px;
}

.sr_large_title {
  font-size: 24px;
  font-weight: bold;
}

.sr_invalid_access_message {
  color: #72727E;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.sr_invalid_access_warning {
  display: flex;
  padding: var(--Padding-SM, 16px);
  align-self: stretch;
  border-radius: 6px;
  background: #fff7ed;
  color: #d3681b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.sr_invalid_access_contact_txt {
  color: var(--Text-Muted, #72727E);
  text-align: center;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 15px;
}

.sr_main_loading_div
{
  height: calc(100vh - 250px);
}

.horizontal-bar-table, .horizontal-bar-table div, .survey-opinion-list div svg{
  /* position: unset !important; */
  /* top: 10px */
}

.survey-opinion-list div svg{
  top: 10px;
}

.save-filter-modal
{
  z-index: 1111 !important;
}

.field_status_items_wrapper
{
  border-radius: 6px !important;
  margin: 20px !important;
}

.field_status_section {
  background-color: var(--bg-default-1);
  width: 100%;
  border-radius: 6px;
  padding: 16px;
  border: var(--stroke-default);
  
}

.field_status_section_header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.field_status_section div h3 {
  font-size: 14px;
}

.field_status_section_header_right_content {
  display: flex;
}

.field_progress_box {
  height: fit-content;
  width: auto;
  border:var(--stroke-default);
  background: white;
  border-radius: 5px;
}

.padding_l {
  padding-left: 16px;
}

.padding_r {
  padding-right: 16px;
}

.padding_b {
  padding-bottom: 16px;
}

.gap_f{
  gap:16px;
}

.separator_n {
  width: 1px;
  height: 64px;
  background: var(--border-color);
  display: inline-block;
}

.pasitive_color {
  color: var(--square-box6-color);
}

.negative_color
{
  color: var(--square-box1-color);
}

.sample_section_item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: auto;
  border-top: 1px solid var(--border-color);
  padding: 16px 0px;
}

.sample_section_item_bottom {
  border-bottom: 1px solid var(--border-color);;
}

.square_box {
  width: 13px;
  height: 13px;
  border-radius: 3px;
}

.square_box1_color {
  background-color: var(--square-box1-color);
}

.square_box2_color {
  background-color: var(--square-box2-color);
}

.square_box3_color {
  background-color: var(--square-box3-color);
}

.square_box4_color {
  background-color:var(--square-box4-color);
}

.square_box5_color {
  background-color: var(--square-box5-color);
}

.square_box6_color {
  background-color: var(--square-box6-color);
}

.font_color1 {
  color: var(--square-box5-color);
}

.font_color2 {
  color: var(--square-box6-color);
}

.section_title {
  color: var(--text-main);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.icon-class {
  color: var(--icon-class_color);
}

.progress-container {
  width: 100%; 
  height: 40px;
  background-color: var(--progress-bg);
  border-radius: 8px;
  overflow: visible;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 2px;
}

.progress-bar {
  height: 100%;
  display: block;
  margin: 0;
}

.progress-spacer {
  width: 2px;
  background-color: var(--progress-bg);
}

.progress-bar.st {
  background-color: var(--square-box1-color);
}

.progress-bar.so {
  background-color: var(--square-box2-color);
}

.progress-bar.qf {
  background-color: var(--square-box3-color);
}
.progress-bar.do {
  background-color: var(--square-box4-color);
}

.progress-bar.aol {
  background-color: var(--square-box5-color);
}

.progress-bar.complete {
  background-color: var(--square-box6-color);
}
.btn-bg-danger {
  background-color: var(--button-bg) !important;
}

.sr_merge_top
{
  margin-bottom: 0px !important;
  border-bottom: none !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  height: 75px !important;
}

.sr_merge_bottom
{
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  margin-top: 0px !important;
  height: 75px !important;
  margin-bottom: 24px !important;
}

.w-130
{
  width: 130px;
}

.sr_bamboo
{
  height: 100%;
  background: var(--border-color);
  display: inline-block;
  width: 1px;
}

.sr_bamboo_small
{
  height: 45px;
  background: var(--border-color);
  display: inline-block;
  width: 1px;
}

#fieldStatusContent .progressAudience_shedule_date_blk {
  display: flex; /* Flexbox for vertical alignment */
  align-items: center;
  height: 100%; /* Ensure this parent has a height */
}
#fieldStatusContent .progressAudience_shedule_left {
  height: 100%; /* Ensure its parent also has height */
}
#fieldStatusContent .progressAudience_shedule_right {
  height: 100%; /* Ensure its parent also has height */
}
#fieldStatusContent .progressAudience_shedule {
  height: 100px; /* Define a height for the topmost container */
}

#fieldStatusContent .progressAudience_shedule
{
  padding: 0px 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}

#fieldStatusContent .progressAudience_shedule
{
  background: var(--bg-default-1);
}

.field_status_grouped .progressAudience_shedule
{
  margin-bottom: 6px !important;
  margin-top: 0px !important;
}

.progressAudience_shedule
{
  margin-top: 16px;
  margin-bottom: 16px;
}

.survey_results_title
{
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 12px;
  padding-left: 30px;
  padding-right: 12px;
}

.survey_results_title_wrapper
{
  margin-left: 10px;
  margin-right: 10px;
}

.top_bar_filter_wrapper
{
  padding-left: 30px;
}

.mo_page_title_wrapper .mo_vertical_divider
{
  margin-left: 12px;
  margin-right: 12px;
  height: 40px;
}

.filter_right_border
{
  border-right: 1px solid #e7e7e7;
  margin-right: 12px;
}

.filter_item_wrapper
{
  height: 40px;
  display: flex;
  align-items: center;
}

.rdt_Pagination svg
{
  top: 10px !important;
}

.rdt_Pagination
{
 color: #72727e !important;
 font-size: 12px !important; 
 border-top: 1px solid var(--mo-stroke-1) !important;
 background-color: var(--mo-bg-9) !important;
 margin-top: 36px !important;
}

.multi_column .rdt_Table > div {
  background-color: var(--mo-bg-9) !important;
}

.multi_column .rdt_Table{
  background-color: var(--mo-bg-9) !important;
}

.multi_column .rdt_TableRow {
  background-color: var(--mo-bg-9) !important;
  margin-top: 24px !important;
}

.multi_column .rdt_TableHeadRow {
  background-color: var(--mo-bg-9) !important;
}

body:has(.modal-backdrop.show) 
{
  overflow: hidden !important;
}

input::placeholder {
    color: var(--text-placeholder) !important;
    font-weight: 400;
    font-size: 14px;
}

.question-title-content img
{
  width: 100px;
  transition: transform 0.4s ease;
  margin-right: 6px;
}

.question-title-content img:hover{
    transform: scale(2.2);
  }

  .save-new-view-modal
  {
    z-index: 1060 !important;
  }
.result-question:hover .advance-option-menu-btn
{
  visibility: visible;
  opacity: 1;
}

.gogole-icon
{
  background: linear-gradient(
    to right,
    #ea4335 25%,   /* Red */
    #fbbc05 25% 50%, /* Yellow */
    #34a853 50% 75%, /* Green */
    #4285f4 75% 100% /* Blue */
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.sub-title-question-id {
    margin-right: 6px;
    background: #BFBFC9; 
    color: white; 
    padding: 4px; 
    border-radius: 4px;
    font-size: 12px;
}

.modal{
  background: rgba(0, 0, 0, 0.5);
}

.modal_middle_align .modal-dialog
{
  width: 100%;
  height: calc(100% - 60px);
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.rdt_Pagination
{
  background: transparent !important;
}