@charset "UTF-8";
@font-face {
  font-family: "Basis Grotesque Pro Medium";
  src: url(/fonts/basis_grotesque_pro_medium.otf?ffbe10e90bd04fc8a0b5c315dfaad788) format("opentype");
}
@font-face {
  font-family: "Basis Grotesque Pro Bold";
  src: url(/fonts/basis_grotesque_pro_bold.otf?367d7aa4df5132d53a7c248495320746) format("opentype");
}
@font-face {
  font-family: "Basis Grotesque Pro Regular";
  src: url(/fonts/basis_grotesque_pro_regular.otf?771eda328868f3e5839087fc02756f1c) format("opentype");
}
body {
  all: unset;
  box-sizing: border-box;
  display: flex;
  margin: 0;
  background: linear-gradient(358deg, rgba(0, 0, 0, 0) -12.25%, rgba(227, 175, 100, 0.15) 136.57%), #f8f7f5;
  height: 100%;
}

body.modal-open {
  overflow: hidden !important;
  padding-right: 0 !important;
}

body,
span,
p {
  font-family: sans-serif !important;
  color: #0f1939;
  line-height: 1.3;
}

h1 {
  font-size: 2.5rem;
  line-height: 1.2;
}

h2 {
  font-size: 2rem;
  line-height: 1.2;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.2;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.2;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.2;
}

h6 {
  font-size: 1rem;
  line-height: 1.2;
}

.body-large {
  font-size: 1.125rem;
}

.body-small {
  font-size: 0.875rem;
}

.container {
  all: unset;
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  transition: all 0.3s ease;
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  margin: 0;
  min-height: 100vh;
  margin-left: 104px;
  background: linear-gradient(358deg, rgba(0, 0, 0, 0) -12.25%, rgba(227, 175, 100, 0.15) 136.57%), #f8f7f5;
}
.container .content-box {
  display: flex;
  align-items: center;
  align-self: stretch;
  flex: 1 0 0;
  margin: 16px;
}
.container .main-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: #fff;
  padding: 40px 64px 32px 40px;
  gap: 24px;
  flex: 1 0 0;
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.1);
  border-radius: 16px;
}

.bold {
  font-weight: 700;
}

.disabled {
  pointer-events: none !important;
  opacity: 0.5 !important;
}

.text-danger {
  color: #a21517 !important;
}

.button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 128px;
  padding: 12px 32px;
  gap: 8px;
  border-radius: 100000px;
  color: #0f1939;
  border: none;
  background: transparent;
}
.button.primary {
  border: 2px solid #2e2eff;
  background: #2e2eff;
  color: #ffffff;
}
.button.primary:hover, .button.primary:active, .button.primary:focus-within {
  border-color: #2e2eff;
  background-color: rgb(20.5, 20.5, 255);
}
.button.primary.outline, .button.primary.outline.disabled:hover, .button.primary.outline:disabled:hover {
  background: unset;
  color: black;
}
.button.secondary {
  background: transparent;
  border: 2px solid #2e2eff;
}
.button.secondary:hover, .button.secondary:active, .button.secondary:focus-within {
  border-color: rgb(20.5, 20.5, 255);
}
.button.tertiary {
  min-width: auto;
  margin: 0;
  padding-inline: 0;
}
.button.danger {
  border: 2px solid #a21517;
  background: #a21517;
  color: #ffffff;
}
.button.danger:hover, .button.danger:active, .button.danger:focus-within {
  border-color: #a21517;
  background-color: #a21517;
}

button.link:hover {
  color: rgb(20.5, 20.5, 255);
}
button.link:hover div {
  color: rgb(20.5, 20.5, 255);
}

button.link a.link {
  color: inherit;
}

button.link:hover svg path[stroke] {
  stroke: rgb(20.5, 20.5, 255);
}

button.link:hover svg path:not([stroke]) {
  fill: rgb(20.5, 20.5, 255);
}

.link {
  all: unset;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #2e2eff;
}
.link.danger {
  color: #a21517;
}
.link.bottom {
  align-items: unset;
}
.link:hover {
  color: rgb(20.5, 20.5, 255);
}
.link:focus-visible {
  outline: 2px solid #2e2eff;
  outline-offset: 3px;
  border-radius: 4px;
}

.login-link:hover {
  color: rgb(24.1195652174, 24.1195652174, 134.3804347826) !important;
}

.pill {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 4px 16px;
  gap: 4px;
  border-radius: 100000px;
  background: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}
.pill.tourism {
  color: #9d6853;
  border: 2px solid #9d6853;
}

.input {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  padding: 12px 8px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #cccccc;
  position: relative;
  flex: 1 0 0;
}
.input.password {
  padding-right: 40px;
}
.input.textarea {
  resize: none;
}
.input.disabled {
  background: #f7f7f7;
}
.input.error {
  border-color: #a21517;
}
.input:focus-visible {
  outline: 1px solid #2e2eff;
}

body .modal.show {
  z-index: 999999;
}

.modal .modal-dialog.dialog-m {
  max-width: min(100%, 580px);
}
.modal .modal-dialog.dialog-l {
  max-width: min(100%, 680px);
}

.modal .modal-content {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  background: #f7f7f7;
  padding: 40px;
  gap: 24px;
}
.modal .modal-content .modal-header {
  all: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.modal .modal-content .modal-header h3,
.modal .modal-content .modal-header h5 {
  font-weight: 700;
}
.modal .modal-content .modal-header .btn-close {
  width: 16px;
  height: 16px;
  margin-left: 24px;
  display: flex;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  aspect-ratio: 1/1;
}
.modal .modal-content .modal-body {
  padding: 0;
}
.modal .modal-content .modal-footer {
  gap: 24px;
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border: none;
  width: 100%;
  padding: 0;
}

.tooltip-container {
  position: relative;
  display: inline-block;
}
.tooltip-container .tooltip-trigger {
  cursor: pointer;
}

.tooltip-box {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease, visibility 0.15s ease;
  position: absolute;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-transform: initial;
  font-weight: normal;
  padding: 12px 16px;
  margin-bottom: 8px;
  color: #ffffff;
  font-size: 0.875rem;
  border-radius: 8px;
  background: #0f1939;
  width: 260px;
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.2);
  border: 1px solid #1c1c9c;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}
.tooltip-box a {
  text-decoration: underline;
  color: #fff;
}

.tooltip-box::after {
  content: "";
  position: absolute;
  border-width: 8px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-color: #0f1939 transparent transparent transparent;
}

.tooltip-container:hover .tooltip-box {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.snackbar-alert {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  padding: 16px 24px;
  border-radius: 4px;
  color: #288a59;
  background-color: #ebf4f0;
  transition: opacity 0.5s ease-out;
  border: none;
}

.alert-message {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding: 16px;
  gap: 4px;
  border-radius: 8px;
  background: #eef0fb;
}
.alert-message .alert-title {
  display: flex;
  align-self: stretch;
  gap: 4px;
  color: #1c1c9c;
  font-weight: 700;
}
.alert-message .alert-title.close-btn {
  justify-content: space-between;
}
.alert-message .alert-close-btn {
  all: unset;
  cursor: pointer;
}
.alert-message .alert-footer {
  display: flex;
  align-self: stretch;
  justify-content: flex-end;
}
.alert-message.success {
  background: #ebf4f0;
}
.alert-message.success .alert-title {
  color: #288a59;
}
.alert-message.error {
  background: #f4ebec;
}
.alert-message.error .alert-title {
  color: #a21517;
}
.alert-message.warning {
  background: #f4f1eb;
  border: 1px solid #c75123;
  border-radius: 8px;
}
.alert-message.warning .alert-title {
  color: #c75123;
}

.radio-button-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  position: relative;
  transition: border 0.2s ease-in-out;
  border: 2px solid #000000;
  background-color: #ffffff;
  border-radius: 100000px;
  width: 24px;
  height: 24px;
}

.custom-radio.offline {
  border: 2px solid #757575;
}

.custom-radio:checked::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #2e2eff;
  border-radius: 100000px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.radio-label {
  cursor: pointer;
  text-align: center;
  color: #000000;
  font-size: 1.125rem;
}
.radio-label .radio-span {
  font-size: 16px;
}
input.custom-radio:checked + .radio-label {
  font-weight: 700;
}
input.custom-radio:checked + .radio-label .radio-span {
  color: #2e2eff;
}

.radio-label.offline {
  color: #757575;
}

.chip {
  display: flex;
  align-items: center;
  word-break: break-word;
  padding: 8px 12px;
  border-radius: 4px;
  gap: 8px;
  background-color: #eef0fb;
}
.chip input[type=checkbox] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  margin-right: 8px;
  accent-color: #2e2eff;
}
.chip.onboarding {
  padding: 12px 20px;
}
.chip.onboarding input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  accent-color: #2e2eff;
  border: 1px solid #999999;
  border-radius: 2px;
}
.chip.onboarding input[type=checkbox]:checked {
  background-color: #2e2eff;
  border: 2px solid #2e2eff;
}
.chip.onboarding input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.chip.included {
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border: 2px solid #288a59;
  border-radius: 4px;
  background: #ebf4f0;
}
.chip.higlighted {
  border: 2px solid #2e2eff;
}
.chip.removable {
  border: 2px solid #2e2eff;
  cursor: pointer;
}
.chip.removable .chip-remove {
  font-weight: bold;
  margin-left: 8px;
  color: #2e2eff;
}
.chip.selectable {
  align-self: stretch;
  border: 1px solid #757575;
  background-color: #ffffff;
}
.chip.selectable.is-selected {
  border: 2px solid #2e2eff;
  background-color: #eef0fb;
}
.chip.static {
  border: none;
  background-color: #eef0fb;
}
.chip .chip-meta {
  margin-left: auto;
  white-space: nowrap;
}
.chip .chip-info {
  color: #757575;
  font-size: 0.875rem;
}
.chip .chip-price {
  display: flex;
  justify-content: flex-end;
  flex: auto;
}
.chip .chip-badge {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px 16px;
  border-radius: 100000px;
  background: #288a59;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
}

.tab-switcher {
  display: inline-flex;
  background: #f7f7f7;
  border-radius: 6px;
  padding: 4px;
  gap: 4px;
}
.tab-switcher .tab {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #999999;
  cursor: pointer;
}
.tab-switcher .tab .tab-icon {
  width: 16px;
  height: 16px;
  filter: grayscale(1) brightness(2);
}
.tab-switcher .tab.active {
  background: #ffffff;
  border-color: #1c1c9c;
  color: #1c1c9c;
  font-weight: bold;
  font-size: 16px;
}
.tab-switcher .tab.active .tab-icon {
  filter: none;
}

:where(html) {
  /* Colors */
  --red: #CE0F3E;
  --red-line: #CE0F3E;
  --black: #141414;
  --bs-gray: #212529 !important;
  --bs-light: #f9f9f9;
  --bs-dark: #000;
  --bs-blue: #254aa5 !important;
  --bs-danger-rgb: 210, 34, 77 !important;
  /* Border */
  --radius: 4px;
  /* Space */
  --spacer: 4px;
  /*Override Bootstrap font family*/
  --bs-body-font-family: "Roboto", sans-serif !important;
  --grayscale-0: #fff;
  --grayscale-1: #f2f2f2;
  --grayscale-2: #EEEFEF;
  --grayscale-3: #EEEFEF;
  --grayscale-3: #D8D8D8;
  --grayscale-4: #8B8B8E;
  --grayscale-5: #141414;
  --grayscale-6: #000;
  --brand-color-1: #CE0F3E;
  --brand-color-2: #004087;
  --secondary-blue: #3C58CF;
  --secondary-gray: #EFF1FB;
  --state-error:#CE0F3E;
  --state-warning:#FF8933;
  --state-success:#007B5D;
  --state-info: #004087;
  --state-not-assigned: #3C58CF;
  --state-disabled: #88888A;
  --link-default: #004087;
  --link-hover: #3C58CF;
  --link-active: #004087;
  --link-visited: #3C58CF;
  --size-1: .25rem; /*4px*/
  --size-2: .5rem; /*8px*/
  --size-3: 1rem; /*16px*/
  --size-4: 2rem; /*32px*/
}

.breadcrumb-item:not(.active) {
  text-decoration: underline;
}

.breadcrumb-item.active a {
  color: #918f90 !important;
  pointer-events: none;
}

#login-form {
  border: unset !important;
}

.form-select {
  font-weight: 500 !important;
}

.item-select,
#item-select-all {
  width: 14px;
  height: 14px;
  aspect-ratio: 1/1;
  border-color: #999999;
  border-radius: 2px !important;
}
.item-select:focus,
#item-select-all:focus {
  border-color: #999999;
  box-shadow: none;
}

.form-check-input:checked[type=checkbox]:not(.switch) {
  background-color: #1c1c9c;
  border-color: #1c1c9c !important;
}

#blockSwitch.switch,
#status {
  width: 35px;
  height: 20px;
  flex-shrink: 0;
  aspect-ratio: 7/4;
  background-color: #1b1b1b !important;
  border: none !important;
}
#blockSwitch.switch.switch-deactivated,
#status.switch-deactivated {
  background-color: #cccccc !important;
}
#blockSwitch.switch.unchecked-blocked-style,
#status.unchecked-blocked-style {
  background-color: #bd0f1b !important;
}
#blockSwitch.switch:focus,
#status:focus {
  border-color: #999999;
  box-shadow: none;
}

/*========= datatables ===========*/
@media screen and (max-width: 767px) {
  #verimpact-table_wrapper {
    font-size: 0.55rem;
  }
}
#verimpact-table {
  font-family: Roboto;
}

.verimpact-table-group tbody tr:nth-child(even) {
  background-color: #f9f9fb !important;
}

body .verimpact-table-group.display > tbody > tr.odd > .sorting_1,
body .verimpact-table-group.display > tbody > tr.even > .sorting_1,
body .verimpact-table-group.order-column.stripe > tbody > tr.odd > .sorting_1,
body .verimpact-table-group.display > tbody > tr.even > .sorting_1 body .verimpact-table-group.stripe > tbody > tr.odd > *,
body .verimpact-table-group.display > tbody > tr.odd > * {
  box-shadow: unset !important;
}

body table.dataTable {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 0 !important;
}

table.dataTable td,
body table.dataTable thead th {
  color: var(--font-color, #0f1939);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}

table.dataTable thead th {
  font-weight: 700 !important;
}

table.dataTable thead {
  display: flex;
  height: 60px;
  padding-right: 16px;
  align-items: center;
  align-self: stretch;
  border-radius: 8px 8px 0px 0px;
  background: #f3f4fc;
}

table.dataTable tbody {
  align-self: stretch;
}

table.dataTable thead tr {
  display: flex;
  height: 64px;
  padding: 8px 8px 8px 16px;
  align-items: center;
  flex: 1 0 0;
}

table.dataTable tbody tr {
  display: flex;
  min-height: 56px;
  padding: 8px 24px 8px 16px;
  align-items: center;
  align-self: stretch;
}

table.dataTable td.dataTables_empty {
  width: 200px !important;
  text-align: unset !important;
}

table.dataTable th,
table.dataTable td {
  padding: 8px 0px;
}

table.dataTable tr {
  justify-content: space-between;
}

table.dataTable td {
  padding-top: 8px;
  padding-bottom: 8px;
}

table.dataTable thead th:nth-child(1),
table.dataTable tbody td:nth-child(1) {
  width: 24px; /* checkbox */
}

table.dataTable thead th:nth-child(2),
table.dataTable tbody td:nth-child(2) {
  width: 160px; /* Name */
}

table.dataTable thead th:nth-child(3),
table.dataTable tbody td:nth-child(3) {
  width: 280px; /* Email */
}

table.dataTable thead th:nth-child(4),
table.dataTable tbody td:nth-child(4) {
  width: 200px; /* Company */
}

table.dataTable thead th:nth-child(5),
table.dataTable tbody td:nth-child(5) {
  width: 140px; /* Role */
}

table.dataTable thead th:nth-child(6),
table.dataTable tbody td:nth-child(6) {
  width: 100px; /* Last Login */
}

table.dataTable thead th:nth-child(7),
table.dataTable tbody td:nth-child(7) {
  width: 107px; /* Status */
}

table.dataTable thead th:nth-child(8),
table.dataTable tbody td:nth-child(8) {
  width: 80px; /* Actions */
  text-align: center;
}

#invitations-table thead th:nth-child(1),
#invitations-table tbody td:nth-child(1) {
  width: 200px !important; /* Email */
}
#invitations-table thead th:nth-child(2),
#invitations-table tbody td:nth-child(2) {
  width: 160px !important; /* Company */
}
#invitations-table thead th:nth-child(3),
#invitations-table tbody td:nth-child(3) {
  width: 140px !important; /* Role */
}
#invitations-table thead th:nth-child(4),
#invitations-table tbody td:nth-child(4) {
  width: 160px !important; /* Invited by */
}
#invitations-table thead th:nth-child(5),
#invitations-table tbody td:nth-child(5) {
  width: 120px !important; /* Invitation date */
}
#invitations-table thead th:nth-child(6),
#invitations-table tbody td:nth-child(6) {
  width: 140px !important; /* Registration date */
}
#invitations-table thead th:nth-child(7),
#invitations-table tbody td:nth-child(7) {
  width: 140px !important; /* Status */
  text-align: center;
}

table.dataTable .progress {
  width: 130px;
  height: 1.5rem;
  border-radius: 3rem;
}

table.dataTable .progress-percentage {
  font-weight: bold;
  color: var(--secondary-blue);
  width: 45px;
}

table.dataTable .progress-percentage-label {
  font-weight: 300;
}

form .progress {
  height: 1.5rem;
  border-radius: 3rem;
  background-color: #ffffff !important;
}

table.dataTable .progress-ratio {
  padding-right: 4px;
  width: 65px;
  text-align: end;
  color: var(--brand-color-2);
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border: unset !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: unset !important;
  border: unset !important;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 70px !important;
}

.page-item:last-child .page-link,
.page-item:first-child .page-link {
  border: none !important;
}

.page-link {
  display: flex;
  width: 32px;
  height: 32px;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--Radius-radius-XS, 4px);
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  background: #fff;
  color: var(--font-color-labels, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
}
.page-link:hover {
  color: rgb(104.25, 104.25, 104.25) !important;
  background-color: rgb(242.25, 242.25, 242.25) !important;
  border-color: rgb(150, 166.25, 232.5) !important;
}
.page-link:focus {
  box-shadow: none !important;
}

.page-item.active .page-link {
  border-radius: var(--Radius-radius-XS, 4px);
  border-color: #d6dcf5;
  background: var(--Colors-Blue-Blue200, #d6dcf5);
  color: #0f1939;
}
.page-item.active .page-link:hover {
  color: rgb(9.6875, 16.1458333333, 36.8125) !important;
  background-color: rgb(193.5, 202.5, 240) !important;
  border-color: rgb(193.5, 202.5, 240) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled a {
  color: #cccccc !important;
}

.paginate_button:hover {
  color: white !important;
  border-color: unset !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border: unset !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: unset !important;
  border: unset !important;
}

div.dataTables_wrapper div.dataTables_length select {
  width: 70px !important;
}

.paginate_button:hover {
  color: white !important;
  border-color: unset !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: transparent !important;
  box-shadow: unset !important;
}

.paginate_button.current {
  font-weight: 800;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #fff !important;
}

span.icon-bin {
  display: inline-flex;
}

@media (max-width: 768px) {
  .icon-edit::after,
  .icon-delete::after {
    transform: scale(0.8);
    display: inline-flex;
  }
}
.dataTables_length,
.dataTables_filter {
  display: flex;
  justify-content: end;
}

table.dataTable td.actions {
  min-width: 73px;
}

table.dataTable tr.row-disabled {
  background-color: #f7f7f7;
  pointer-events: none;
}

.table-section {
  background-color: #f2f2f2;
  padding: 1.5rem !important;
  border-radius: var(--radius);
}

.table-section .dataTables_wrapper {
  background: #fff !important;
  padding: 0.5rem !important;
  border-radius: var(--radius);
  overflow: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.table-section .dataTables_wrapper::-webkit-scrollbar {
  display: none;
}

/* Users */
.form-switch {
  display: flex !important;
  align-items: center !important;
}

table .form-switch {
  justify-content: center;
}

body .switch.form-check-input:disabled {
  opacity: 1 !important;
}

.form-switch .form-check-input {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
}

/* Bootstrap tooltip */
.tooltip-inner {
  max-width: 350px !important;
}

.required .col-form-label:after {
  color: var(--state-error);
  content: "*";
  margin-left: 5px;
}

ul,
li {
  all: unset;
}

a {
  text-decoration: none;
}

.box-space {
  display: flex;
  width: 20px;
  height: 62px;
  align-items: flex-end;
  gap: 10px;
  flex-shrink: 0;
}

body .btn:not([class*=formbuilder]) {
  height: 44px;
}

.btn:hover {
  text-shadow: unset;
}

.btn-primary {
  background-color: var(--black);
}

body .btn-verimpact {
  background: var(--black);
  color: #fff;
  border: 2px solid var(--black);
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-verimpact-invert {
  background: #fff;
  color: var(--black);
  border: 2px solid var(--black);
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-verimpact-invert:hover {
  background: var(--black);
  color: #fff;
}

body .btn-positive,
body .btn-positive-with-tooltip {
  background: #004087;
  color: #fff;
  border: 2px solid #004087;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-positive:hover {
  background: #fff;
  color: #004087;
  border: 2px solid #004087;
}

body .btn-negative {
  background: #ce0f3e;
  color: #fff;
  border: 2px solid #ce0f3e;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-negative:hover {
  background: #fff;
  color: #ce0f3e;
  border: 2px solid #ce0f3e;
}

body .btn-approved,
body .btn-approved-with-tooltip {
  background: #ebf4f0;
  color: #008442;
  border: 2px solid #008442;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-approved:hover {
  background: #ebf4f0;
  color: #008442;
  border: 2px solid #008442;
}

body .btn-submitted,
body .btn-submitted-with-tooltip {
  background: #eef0fb;
  color: #1c1c9c;
  border: 2px solid #1c1c9c;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-submitted:hover {
  background: #eef0fb;
  color: #1c1c9c;
  border: 2px solid #1c1c9c;
}

body .btn-assigned,
body .btn-assigned-with-tooltip {
  background: #fff;
  color: #0f1939;
  border: 2px solid #0f1939;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-assigned:hover {
  background: #0f1939;
  color: #fff;
  border: 2px solid #0f1939;
}

body .btn-unassigned,
body .btn-unassigned-with-tooltip {
  background: #f7f7f7;
  color: #757575;
  border: 2px solid #757575;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-unassigned:hover {
  background: #757575;
  color: #f7f7f7;
  border: 2px solid #757575;
}

body .btn-inprogress,
body .btn-inprogress-with-tooltip {
  background: #eef0fb;
  color: #0f1939;
  border: 2px solid #0f1939;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-inprogress:hover {
  background: #0f1939;
  color: #eef0fb;
  border: 2px solid #0f1939;
}

body .btn-indicator-head {
  background: #fff;
  color: #004087;
  border: 2px solid #004087;
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  height: -moz-fit-content;
  height: fit-content;
}

body .btn-indicator-head:hover {
  background: #004087;
  color: #fff;
  border: 2px solid #fff;
}

body .btn-with-tooltip {
  cursor: default;
}

.form-select.btn.btn-verimpact-inverted {
  width: 100px;
}

.form-select.btn.btn-verimpact-inverted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13.4336 0.387585C12.9175 -0.128544 12.1433 -0.128544 11.6272 0.387585L7.11104 4.90371L2.59492 0.387585C2.07879 -0.128544 1.30459 -0.128544 0.788464 0.387585C0.272335 0.903714 0.272335 1.67791 0.788464 2.19404L6.20782 7.61339C6.46588 7.87146 6.72395 8.00049 7.11104 8.00049C7.49814 8.00049 7.75621 7.87146 8.01427 7.61339L13.4336 2.19404C13.9498 1.67791 13.9498 0.903714 13.4336 0.387585Z' fill='%23141414'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 83% 50%;
  padding-right: 35px;
}

body .btn-verimpact:not(.dropdown-toggle):hover,
body .btn-verimpact:not(.form-select):hover,
body select.btn.btn-verimpact-inverted:not(.form-select) {
  border: 2px solid var(--black);
  background: #fff;
  color: var(--black);
}

.btn.btn-verimpact-inverted.form-select {
  border: 1px solid #ced4da;
}

.btn.btn-verimpact.dropdown-toggle:after {
  border: unset;
}

.btn.btn-verimpact.dropdown-toggle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

body .btn-verimpact-invert {
  background: #fff;
  color: var(--black);
  border: 2px solid var(--black);
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
}

body .btn-verimpact-invert:hover {
  background: var(--black);
  color: #fff;
}

.form-select.btn.btn-verimpact-inverted {
  width: 100px;
}

.form-select.btn.btn-verimpact-inverted {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M13.4336 0.387585C12.9175 -0.128544 12.1433 -0.128544 11.6272 0.387585L7.11104 4.90371L2.59492 0.387585C2.07879 -0.128544 1.30459 -0.128544 0.788464 0.387585C0.272335 0.903714 0.272335 1.67791 0.788464 2.19404L6.20782 7.61339C6.46588 7.87146 6.72395 8.00049 7.11104 8.00049C7.49814 8.00049 7.75621 7.87146 8.01427 7.61339L13.4336 2.19404C13.9498 1.67791 13.9498 0.903714 13.4336 0.387585Z' fill='%23141414'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 83% 50%;
  padding-right: 35px;
}

body .btn-verimpact:not(.dropdown-toggle):hover,
body .btn-verimpact:not(.form-select):hover,
body select.btn.btn-verimpact-inverted:not(.form-select) {
  border: 2px solid var(--black);
  background: #fff;
  color: var(--black);
}

.btn.btn-verimpact-inverted.form-select {
  border: 1px solid #ced4da;
}

.btn.btn-verimpact.dropdown-toggle:after {
  border: unset;
}

.btn.btn-verimpact.dropdown-toggle {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.alert-section .btn.btn-verimpact,
.wizard-section .btn.btn-verimpact,
.modal-footer .btn.btn-verimpact {
  min-width: 200px;
}

button.fw-bold.treeModal-btn {
  border: unset;
  background: transparent;
}

.btn-unstyle {
  border: unset;
  background: transparent;
}

.back.btn,
.modal .btn {
  width: -moz-fit-content;
  width: fit-content;
}

.multiple-button-default a {
  color: #fff;
}

/*multiple button */
.multiple-button {
  /* Size and position */
  position: relative;
  width: 175px;
  height: 44px;
  padding: 8px 16px;
  /* Styles */
  background: var(--black);
  border-radius: 7px;
  border: 1px solid #8b8b8e;
  outline: none;
  /* Font settings */
  font-weight: bold;
}

body .multiple-button span,
body .multiple-button a {
  color: #fff;
}

.multiple-button-default span {
  pointer-events: none;
}

.multiple-button:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
  transition: all 0.35s ease-in-out;
}

.multiple-button.rotated:after {
  transform: rotate(180deg);
}

.multiple-button .exp-dropdown {
  /* Size & position */
  position: absolute;
  top: -110px;
  right: 0;
  width: 75px;
  /* Styles */
  background: #fff;
  border-radius: inherit;
  border: 1px solid #8b8b8e;
  font-weight: normal;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}

.exp-dropdown span,
.exp-dropdown span a {
  color: var(--black);
}

.multiple-button .exp-dropdown li a {
  display: block;
  padding: 7px;
  margin: 3px 0;
  text-decoration: none;
  border-bottom: 1px solid #e6e8ea;
  transition: all 0.3s ease-out;
}

.exp-dropdown li a > * {
  color: var(--black);
}

.multiple-button .exp-dropdown li:last-of-type a {
  border: none;
}

/* Hover state */
.multiple-button .exp-dropdown li:hover a {
  background: var(--black);
}

.multiple-button .exp-dropdown li:hover .icon-download {
  filter: invert();
}

.multiple-button .exp-dropdown li:hover a > * {
  color: #fff;
}

.multiple-button .icon-download::after {
  display: inline-flex;
  transform: translate(-4px, 4px);
}

/* Active state */
.multiple-button.active .exp-dropdown {
  opacity: 1;
  pointer-events: auto;
}

/* No CSS3 support */
.no-opacity .multiple-button .exp-dropdown,
.no-pointerevents .multiple-button .exp-dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.no-opacity .multiple-button.active .exp-dropdown,
.no-pointerevents .multiple-button.active .exp-dropdown {
  display: block;
}

div:not(#modal-reports .modal-footer) > a#export-pdf {
  margin: 3px 0;
}

#export-data-row {
  margin-bottom: 40px;
}

.smaller-text {
  font-size: 0.85rem;
  line-height: 1.8;
  font-weight: 400;
}

.smaller-text-2 {
  font-size: 0.85rem;
  line-height: 2.2;
  font-weight: 400;
}

.multiple-button .exp-dropdown li:hover .icon-download {
  filter: invert();
}

.btn-verimpact-invert .icon-bin::after {
  display: inline-flex;
  transform: translate(4px, 2px);
}

.btn-verimpact-invert:hover .icon-bin::after {
  filter: invert();
}

/* Data collection */
@media (max-width: 882px) {
  .data-btn-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }
  .data-btn-wrap .btn {
    width: 160px;
  }
}

.export-wrapper .btn-verimpact {
  width: 160px;
}

@media (max-width: 991px) {
  .export-blade-row {
    flex-direction: column;
  }
}
body .btn-approval {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  font-weight: 700;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}

body .btn-unapprove {
  display: flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  font-weight: 700;
  padding: 8px 16px;
  width: -moz-fit-content;
  width: fit-content;
}

body .btn-unapprove:hover {
  background: #fff;
  color: #008442;
  border: 2px solid #008442;
}

.btn-approve span::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.52306 4.85328L5.8489 8.17913L13.4181 0.609963C13.6984 0.329624 14.0552 0.189453 14.4885 0.189453C14.9217 0.189453 15.2785 0.329624 15.5588 0.609963C15.8392 0.890303 15.986 1.24047 15.9992 1.66047C16.0115 2.08149 15.8774 2.43217 15.5971 2.71251L6.91929 11.3903C6.63895 11.6706 6.28215 11.8108 5.8489 11.8108C5.41565 11.8108 5.05885 11.6706 4.77851 11.3903L0.420509 7.03229C0.14017 6.75195 0 6.39515 0 5.9619C0 5.52865 0.14017 5.17185 0.420509 4.89151C0.700849 4.61117 1.05153 4.46489 1.47255 4.45265C1.89255 4.4394 2.24272 4.57294 2.52306 4.85328Z' fill='white'/%3E%3C/svg%3E");
  padding-right: 8px;
}

.btn-request-changes span::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0708 14.3049C13.3463 14.4301 13.6282 14.4426 13.9167 14.3424C14.2041 14.2423 14.3979 14.0545 14.4981 13.779C14.6984 13.3283 14.8361 12.8716 14.9112 12.4089C14.9864 11.9451 15.0239 11.4754 15.0239 10.9996C15.0239 10.0481 14.8426 9.1026 14.4801 8.16311C14.1165 7.22461 13.5716 6.39229 12.8455 5.66613C12.1193 4.93997 11.2995 4.40162 10.386 4.05106C9.47158 3.7005 8.5386 3.52522 7.58708 3.52522L8.26316 2.84914C8.48852 2.62378 8.59519 2.36087 8.58317 2.06039C8.57015 1.75991 8.45096 1.49699 8.2256 1.27163C8.00024 1.04627 7.73732 0.933594 7.43684 0.933594C7.13636 0.933594 6.87345 1.04627 6.64809 1.27163L3.68086 4.2013C3.53062 4.35154 3.4555 4.52682 3.4555 4.72713C3.4555 4.92745 3.53062 5.10273 3.68086 5.25297L6.64809 8.18264C6.87345 8.38296 7.13636 8.48913 7.43684 8.50114C7.73732 8.51417 8.00024 8.408 8.2256 8.18264C8.45096 7.95728 8.56364 7.69436 8.56364 7.39388C8.56364 7.0934 8.45096 6.83048 8.2256 6.60513L7.36172 5.74125C8.0378 5.74125 8.7264 5.87246 9.42751 6.13488C10.1286 6.3983 10.7296 6.7804 11.2304 7.2812C11.7312 7.782 12.1133 8.35792 12.3767 9.00895C12.6391 9.65999 12.7703 10.311 12.7703 10.9621C12.7703 11.2625 12.7518 11.563 12.7147 11.8635C12.6767 12.164 12.5951 12.4519 12.4699 12.7274C12.3447 13.0779 12.3386 13.3969 12.4518 13.6844C12.564 13.9729 12.7703 14.1797 13.0708 14.3049ZM6.79833 20.7276C7.02368 20.953 7.2866 21.0657 7.58708 21.0657C7.88756 21.0657 8.15048 20.953 8.37584 20.7276L11.3431 17.7979C11.4933 17.6477 11.5684 17.4724 11.5684 17.2721C11.5684 17.0718 11.4933 16.8965 11.3431 16.7463L8.37584 13.8166C8.15048 13.6163 7.88756 13.5096 7.58708 13.4966C7.2866 13.4846 7.02368 13.5913 6.79833 13.8166C6.57297 14.042 6.46029 14.3049 6.46029 14.6054C6.46029 14.9058 6.57297 15.1688 6.79833 15.3941L7.62464 16.2204C6.92353 16.2455 6.24144 16.1328 5.57838 15.8824C4.91433 15.632 4.31938 15.2439 3.79354 14.718C3.29274 14.2172 2.91064 13.6413 2.64722 12.9903C2.3848 12.3393 2.25359 11.6882 2.25359 11.0372C2.25359 10.7117 2.27262 10.4047 2.31068 10.1162C2.34774 9.82876 2.42887 9.53479 2.55407 9.23431C2.65423 8.95887 2.66675 8.68944 2.59163 8.42602C2.51651 8.16361 2.36627 7.95728 2.14091 7.80704C1.84043 7.60672 1.52092 7.55664 1.18238 7.6568C0.844846 7.75696 0.613477 7.95728 0.488277 8.25776C0.287958 8.70848 0.156249 9.15268 0.093148 9.59038C0.0310491 10.0291 0 10.4988 0 10.9996C0 11.9511 0.187799 12.8901 0.563397 13.8166C0.938995 14.7431 1.48987 15.5694 2.21603 16.2956C2.94219 17.0217 3.75598 17.5666 4.65742 17.9302C5.55885 18.2927 6.48533 18.4865 7.43684 18.5116L6.79833 19.1501C6.57297 19.3755 6.46029 19.6384 6.46029 19.9389C6.46029 20.2393 6.57297 20.5023 6.79833 20.7276Z' fill='white'/%3E%3C/svg%3E");
  padding-right: 8px;
}

body .btn-approval:hover {
  background: #fff;
  color: #004087;
  border: 2px solid #004087;
}
body .btn-approval:hover path {
  fill: #004087;
}

.btn-approve:hover span::before {
  content: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.0338 4.85328L6.35964 8.17913L13.9288 0.609963C14.2091 0.329624 14.5659 0.189453 14.9992 0.189453C15.4325 0.189453 15.7892 0.329624 16.0696 0.609963C16.3499 0.890303 16.4967 1.24047 16.51 1.66047C16.5222 2.08149 16.3882 2.43217 16.1078 2.71251L7.43003 11.3903C7.14969 11.6706 6.7929 11.8108 6.35964 11.8108C5.92639 11.8108 5.5696 11.6706 5.28926 11.3903L0.931252 7.03229C0.650912 6.75195 0.510742 6.39515 0.510742 5.9619C0.510742 5.52865 0.650912 5.17185 0.931252 4.89151C1.21159 4.61117 1.56227 4.46489 1.98329 4.45265C2.40329 4.4394 2.75346 4.57294 3.0338 4.85328Z' fill='%23004087'/%3E%3C/svg%3E");
}

.btn-request-changes:hover span::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0708 14.3049C13.3463 14.4301 13.6282 14.4426 13.9167 14.3424C14.2041 14.2423 14.3979 14.0545 14.4981 13.779C14.6984 13.3283 14.8361 12.8716 14.9112 12.4089C14.9864 11.9451 15.0239 11.4754 15.0239 10.9996C15.0239 10.0481 14.8426 9.1026 14.4801 8.16311C14.1165 7.22461 13.5716 6.39229 12.8455 5.66613C12.1193 4.93997 11.2995 4.40162 10.386 4.05106C9.47158 3.7005 8.5386 3.52522 7.58708 3.52522L8.26316 2.84914C8.48852 2.62378 8.59519 2.36087 8.58317 2.06039C8.57015 1.75991 8.45096 1.49699 8.2256 1.27163C8.00024 1.04627 7.73732 0.933594 7.43684 0.933594C7.13636 0.933594 6.87345 1.04627 6.64809 1.27163L3.68086 4.2013C3.53062 4.35154 3.4555 4.52682 3.4555 4.72713C3.4555 4.92745 3.53062 5.10273 3.68086 5.25297L6.64809 8.18264C6.87345 8.38296 7.13636 8.48913 7.43684 8.50114C7.73732 8.51417 8.00024 8.408 8.2256 8.18264C8.45096 7.95728 8.56364 7.69436 8.56364 7.39388C8.56364 7.0934 8.45096 6.83048 8.2256 6.60513L7.36172 5.74125C8.0378 5.74125 8.7264 5.87246 9.42751 6.13488C10.1286 6.3983 10.7296 6.7804 11.2304 7.2812C11.7312 7.782 12.1133 8.35792 12.3767 9.00895C12.6391 9.65999 12.7703 10.311 12.7703 10.9621C12.7703 11.2625 12.7518 11.563 12.7147 11.8635C12.6767 12.164 12.5951 12.4519 12.4699 12.7274C12.3447 13.0779 12.3386 13.3969 12.4518 13.6844C12.564 13.9729 12.7703 14.1797 13.0708 14.3049ZM6.79833 20.7276C7.02368 20.953 7.2866 21.0657 7.58708 21.0657C7.88756 21.0657 8.15048 20.953 8.37584 20.7276L11.3431 17.7979C11.4933 17.6477 11.5684 17.4724 11.5684 17.2721C11.5684 17.0718 11.4933 16.8965 11.3431 16.7463L8.37584 13.8166C8.15048 13.6163 7.88756 13.5096 7.58708 13.4966C7.2866 13.4846 7.02368 13.5913 6.79833 13.8166C6.57297 14.042 6.46029 14.3049 6.46029 14.6054C6.46029 14.9058 6.57297 15.1688 6.79833 15.3941L7.62464 16.2204C6.92353 16.2455 6.24144 16.1328 5.57838 15.8824C4.91433 15.632 4.31938 15.2439 3.79354 14.718C3.29274 14.2172 2.91064 13.6413 2.64722 12.9903C2.3848 12.3393 2.25359 11.6882 2.25359 11.0372C2.25359 10.7117 2.27262 10.4047 2.31068 10.1162C2.34774 9.82876 2.42887 9.53479 2.55407 9.23431C2.65423 8.95887 2.66675 8.68944 2.59163 8.42602C2.51651 8.16361 2.36627 7.95728 2.14091 7.80704C1.84043 7.60672 1.52092 7.55664 1.18238 7.6568C0.844846 7.75696 0.613477 7.95728 0.488277 8.25776C0.287958 8.70848 0.156249 9.15268 0.093148 9.59038C0.0310491 10.0291 0 10.4988 0 10.9996C0 11.9511 0.187799 12.8901 0.563397 13.8166C0.938995 14.7431 1.48987 15.5694 2.21603 16.2956C2.94219 17.0217 3.75598 17.5666 4.65742 17.9302C5.55885 18.2927 6.48533 18.4865 7.43684 18.5116L6.79833 19.1501C6.57297 19.3755 6.46029 19.6384 6.46029 19.9389C6.46029 20.2393 6.57297 20.5023 6.79833 20.7276Z' fill='%23004087'/%3E%3C/svg%3E");
}

.btn-send-request-changes {
  border-radius: var(--radius);
  font-weight: 700;
  padding: 8px 16px;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  color: #004087;
  border: 2px solid #004087;
}

.btn-send-request-changes:hover {
  background: #004087;
  color: #fff;
  border: 2px solid #004087;
}

.btn-top {
  cursor: pointer;
  position: fixed;
  bottom: calc(25vh + 60px);
  right: 5vw;
  z-index: 99;
  border: unset;
  background: transparent;
}

.btn-bottom {
  transform: rotate(180deg);
  cursor: pointer;
  position: fixed;
  bottom: 25vh;
  right: 5vw;
  z-index: 99;
  border: unset;
  background: transparent;
}

.admin-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='15' viewBox='0 0 12 15' fill='none'%3E%3Cpath d='M11.3332 14.6667H0.666504V13.3334C0.666504 12.4494 1.01769 11.6015 1.64281 10.9764C2.26794 10.3513 3.11578 10.0001 3.99984 10.0001H7.99984C8.88389 10.0001 9.73174 10.3513 10.3569 10.9764C10.982 11.6015 11.3332 12.4494 11.3332 13.3334V14.6667ZM5.99984 8.66675C5.47455 8.66675 4.95441 8.56328 4.4691 8.36227C3.9838 8.16125 3.54284 7.86661 3.17141 7.49518C2.79998 7.12374 2.50534 6.68278 2.30432 6.19748C2.1033 5.71218 1.99984 5.19204 1.99984 4.66675C1.99984 4.14146 2.1033 3.62132 2.30432 3.13601C2.50534 2.65071 2.79998 2.20976 3.17141 1.83832C3.54284 1.46689 3.9838 1.17225 4.4691 0.97123C4.95441 0.770211 5.47455 0.666748 5.99984 0.666748C7.0607 0.666748 8.07812 1.08818 8.82826 1.83832C9.57841 2.58847 9.99984 3.60588 9.99984 4.66675C9.99984 5.72761 9.57841 6.74503 8.82826 7.49518C8.07812 8.24532 7.0607 8.66675 5.99984 8.66675Z' fill='%23141414'/%3E%3C/svg%3E");
  margin-right: 6px;
}

.icon-edit::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.2 18.1H0.8C0.3575 18.1 0 18.4575 0 18.9V19.8C0 19.91 0.09 20 0.2 20H19.8C19.91 20 20 19.91 20 19.8V18.9C20 18.4575 19.6425 18.1 19.2 18.1ZM3.6425 16C3.6925 16 3.7425 15.995 3.7925 15.9875L7.9975 15.25C8.0475 15.24 8.095 15.2175 8.13 15.18L18.7275 4.5825C18.7507 4.55937 18.7691 4.5319 18.7816 4.50166C18.7942 4.47141 18.8006 4.43899 18.8006 4.40625C18.8006 4.37351 18.7942 4.34109 18.7816 4.31084C18.7691 4.2806 18.7507 4.25313 18.7275 4.23L14.5725 0.0725C14.525 0.025 14.4625 0 14.395 0C14.3275 0 14.265 0.025 14.2175 0.0725L3.62 10.67C3.5825 10.7075 3.56 10.7525 3.55 10.8025L2.8125 15.0075C2.78818 15.1414 2.79687 15.2793 2.83782 15.4091C2.87877 15.5389 2.95074 15.6568 3.0475 15.7525C3.2125 15.9125 3.42 16 3.6425 16Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-edit-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M19.2 18.1H0.8C0.3575 18.1 0 18.4575 0 18.9V19.8C0 19.91 0.09 20 0.2 20H19.8C19.91 20 20 19.91 20 19.8V18.9C20 18.4575 19.6425 18.1 19.2 18.1ZM3.6425 16C3.6925 16 3.7425 15.995 3.7925 15.9875L7.9975 15.25C8.0475 15.24 8.095 15.2175 8.13 15.18L18.7275 4.5825C18.7507 4.55937 18.7691 4.5319 18.7816 4.50166C18.7942 4.47141 18.8006 4.43899 18.8006 4.40625C18.8006 4.37351 18.7942 4.34109 18.7816 4.31084C18.7691 4.2806 18.7507 4.25313 18.7275 4.23L14.5725 0.0725C14.525 0.025 14.4625 0 14.395 0C14.3275 0 14.265 0.025 14.2175 0.0725L3.62 10.67C3.5825 10.7075 3.56 10.7525 3.55 10.8025L2.8125 15.0075C2.78818 15.1414 2.79687 15.2793 2.83782 15.4091C2.87877 15.5389 2.95074 15.6568 3.0475 15.7525C3.2125 15.9125 3.42 16 3.6425 16Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-delete::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M21 2.31836H3C2.17157 2.31836 1.5 2.98993 1.5 3.81836V4.56836C1.5 5.39679 2.17157 6.06836 3 6.06836H21C21.8284 6.06836 22.5 5.39679 22.5 4.56836V3.81836C22.5 2.98993 21.8284 2.31836 21 2.31836Z' fill='%23141414'/%3E%3Cpath d='M3.48982 7.56836C3.43712 7.56808 3.38495 7.57891 3.33672 7.60014C3.28849 7.62137 3.24527 7.65252 3.20989 7.69158C3.17451 7.73063 3.14775 7.7767 3.13137 7.82679C3.11499 7.87688 3.10935 7.92986 3.11482 7.98227L4.3481 19.821C4.34785 19.8245 4.34785 19.8279 4.3481 19.8313C4.41254 20.3789 4.67579 20.8838 5.08788 21.2501C5.49997 21.6163 6.03221 21.8186 6.58357 21.8184H17.4159C17.9671 21.8184 18.4991 21.616 18.911 21.2497C19.3229 20.8835 19.586 20.3787 19.6504 19.8313V19.8215L20.8818 7.98227C20.8873 7.92986 20.8817 7.87688 20.8653 7.82679C20.8489 7.7767 20.8222 7.73063 20.7868 7.69158C20.7514 7.65252 20.7082 7.62137 20.6599 7.60014C20.6117 7.57891 20.5595 7.56808 20.5068 7.56836H3.48982ZM15.1551 16.0382C15.2264 16.1075 15.2832 16.1902 15.3223 16.2817C15.3613 16.3731 15.3818 16.4714 15.3825 16.5708C15.3832 16.6702 15.3641 16.7688 15.3264 16.8608C15.2887 16.9527 15.233 17.0363 15.1627 17.1066C15.0924 17.1768 15.0088 17.2324 14.9168 17.2701C14.8248 17.3078 14.7263 17.3268 14.6268 17.3261C14.5274 17.3253 14.4292 17.3048 14.3377 17.2658C14.2463 17.2267 14.1636 17.1699 14.0943 17.0985L12 15.0041L9.90513 17.0985C9.76383 17.2358 9.57418 17.312 9.37717 17.3106C9.18016 17.3092 8.99161 17.2303 8.85227 17.0911C8.71293 16.9518 8.63399 16.7633 8.63251 16.5663C8.63103 16.3693 8.70712 16.1796 8.84435 16.0382L10.9392 13.9434L8.84435 11.8485C8.70712 11.7072 8.63103 11.5175 8.63251 11.3205C8.63399 11.1235 8.71293 10.9349 8.85227 10.7957C8.99161 10.6564 9.18016 10.5775 9.37717 10.5761C9.57418 10.5747 9.76383 10.6509 9.90513 10.7882L12 12.8826L14.0943 10.7882C14.2356 10.6509 14.4253 10.5747 14.6223 10.5761C14.8193 10.5775 15.0079 10.6564 15.1472 10.7957C15.2865 10.9349 15.3655 11.1235 15.367 11.3205C15.3685 11.5175 15.2924 11.7072 15.1551 11.8485L13.0603 13.9434L15.1551 16.0382Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-delete-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M21 2.31812H3C2.17157 2.31812 1.5 2.98969 1.5 3.81812V4.56812C1.5 5.39654 2.17157 6.06812 3 6.06812H21C21.8284 6.06812 22.5 5.39654 22.5 4.56812V3.81812C22.5 2.98969 21.8284 2.31812 21 2.31812Z' fill='%23939395'/%3E%3Cpath d='M3.48982 7.56812C3.43712 7.56784 3.38495 7.57866 3.33672 7.59989C3.28849 7.62112 3.24527 7.65228 3.20989 7.69133C3.17451 7.73039 3.14775 7.77646 3.13137 7.82655C3.11499 7.87664 3.10935 7.92961 3.11482 7.98203L4.3481 19.8208C4.34785 19.8242 4.34785 19.8277 4.3481 19.8311C4.41254 20.3787 4.67579 20.8835 5.08788 21.2498C5.49997 21.6161 6.03221 21.8183 6.58357 21.8181H17.4159C17.9671 21.8181 18.4991 21.6158 18.911 21.2495C19.3229 20.8832 19.586 20.3785 19.6504 19.8311V19.8212L20.8818 7.98203C20.8873 7.92961 20.8817 7.87664 20.8653 7.82655C20.8489 7.77646 20.8222 7.73039 20.7868 7.69133C20.7514 7.65228 20.7082 7.62112 20.6599 7.59989C20.6117 7.57866 20.5595 7.56784 20.5068 7.56812H3.48982ZM15.1551 16.038C15.2264 16.1072 15.2832 16.19 15.3223 16.2814C15.3613 16.3729 15.3818 16.4711 15.3825 16.5706C15.3832 16.67 15.3641 16.7685 15.3264 16.8605C15.2887 16.9525 15.233 17.036 15.1627 17.1063C15.0924 17.1766 15.0088 17.2322 14.9168 17.2699C14.8248 17.3076 14.7263 17.3266 14.6268 17.3259C14.5274 17.3251 14.4292 17.3046 14.3377 17.2655C14.2463 17.2265 14.1636 17.1696 14.0943 17.0983L12 15.0039L9.90513 17.0983C9.76383 17.2356 9.57418 17.3117 9.37717 17.3104C9.18016 17.309 8.99161 17.2301 8.85227 17.0908C8.71293 16.9515 8.63399 16.763 8.63251 16.566C8.63103 16.369 8.70712 16.1793 8.84435 16.038L10.9392 13.9431L8.84435 11.8483C8.70712 11.7069 8.63103 11.5172 8.63251 11.3202C8.63399 11.1232 8.71293 10.9347 8.85227 10.7954C8.99161 10.6561 9.18016 10.5773 9.37717 10.5759C9.57418 10.5745 9.76383 10.6507 9.90513 10.788L12 12.8823L14.0943 10.788C14.2356 10.6507 14.4253 10.5745 14.6223 10.5759C14.8193 10.5773 15.0079 10.6561 15.1472 10.7954C15.2865 10.9347 15.3655 11.1232 15.367 11.3202C15.3685 11.5172 15.2924 11.7069 15.1551 11.8483L13.0603 13.9431L15.1551 16.038Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-summary::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2C10.0226 1.99813 8.08907 2.5832 6.44444 3.68111V3.11112C6.44444 2.81643 6.32738 2.53381 6.11901 2.32544C5.91063 2.11707 5.62802 2 5.33333 2C5.03865 2 4.75603 2.11707 4.54766 2.32544C4.33928 2.53381 4.22222 2.81643 4.22222 3.11112V6.44445C4.22222 6.73913 4.33928 7.02175 4.54766 7.23012C4.75603 7.43849 5.03865 7.55556 5.33333 7.55556H8.66666C8.96135 7.55556 9.24396 7.43849 9.45234 7.23012C9.66071 7.02175 9.77777 6.73913 9.77777 6.44445C9.77777 6.14976 9.66071 5.86715 9.45234 5.65877C9.24396 5.4504 8.96135 5.33334 8.66666 5.33334H8.01111C9.2126 4.60166 10.5933 4.21707 12 4.22223C13.5383 4.22223 15.042 4.67838 16.3211 5.53302C17.6001 6.38765 18.597 7.60237 19.1857 9.02357C19.7744 10.4448 19.9284 12.0086 19.6283 13.5174C19.3282 15.0261 18.5875 16.412 17.4997 17.4997C16.412 18.5875 15.0261 19.3282 13.5174 19.6283C12.0086 19.9284 10.4448 19.7744 9.02357 19.1857C7.60237 18.597 6.38765 17.6001 5.53301 16.3211C4.67838 15.0421 4.22222 13.5383 4.22222 12C4.22222 11.7053 4.10516 11.4227 3.89678 11.2143C3.68841 11.006 3.4058 10.8889 3.11111 10.8889C2.81643 10.8889 2.53381 11.006 2.32544 11.2143C2.11706 11.4227 2 11.7053 2 12C2 13.9778 2.58649 15.9112 3.6853 17.5557C4.78412 19.2002 6.3459 20.4819 8.17316 21.2388C10.0004 21.9957 12.0111 22.1937 13.9509 21.8078C15.8907 21.422 17.6725 20.4696 19.0711 19.0711C20.4696 17.6725 21.422 15.8907 21.8078 13.9509C22.1937 12.0111 21.9957 10.0004 21.2388 8.17317C20.4819 6.34591 19.2002 4.78412 17.5557 3.68531C15.9112 2.58649 13.9778 2 12 2Z' fill='black'/%3E%3Cpath d='M12 7C11.7348 7 11.4804 7.10536 11.2929 7.29289C11.1054 7.48043 11 7.73478 11 8V13C11.0001 13.2652 11.1055 13.5195 11.293 13.707L14.293 16.707C14.4816 16.8892 14.7342 16.99 14.9964 16.9877C15.2586 16.9854 15.5094 16.8802 15.6948 16.6948C15.8802 16.5094 15.9854 16.2586 15.9877 15.9964C15.99 15.7342 15.8892 15.4816 15.707 15.293L13 12.586V8C13 7.73478 12.8946 7.48043 12.7071 7.29289C12.5196 7.10536 12.2652 7 12 7Z' fill='black'/%3E%3C/svg%3E");
}

.icon-bin::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0752 4.88934H20.0752V6.88934H18.0752V19.8893C18.0752 20.1546 17.9698 20.4089 17.7823 20.5965C17.5948 20.784 17.3404 20.8893 17.0752 20.8893H3.0752C2.80998 20.8893 2.55563 20.784 2.36809 20.5965C2.18055 20.4089 2.0752 20.1546 2.0752 19.8893V6.88934H0.0751953V4.88934H5.0752V1.88934C5.0752 1.62413 5.18055 1.36977 5.36809 1.18224C5.55562 0.9947 5.80998 0.889343 6.0752 0.889343H14.0752C14.3404 0.889343 14.5948 0.9947 14.7823 1.18224C14.9698 1.36977 15.0752 1.62413 15.0752 1.88934V4.88934ZM7.0752 9.88934V15.8893H9.0752V9.88934H7.0752ZM11.0752 9.88934V15.8893H13.0752V9.88934H11.0752ZM7.0752 2.88934V4.88934H13.0752V2.88934H7.0752Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-bin-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M15.4668 4H20.4668V6H18.4668V19C18.4668 19.2652 18.3614 19.5196 18.1739 19.7071C17.9864 19.8946 17.732 20 17.4668 20H3.4668C3.20158 20 2.94723 19.8946 2.75969 19.7071C2.57215 19.5196 2.4668 19.2652 2.4668 19V6H0.466797V4H5.4668V1C5.4668 0.734784 5.57215 0.48043 5.75969 0.292893C5.94723 0.105357 6.20158 0 6.4668 0H14.4668C14.732 0 14.9864 0.105357 15.1739 0.292893C15.3614 0.48043 15.4668 0.734784 15.4668 1V4ZM7.4668 9V15H9.4668V9H7.4668ZM11.4668 9V15H13.4668V9H11.4668ZM7.4668 2V4H13.4668V2H7.4668Z' fill='%2388888a '/%3E%3C/svg%3E");
}

.icon-download-option::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='14' viewBox='0 0 11 14' fill='none'%3E%3Cpath d='M0.918717 12.3602H9.91872C10.1087 12.3602 10.2917 12.4324 10.4305 12.5621C10.5694 12.6919 10.6538 12.8695 10.6667 13.059C10.6797 13.2486 10.6202 13.4361 10.5003 13.5835C10.3804 13.7309 10.209 13.8273 10.0207 13.8532L9.91872 13.8602H0.918717C0.728693 13.8601 0.545776 13.7879 0.406925 13.6582C0.268074 13.5285 0.183643 13.3509 0.170691 13.1613C0.157739 12.9717 0.217232 12.7843 0.337149 12.6369C0.457066 12.4895 0.628467 12.3931 0.816717 12.3672L0.918717 12.3602H9.91872H0.918717ZM5.31672 0.367168L5.41872 0.360168C5.59995 0.360176 5.77506 0.425811 5.91165 0.544936C6.04824 0.66406 6.13707 0.828615 6.16172 1.00817L6.16872 1.11017V8.79817L8.42372 6.54417C8.55089 6.41704 8.7195 6.33983 8.89884 6.32661C9.07817 6.3134 9.25628 6.36505 9.40072 6.47217L9.48472 6.54417C9.61185 6.67134 9.68905 6.83996 9.70227 7.01929C9.71549 7.19862 9.66383 7.37673 9.55672 7.52117L9.48472 7.60517L5.94872 11.1402C5.82173 11.2672 5.65337 11.3444 5.47427 11.3578C5.29516 11.3712 5.11719 11.3199 4.97272 11.2132L4.88872 11.1402L1.35272 7.60517C1.21852 7.47134 1.13997 7.29168 1.13285 7.10229C1.12573 6.91291 1.19057 6.72785 1.31433 6.58433C1.43809 6.4408 1.6116 6.34945 1.79998 6.32864C1.98835 6.30784 2.17761 6.35912 2.32972 6.47217L2.41372 6.54417L4.66872 8.80017V1.11017C4.66872 0.928931 4.73436 0.753826 4.85348 0.617238C4.97261 0.480649 5.13716 0.391817 5.31672 0.367168L5.41872 0.360168L5.31672 0.367168Z' fill='%23141414'/%3E%3C/svg%3E");
}

span.icon-bin {
  display: inline-flex;
}

.clickable-icon::before {
  position: relative;
  top: 5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.36731C5.925 1.36731 1 6.29231 1 12.3673C1 18.4423 5.925 23.3673 12 23.3673C18.075 23.3673 23 18.4423 23 12.3673C23 6.29231 18.075 1.36731 12 1.36731ZM13 16.3673C13 16.6325 12.8946 16.8869 12.7071 17.0744C12.5196 17.262 12.2652 17.3673 12 17.3673C11.7348 17.3673 11.4804 17.262 11.2929 17.0744C11.1054 16.8869 11 16.6325 11 16.3673V13.3673H8C7.73478 13.3673 7.48043 13.262 7.29289 13.0744C7.10536 12.8869 7 12.6325 7 12.3673C7 12.1021 7.10536 11.8477 7.29289 11.6602C7.48043 11.4727 7.73478 11.3673 8 11.3673H11V8.36731C11 8.10209 11.1054 7.84774 11.2929 7.6602C11.4804 7.47267 11.7348 7.36731 12 7.36731C12.2652 7.36731 12.5196 7.47267 12.7071 7.6602C12.8946 7.84774 13 8.10209 13 8.36731V11.3673H16C16.2652 11.3673 16.5196 11.4727 16.7071 11.6602C16.8946 11.8477 17 12.1021 17 12.3673C17 12.6325 16.8946 12.8869 16.7071 13.0744C16.5196 13.262 16.2652 13.3673 16 13.3673H13V16.3673Z' fill='%23141414'/%3E%3C/svg%3E");
}

.clickable-icon-deactivated::before {
  position: relative;
  top: 5px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.36731C5.925 1.36731 1 6.29231 1 12.3673C1 18.4423 5.925 23.3673 12 23.3673C18.075 23.3673 23 18.4423 23 12.3673C23 6.29231 18.075 1.36731 12 1.36731ZM13 16.3673C13 16.6325 12.8946 16.8869 12.7071 17.0744C12.5196 17.262 12.2652 17.3673 12 17.3673C11.7348 17.3673 11.4804 17.262 11.2929 17.0744C11.1054 16.8869 11 16.6325 11 16.3673V13.3673H8C7.73478 13.3673 7.48043 13.262 7.29289 13.0744C7.10536 12.8869 7 12.6325 7 12.3673C7 12.1021 7.10536 11.8477 7.29289 11.6602C7.48043 11.4727 7.73478 11.3673 8 11.3673H11V8.36731C11 8.10209 11.1054 7.84774 11.2929 7.6602C11.4804 7.47267 11.7348 7.36731 12 7.36731C12.2652 7.36731 12.5196 7.47267 12.7071 7.6602C12.8946 7.84774 13 8.10209 13 8.36731V11.3673H16C16.2652 11.3673 16.5196 11.4727 16.7071 11.6602C16.8946 11.8477 17 12.1021 17 12.3673C17 12.6325 16.8946 12.8869 16.7071 13.0744C16.5196 13.262 16.2652 13.3673 16 13.3673H13V16.3673Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.clickable-icon:hover::before {
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M12 8.36731V12.3673M12 12.3673V16.3673M12 12.3673H16M12 12.3673H8' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 22.3673C17.5228 22.3673 22 17.8902 22 12.3673C22 6.84446 17.5228 2.36731 12 2.36731C6.47715 2.36731 2 6.84446 2 12.3673C2 17.8902 6.47715 22.3673 12 22.3673Z' stroke='black' stroke-width='2'/%3E%3C/svg%3E") !important;
}

.icon-publish::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath d='M0.25 1.31812C0.25 2.00562 0.8125 2.56812 1.5 2.56812H16.5C17.1875 2.56812 17.75 2.00562 17.75 1.31812C17.75 0.630615 17.1875 0.0681152 16.5 0.0681152H1.5C0.8125 0.0681152 0.25 0.630615 0.25 1.31812ZM3.2625 12.5681H5.25V18.8181C5.25 19.5056 5.8125 20.0681 6.5 20.0681H11.5C12.1875 20.0681 12.75 19.5056 12.75 18.8181V12.5681H14.7375C15.85 12.5681 16.4125 11.2181 15.625 10.4306L9.8875 4.69312C9.77186 4.57724 9.6345 4.4853 9.48328 4.42257C9.33206 4.35985 9.16996 4.32756 9.00625 4.32756C8.84254 4.32756 8.68044 4.35985 8.52922 4.42257C8.378 4.4853 8.24064 4.57724 8.125 4.69312L2.3875 10.4306C1.6 11.2181 2.15 12.5681 3.2625 12.5681Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-publish-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='21' viewBox='0 0 18 21' fill='none'%3E%3Cpath d='M0.25 1.31812C0.25 2.00562 0.8125 2.56812 1.5 2.56812H16.5C17.1875 2.56812 17.75 2.00562 17.75 1.31812C17.75 0.630615 17.1875 0.0681152 16.5 0.0681152H1.5C0.8125 0.0681152 0.25 0.630615 0.25 1.31812ZM3.2625 12.5681H5.25V18.8181C5.25 19.5056 5.8125 20.0681 6.5 20.0681H11.5C12.1875 20.0681 12.75 19.5056 12.75 18.8181V12.5681H14.7375C15.85 12.5681 16.4125 11.2181 15.625 10.4306L9.8875 4.69312C9.77186 4.57724 9.6345 4.4853 9.48328 4.42257C9.33206 4.35985 9.16996 4.32756 9.00625 4.32756C8.84254 4.32756 8.68044 4.35985 8.52922 4.42257C8.378 4.4853 8.24064 4.57724 8.125 4.69312L2.3875 10.4306C1.6 11.2181 2.15 12.5681 3.2625 12.5681Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-reminder::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M13.158 17.9631C13.1581 18.4942 12.9575 19.0058 12.5964 19.3953C12.2352 19.7847 11.7402 20.0233 11.2106 20.0631L11.0527 20.0684H8.94744C8.41631 20.0685 7.90474 19.8679 7.51528 19.5068C7.12583 19.1456 6.88728 18.6506 6.84744 18.121L6.84218 17.9631H13.158ZM10.0001 0.0683594C11.9106 0.0683279 13.7464 0.810353 15.1203 2.13791C16.4942 3.46547 17.2988 5.27477 17.3643 7.18415L17.3685 7.43678V11.3989L19.2864 15.2347C19.3701 15.402 19.412 15.5872 19.4085 15.7743C19.405 15.9614 19.3562 16.1449 19.2662 16.309C19.1763 16.4731 19.048 16.613 18.8922 16.7166C18.7364 16.8203 18.5578 16.8846 18.3717 16.9041L18.2506 16.9105H1.74955C1.56235 16.9105 1.37793 16.8652 1.21209 16.7784C1.04626 16.6915 0.903944 16.5658 0.797353 16.4119C0.690762 16.258 0.623069 16.0806 0.600076 15.8948C0.577084 15.709 0.599476 15.5204 0.665335 15.3452L0.713756 15.2347L2.63165 11.3989V7.43678C2.63165 5.48255 3.40796 3.60837 4.78981 2.22652C6.17166 0.844673 8.04585 0.0683594 10.0001 0.0683594Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-reminder-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M13.158 17.9629C13.1581 18.494 12.9575 19.0056 12.5964 19.395C12.2352 19.7845 11.7402 20.023 11.2106 20.0629L11.0527 20.0681H8.94744C8.41631 20.0683 7.90474 19.8677 7.51528 19.5065C7.12583 19.1454 6.88728 18.6504 6.84744 18.1207L6.84218 17.9629H13.158ZM10.0001 0.0681152C11.9106 0.0680837 13.7464 0.810109 15.1203 2.13767C16.4942 3.46523 17.2988 5.27452 17.3643 7.18391L17.3685 7.43654V11.3986L19.2864 15.2344C19.3701 15.4018 19.412 15.587 19.4085 15.7741C19.405 15.9612 19.3562 16.1446 19.2662 16.3087C19.1763 16.4728 19.048 16.6127 18.8922 16.7164C18.7364 16.82 18.5578 16.8844 18.3717 16.9039L18.2506 16.9102H1.74955C1.56235 16.9103 1.37793 16.8649 1.21209 16.7781C1.04626 16.6913 0.903944 16.5655 0.797353 16.4116C0.690762 16.2578 0.623069 16.0803 0.600076 15.8945C0.577084 15.7088 0.599476 15.5202 0.665335 15.345L0.713756 15.2344L2.63165 11.3986V7.43654C2.63165 5.48231 3.40796 3.60812 4.78981 2.22628C6.17166 0.844429 8.04585 0.0681152 10.0001 0.0681152Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-calendar::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17.4 5.02124H6.6C4.61177 5.02124 3 6.63302 3 8.62124V17.6212C3 19.6095 4.61177 21.2212 6.6 21.2212H17.4C19.3882 21.2212 21 19.6095 21 17.6212V8.62124C21 6.63302 19.3882 5.02124 17.4 5.02124Z' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.4 3.22119V6.82119M15.6 3.22119V6.82119M3 10.4212H21' stroke='%23141414' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  margin-left: -35px;
  position: relative;
  padding-top: 4px;
  display: inline-flex;
}

.icon-redirect::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath d='M14.405 1.49121C14.405 1.15969 14.5367 0.841748 14.7711 0.607327C15.0056 0.372907 15.3235 0.241211 15.655 0.241211H18.155C18.4865 0.241211 18.8045 0.372907 19.0389 0.607327C19.2733 0.841748 19.405 1.15969 19.405 1.49121V16.4912H20.03C20.1958 16.4912 20.3548 16.5571 20.472 16.6743C20.5892 16.7915 20.655 16.9505 20.655 17.1162C20.655 17.282 20.5892 17.4409 20.472 17.5582C20.3548 17.6754 20.1958 17.7412 20.03 17.7412H1.28003C1.11427 17.7412 0.955298 17.6754 0.838088 17.5582C0.720877 17.4409 0.655029 17.282 0.655029 17.1162C0.655029 16.9505 0.720877 16.7915 0.838088 16.6743C0.955298 16.5571 1.11427 16.4912 1.28003 16.4912H1.90503V12.7412C1.90503 12.4097 2.03673 12.0917 2.27115 11.8573C2.50557 11.6229 2.82351 11.4912 3.15503 11.4912H5.65503C5.98655 11.4912 6.30449 11.6229 6.53891 11.8573C6.77333 12.0917 6.90503 12.4097 6.90503 12.7412V16.4912H8.15503V7.74121C8.15503 7.40969 8.28673 7.09175 8.52115 6.85733C8.75557 6.62291 9.07351 6.49121 9.40503 6.49121H11.905C12.2366 6.49121 12.5545 6.62291 12.7889 6.85733C13.0233 7.09175 13.155 7.40969 13.155 7.74121V16.4912H14.405V1.49121Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-redirect-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'%3E%3Cpath d='M14.405 1.49121C14.405 1.15969 14.5367 0.841748 14.7711 0.607327C15.0056 0.372907 15.3235 0.241211 15.655 0.241211H18.155C18.4865 0.241211 18.8045 0.372907 19.0389 0.607327C19.2733 0.841748 19.405 1.15969 19.405 1.49121V16.4912H20.03C20.1958 16.4912 20.3548 16.5571 20.472 16.6743C20.5892 16.7915 20.655 16.9505 20.655 17.1162C20.655 17.282 20.5892 17.4409 20.472 17.5582C20.3548 17.6754 20.1958 17.7412 20.03 17.7412H1.28003C1.11427 17.7412 0.955298 17.6754 0.838088 17.5582C0.720877 17.4409 0.655029 17.282 0.655029 17.1162C0.655029 16.9505 0.720877 16.7915 0.838088 16.6743C0.955298 16.5571 1.11427 16.4912 1.28003 16.4912H1.90503V12.7412C1.90503 12.4097 2.03673 12.0917 2.27115 11.8573C2.50557 11.6229 2.82351 11.4912 3.15503 11.4912H5.65503C5.98655 11.4912 6.30449 11.6229 6.53891 11.8573C6.77333 12.0917 6.90503 12.4097 6.90503 12.7412V16.4912H8.15503V7.74121C8.15503 7.40969 8.28673 7.09175 8.52115 6.85733C8.75557 6.62291 9.07351 6.49121 9.40503 6.49121H11.905C12.2366 6.49121 12.5545 6.62291 12.7889 6.85733C13.0233 7.09175 13.155 7.40969 13.155 7.74121V16.4912H14.405V1.49121Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-verify::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M6.35498 18.2914L3.60498 17.6914C3.35498 17.6414 3.15498 17.5121 3.00498 17.3034C2.85498 17.0954 2.79665 16.8664 2.82998 16.6164L3.10498 13.7914L1.22998 11.6414C1.06331 11.4581 0.97998 11.2414 0.97998 10.9914C0.97998 10.7414 1.06331 10.5248 1.22998 10.3414L3.10498 8.19142L2.82998 5.36642C2.79665 5.11642 2.85498 4.88742 3.00498 4.67942C3.15498 4.47075 3.35498 4.34142 3.60498 4.29142L6.35498 3.69142L7.80498 1.24142C7.93831 1.02475 8.12165 0.883084 8.35498 0.816417C8.58831 0.74975 8.82165 0.758084 9.05498 0.841417L11.655 1.94142L14.255 0.841417C14.4883 0.758084 14.7216 0.74975 14.955 0.816417C15.1883 0.883084 15.3716 1.02475 15.505 1.24142L16.955 3.69142L19.705 4.29142C19.955 4.34142 20.155 4.47075 20.305 4.67942C20.455 4.88742 20.5133 5.11642 20.48 5.36642L20.205 8.19142L22.08 10.3414C22.2466 10.5248 22.33 10.7414 22.33 10.9914C22.33 11.2414 22.2466 11.4581 22.08 11.6414L20.205 13.7914L20.48 16.6164C20.5133 16.8664 20.455 17.0954 20.305 17.3034C20.155 17.5121 19.955 17.6414 19.705 17.6914L16.955 18.2914L15.505 20.7414C15.3716 20.9581 15.1883 21.0997 14.955 21.1664C14.7216 21.2331 14.4883 21.2248 14.255 21.1414L11.655 20.0414L9.05498 21.1414C8.82165 21.2248 8.58831 21.2331 8.35498 21.1664C8.12165 21.0997 7.93831 20.9581 7.80498 20.7414L6.35498 18.2914ZM9.90498 13.8414C10.0883 14.0248 10.3216 14.1164 10.605 14.1164C10.8883 14.1164 11.1216 14.0248 11.305 13.8414L15.555 9.59142C15.755 9.39142 15.855 9.15375 15.855 8.87842C15.855 8.60375 15.755 8.36642 15.555 8.16642C15.355 7.96642 15.1176 7.86642 14.843 7.86642C14.5676 7.86642 14.33 7.96642 14.13 8.16642L10.605 11.6914L9.15498 10.2664C8.95498 10.0831 8.71765 9.99542 8.44298 10.0034C8.16765 10.0121 7.93831 10.1081 7.75498 10.2914C7.57165 10.4748 7.47998 10.7081 7.47998 10.9914C7.47998 11.2748 7.57165 11.5081 7.75498 11.6914L9.90498 13.8414Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-verify-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cpath d='M6.35498 18.3256L3.60498 17.7256C3.35498 17.6756 3.15498 17.5463 3.00498 17.3376C2.85498 17.1296 2.79665 16.9006 2.82998 16.6506L3.10498 13.8256L1.22998 11.6756C1.06331 11.4923 0.97998 11.2756 0.97998 11.0256C0.97998 10.7756 1.06331 10.5589 1.22998 10.3756L3.10498 8.2256L2.82998 5.4006C2.79665 5.1506 2.85498 4.9216 3.00498 4.7136C3.15498 4.50493 3.35498 4.3756 3.60498 4.3256L6.35498 3.7256L7.80498 1.2756C7.93831 1.05893 8.12165 0.917263 8.35498 0.850597C8.58831 0.78393 8.82165 0.792263 9.05498 0.875597L11.655 1.9756L14.255 0.875597C14.4883 0.792263 14.7216 0.78393 14.955 0.850597C15.1883 0.917263 15.3716 1.05893 15.505 1.2756L16.955 3.7256L19.705 4.3256C19.955 4.3756 20.155 4.50493 20.305 4.7136C20.455 4.9216 20.5133 5.1506 20.48 5.4006L20.205 8.2256L22.08 10.3756C22.2466 10.5589 22.33 10.7756 22.33 11.0256C22.33 11.2756 22.2466 11.4923 22.08 11.6756L20.205 13.8256L20.48 16.6506C20.5133 16.9006 20.455 17.1296 20.305 17.3376C20.155 17.5463 19.955 17.6756 19.705 17.7256L16.955 18.3256L15.505 20.7756C15.3716 20.9923 15.1883 21.1339 14.955 21.2006C14.7216 21.2673 14.4883 21.2589 14.255 21.1756L11.655 20.0756L9.05498 21.1756C8.82165 21.2589 8.58831 21.2673 8.35498 21.2006C8.12165 21.1339 7.93831 20.9923 7.80498 20.7756L6.35498 18.3256ZM9.90498 13.8756C10.0883 14.0589 10.3216 14.1506 10.605 14.1506C10.8883 14.1506 11.1216 14.0589 11.305 13.8756L15.555 9.6256C15.755 9.4256 15.855 9.18793 15.855 8.9126C15.855 8.63793 15.755 8.4006 15.555 8.2006C15.355 8.0006 15.1176 7.9006 14.843 7.9006C14.5676 7.9006 14.33 8.0006 14.13 8.2006L10.605 11.7256L9.15498 10.3006C8.95498 10.1173 8.71765 10.0296 8.44298 10.0376C8.16765 10.0463 7.93831 10.1423 7.75498 10.3256C7.57165 10.5089 7.47998 10.7423 7.47998 11.0256C7.47998 11.3089 7.57165 11.5423 7.75498 11.7256L9.90498 13.8756Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-show::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9175 16.7352C12.6731 16.9796 12.6731 17.3752 12.9175 17.619C13.1619 17.8634 13.5575 17.8634 13.8013 17.619L18.1131 13.3065C18.2432 13.1765 18.2988 13.0034 18.29 12.8333C18.2988 12.6627 18.2431 12.4902 18.1131 12.3602L13.8013 8.04836C13.5575 7.80398 13.1613 7.80398 12.9175 8.04836C12.6731 8.29274 12.6731 8.68836 12.9175 8.93209L16.1944 12.209H2.70312C2.35812 12.209 2.07812 12.489 2.07812 12.834C2.07812 13.179 2.35812 13.459 2.70312 13.459H16.1944L12.9175 16.7352ZM19.5781 4.08398H7.07812C5.6975 4.08398 4.57812 5.20336 4.57812 6.58398V9.08398H5.82812V6.58398C5.82812 5.89398 6.3875 5.33398 7.07812 5.33398H19.5781C20.2687 5.33398 20.8281 5.89398 20.8281 6.58398V19.084C20.8281 19.774 20.2687 20.334 19.5781 20.334H7.07812C6.3875 20.334 5.82812 19.7746 5.82812 19.084V16.584H4.57812V19.084C4.57812 20.4646 5.6975 21.584 7.07812 21.584H19.5781C20.9587 21.584 22.0781 20.4646 22.0781 19.084V6.58398C22.0781 5.20336 20.9587 4.08398 19.5781 4.08398Z' fill='%23141414' stroke='black'/%3E%3C/svg%3E");
}

.icon-show-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9175 16.7352C12.6731 16.9796 12.6731 17.3752 12.9175 17.619C13.1619 17.8634 13.5575 17.8634 13.8013 17.619L18.1131 13.3065C18.2432 13.1765 18.2988 13.0034 18.29 12.8333C18.2988 12.6627 18.2431 12.4902 18.1131 12.3602L13.8013 8.04836C13.5575 7.80398 13.1613 7.80398 12.9175 8.04836C12.6731 8.29274 12.6731 8.68836 12.9175 8.93209L16.1944 12.209H2.70312C2.35812 12.209 2.07812 12.489 2.07812 12.834C2.07812 13.179 2.35812 13.459 2.70312 13.459H16.1944L12.9175 16.7352ZM19.5781 4.08398H7.07812C5.6975 4.08398 4.57812 5.20336 4.57812 6.58398V9.08398H5.82812V6.58398C5.82812 5.89398 6.3875 5.33398 7.07812 5.33398H19.5781C20.2687 5.33398 20.8281 5.89398 20.8281 6.58398V19.084C20.8281 19.774 20.2687 20.334 19.5781 20.334H7.07812C6.3875 20.334 5.82812 19.7746 5.82812 19.084V16.584H4.57812V19.084C4.57812 20.4646 5.6975 21.584 7.07812 21.584H19.5781C20.9587 21.584 22.0781 20.4646 22.0781 19.084V6.58398C22.0781 5.20336 20.9587 4.08398 19.5781 4.08398Z' fill='%2388888a' stroke='%2388888a'/%3E%3C/svg%3E ");
}

.icon-overview::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7267 17.0513H10.7705' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6442 12.7144H10.7705' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6442 8.6167H10.7705' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 17.0513H7.35547' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 12.7144H7.35547' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 8.6167H7.35547' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_291_979' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='23'%3E%3Cpath d='M1.01172 1.61938H22.9883V23.3779H1.01172V1.61938Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_291_979)'%3E%3Cpath d='M18.0336 16.029C16.6368 16.029 15.5044 17.1613 15.5044 18.5582C15.5044 19.955 16.6368 21.0874 18.0336 21.0874C19.4305 21.0874 20.5628 19.955 20.5628 18.5582C20.5628 17.1613 19.4305 16.029 18.0336 16.029Z' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8765 20.5093L21.4301 22.063' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0837 21.3611H5.64056C4.44326 21.3611 3.47266 20.3905 3.47266 19.1932V6.47479C3.47266 5.27749 4.44326 4.30689 5.64056 4.30689H18.3589C19.5562 4.30689 20.5269 5.27749 20.5269 6.47479V13.6289' stroke='%23141414' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-overview-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.7267 17.0513H10.7705' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6442 12.7144H10.7705' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6442 8.6167H10.7705' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 17.0513H7.35547' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 12.7144H7.35547' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.03846 8.6167H7.35547' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_291_979' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='1' width='22' height='23'%3E%3Cpath d='M1.01172 1.61938H22.9883V23.3779H1.01172V1.61938Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_291_979)'%3E%3Cpath d='M18.0336 16.029C16.6368 16.029 15.5044 17.1613 15.5044 18.5582C15.5044 19.955 16.6368 21.0874 18.0336 21.0874C19.4305 21.0874 20.5628 19.955 20.5628 18.5582C20.5628 17.1613 19.4305 16.029 18.0336 16.029Z' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8765 20.5093L21.4301 22.063' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.0837 21.3611H5.64056C4.44326 21.3611 3.47266 20.3905 3.47266 19.1932V6.47479C3.47266 5.27749 4.44326 4.30689 5.64056 4.30689H18.3589C19.5562 4.30689 20.5269 5.27749 20.5269 6.47479V13.6289' stroke='%2388888a' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-approved::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6101 7.9868C14.7413 7.83641 14.7413 7.60945 14.6101 7.45906L13.3987 6.05906C13.3249 5.9743 13.2894 5.85945 13.303 5.74734L13.5163 3.90984C13.5409 3.70203 13.4015 3.51063 13.1964 3.46688L11.3042 3.07586C11.1921 3.05125 11.0964 2.98289 11.0362 2.88445L10.0655 1.23289C9.95889 1.05242 9.7374 0.984063 9.546 1.07156L7.87803 1.84266C7.77139 1.89188 7.64561 1.89188 7.53896 1.84266L5.871 1.07156C5.68232 0.984063 5.45537 1.05516 5.35146 1.23563L4.39443 2.88172C4.33701 2.98016 4.23857 3.05125 4.12646 3.07586L2.22334 3.46688C2.01826 3.50789 1.87881 3.70203 1.90342 3.90984L2.1167 5.74734C2.13037 5.85945 2.09482 5.97156 2.021 6.05906L0.806934 7.45906C0.675684 7.60945 0.675684 7.83641 0.806934 7.9868L2.021 9.4032C2.09482 9.48797 2.12764 9.60008 2.1167 9.71219L1.90342 11.5497C1.87881 11.7575 2.01826 11.9489 2.22334 11.9927L4.13193 12.3837C4.24404 12.4055 4.34248 12.4766 4.3999 12.5751L5.3542 14.2075C5.45811 14.388 5.68506 14.4591 5.87373 14.3716L7.5417 13.6005C7.64834 13.5513 7.77412 13.5513 7.88076 13.6005L9.55146 14.3716C9.74014 14.4563 9.96162 14.388 10.0655 14.2102L11.0362 12.5723C11.0937 12.4739 11.1894 12.4055 11.3015 12.3809L13.1937 11.9899C13.3987 11.9489 13.5382 11.7548 13.5136 11.547L13.3003 9.70945C13.2866 9.59734 13.3222 9.48523 13.396 9.40047L14.6101 7.9868ZM10.4839 6.54578L7.06318 9.96649C6.88545 10.1442 6.59561 10.1442 6.41787 9.96649L4.93311 8.48172C4.75537 8.30398 4.75537 8.01414 4.93311 7.83641L5.35146 7.41805C5.5292 7.24031 5.81904 7.24031 5.99951 7.41805L6.74326 8.1618L9.42022 5.48484C9.59795 5.30711 9.88779 5.30711 10.0683 5.48484L10.4894 5.9032C10.6644 6.07547 10.6644 6.36531 10.4839 6.54578Z' fill='white'/%3E%3C/svg%3E");
  padding-left: 4px;
  transform: translateY(3px);
  display: inline-flex;
}

.icon-requested-changes-positive-invert::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_313_1172)'%3E%3Cpath d='M12.4178 10.6269C12.6368 10.7264 12.8608 10.7363 13.0901 10.6567C13.3185 10.5771 13.4726 10.4279 13.5522 10.209C13.7114 9.85075 13.8208 9.48776 13.8805 9.12C13.9402 8.75144 13.9701 8.37811 13.9701 8C13.9701 7.24378 13.826 6.49234 13.5378 5.74567C13.2489 4.9998 12.8159 4.33831 12.2387 3.76119C11.6616 3.18408 11.0101 2.75622 10.2841 2.47761C9.55735 2.199 8.81586 2.0597 8.05964 2.0597L8.59695 1.52239C8.77605 1.34328 8.86083 1.13433 8.85128 0.895522C8.84093 0.656716 8.7462 0.447761 8.5671 0.268657C8.38799 0.0895521 8.17904 0 7.94023 0C7.70143 0 7.49247 0.0895521 7.31337 0.268657L4.95516 2.59701C4.83576 2.71642 4.77605 2.85572 4.77605 3.01493C4.77605 3.17413 4.83576 3.31343 4.95516 3.43284L7.31337 5.76119C7.49247 5.9204 7.70143 6.00478 7.94023 6.01433C8.17904 6.02468 8.38799 5.9403 8.5671 5.76119C8.7462 5.58209 8.83576 5.37313 8.83576 5.13433C8.83576 4.89552 8.7462 4.68657 8.5671 4.50746L7.88053 3.8209C8.41784 3.8209 8.96511 3.92517 9.52232 4.13373C10.0795 4.34308 10.5571 4.64677 10.9552 5.04478C11.3532 5.44279 11.6569 5.9005 11.8662 6.41791C12.0748 6.93532 12.179 7.45274 12.179 7.97015C12.179 8.20895 12.1643 8.44776 12.1349 8.68657C12.1046 8.92537 12.0397 9.15423 11.9402 9.37313C11.8407 9.65174 11.836 9.90527 11.9259 10.1337C12.0151 10.363 12.179 10.5274 12.4178 10.6269ZM7.43277 15.7313C7.61187 15.9104 7.82083 16 8.05964 16C8.29844 16 8.5074 15.9104 8.6865 15.7313L11.0447 13.403C11.1641 13.2836 11.2238 13.1443 11.2238 12.9851C11.2238 12.8259 11.1641 12.6866 11.0447 12.5672L8.6865 10.2388C8.5074 10.0796 8.29844 9.99483 8.05964 9.98448C7.82083 9.97492 7.61187 10.0597 7.43277 10.2388C7.25367 10.4179 7.16411 10.6269 7.16411 10.8657C7.16411 11.1045 7.25367 11.3134 7.43277 11.4925L8.08949 12.1493C7.53227 12.1692 6.99018 12.0796 6.46322 11.8806C5.93546 11.6816 5.46262 11.3731 5.04471 10.9552C4.6467 10.5572 4.34302 10.0995 4.13367 9.58209C3.92511 9.06468 3.82083 8.54726 3.82083 8.02985C3.82083 7.77114 3.83595 7.52716 3.8662 7.29791C3.89566 7.06945 3.96013 6.83582 4.05964 6.59701C4.13924 6.37811 4.14919 6.16398 4.08949 5.95463C4.02979 5.74607 3.91038 5.58209 3.73128 5.46269C3.49247 5.30348 3.23854 5.26368 2.96949 5.34328C2.70123 5.42288 2.51735 5.58209 2.41784 5.8209C2.25864 6.1791 2.15396 6.53214 2.10381 6.88C2.05446 7.22866 2.02979 7.60199 2.02979 8C2.02979 8.75622 2.17904 9.50249 2.47755 10.2388C2.77605 10.9751 3.21387 11.6318 3.79098 12.209C4.36809 12.7861 5.01486 13.2191 5.73128 13.5081C6.4477 13.7962 7.18401 13.9502 7.94023 13.9701L7.43277 14.4776C7.25367 14.6567 7.16411 14.8657 7.16411 15.1045C7.16411 15.3433 7.25367 15.5522 7.43277 15.7313Z' fill='%23004087'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_313_1172'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding-left: 4px;
  transform: translateY(3px);
  display: inline-flex;
}

.icon-requested-changes-approved::after {
  content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_313_1172)'%3E%3Cpath d='M12.4178 10.6269C12.6368 10.7264 12.8608 10.7363 13.0901 10.6567C13.3185 10.5771 13.4726 10.4279 13.5522 10.209C13.7114 9.85075 13.8208 9.48776 13.8805 9.12C13.9402 8.75144 13.9701 8.37811 13.9701 8C13.9701 7.24378 13.826 6.49234 13.5378 5.74567C13.2489 4.9998 12.8159 4.33831 12.2387 3.76119C11.6616 3.18408 11.0101 2.75622 10.2841 2.47761C9.55735 2.199 8.81586 2.0597 8.05964 2.0597L8.59695 1.52239C8.77605 1.34328 8.86083 1.13433 8.85128 0.895522C8.84093 0.656716 8.7462 0.447761 8.5671 0.268657C8.38799 0.0895521 8.17904 0 7.94023 0C7.70143 0 7.49247 0.0895521 7.31337 0.268657L4.95516 2.59701C4.83576 2.71642 4.77605 2.85572 4.77605 3.01493C4.77605 3.17413 4.83576 3.31343 4.95516 3.43284L7.31337 5.76119C7.49247 5.9204 7.70143 6.00478 7.94023 6.01433C8.17904 6.02468 8.38799 5.9403 8.5671 5.76119C8.7462 5.58209 8.83576 5.37313 8.83576 5.13433C8.83576 4.89552 8.7462 4.68657 8.5671 4.50746L7.88053 3.8209C8.41784 3.8209 8.96511 3.92517 9.52232 4.13373C10.0795 4.34308 10.5571 4.64677 10.9552 5.04478C11.3532 5.44279 11.6569 5.9005 11.8662 6.41791C12.0748 6.93532 12.179 7.45274 12.179 7.97015C12.179 8.20895 12.1643 8.44776 12.1349 8.68657C12.1046 8.92537 12.0397 9.15423 11.9402 9.37313C11.8407 9.65174 11.836 9.90527 11.9259 10.1337C12.0151 10.363 12.179 10.5274 12.4178 10.6269ZM7.43277 15.7313C7.61187 15.9104 7.82083 16 8.05964 16C8.29844 16 8.5074 15.9104 8.6865 15.7313L11.0447 13.403C11.1641 13.2836 11.2238 13.1443 11.2238 12.9851C11.2238 12.8259 11.1641 12.6866 11.0447 12.5672L8.6865 10.2388C8.5074 10.0796 8.29844 9.99483 8.05964 9.98448C7.82083 9.97492 7.61187 10.0597 7.43277 10.2388C7.25367 10.4179 7.16411 10.6269 7.16411 10.8657C7.16411 11.1045 7.25367 11.3134 7.43277 11.4925L8.08949 12.1493C7.53227 12.1692 6.99018 12.0796 6.46322 11.8806C5.93546 11.6816 5.46262 11.3731 5.04471 10.9552C4.6467 10.5572 4.34302 10.0995 4.13367 9.58209C3.92511 9.06468 3.82083 8.54726 3.82083 8.02985C3.82083 7.77114 3.83595 7.52716 3.8662 7.29791C3.89566 7.06945 3.96013 6.83582 4.05964 6.59701C4.13924 6.37811 4.14919 6.16398 4.08949 5.95463C4.02979 5.74607 3.91038 5.58209 3.73128 5.46269C3.49247 5.30348 3.23854 5.26368 2.96949 5.34328C2.70123 5.42288 2.51735 5.58209 2.41784 5.8209C2.25864 6.1791 2.15396 6.53214 2.10381 6.88C2.05446 7.22866 2.02979 7.60199 2.02979 8C2.02979 8.75622 2.17904 9.50249 2.47755 10.2388C2.77605 10.9751 3.21387 11.6318 3.79098 12.209C4.36809 12.7861 5.01486 13.2191 5.73128 13.5081C6.4477 13.7962 7.18401 13.9502 7.94023 13.9701L7.43277 14.4776C7.25367 14.6567 7.16411 14.8657 7.16411 15.1045C7.16411 15.3433 7.25367 15.5522 7.43277 15.7313Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_313_1172'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding-left: 4px;
  transform: translateY(3px);
  display: inline-flex;
}

.icon-requested-changes-approved-and-approved::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='16' viewBox='0 0 36 16' fill='none'%3E%3Cg clip-path='url(%23clip0_2490_6181)'%3E%3Cpath d='M12.4178 10.6268C12.6368 10.7263 12.8608 10.7362 13.0901 10.6566C13.3185 10.577 13.4726 10.4277 13.5522 10.2088C13.7114 9.85063 13.8208 9.48765 13.8805 9.11988C13.9402 8.75133 13.9701 8.37799 13.9701 7.99989C13.9701 7.24367 13.826 6.49222 13.5378 5.74556C13.2489 4.99969 12.8159 4.33819 12.2387 3.76108C11.6616 3.18396 11.0101 2.7561 10.2841 2.4775C9.55735 2.19889 8.81586 2.05959 8.05964 2.05959L8.59695 1.52227C8.77605 1.34317 8.86083 1.13421 8.85128 0.895408C8.84093 0.656602 8.7462 0.447647 8.5671 0.268542C8.38799 0.0894377 8.17904 -0.000114441 7.94023 -0.000114441C7.70143 -0.000114441 7.49247 0.0894377 7.31337 0.268542L4.95516 2.5969C4.83576 2.7163 4.77605 2.85561 4.77605 3.01481C4.77605 3.17401 4.83576 3.31332 4.95516 3.43272L7.31337 5.76108C7.49247 5.92028 7.70143 6.00466 7.94023 6.01421C8.17904 6.02456 8.38799 5.94018 8.5671 5.76108C8.7462 5.58197 8.83576 5.37302 8.83576 5.13421C8.83576 4.89541 8.7462 4.68645 8.5671 4.50735L7.88053 3.82078C8.41784 3.82078 8.96511 3.92506 9.52232 4.13362C10.0795 4.34297 10.5571 4.64665 10.9552 5.04466C11.3532 5.44267 11.6569 5.90038 11.8662 6.4178C12.0748 6.93521 12.179 7.45262 12.179 7.97003C12.179 8.20884 12.1643 8.44765 12.1349 8.68645C12.1046 8.92526 12.0397 9.15411 11.9402 9.37302C11.8407 9.65163 11.836 9.90516 11.9259 10.1336C12.0151 10.3629 12.179 10.5272 12.4178 10.6268ZM7.43277 15.7312C7.61187 15.9103 7.82083 15.9999 8.05964 15.9999C8.29844 15.9999 8.5074 15.9103 8.6865 15.7312L11.0447 13.4029C11.1641 13.2835 11.2238 13.1442 11.2238 12.985C11.2238 12.8258 11.1641 12.6865 11.0447 12.567L8.6865 10.2387C8.5074 10.0795 8.29844 9.99471 8.05964 9.98436C7.82083 9.97481 7.61187 10.0596 7.43277 10.2387C7.25367 10.4178 7.16411 10.6268 7.16411 10.8656C7.16411 11.1044 7.25367 11.3133 7.43277 11.4924L8.08949 12.1491C7.53227 12.169 6.99018 12.0795 6.46322 11.8805C5.93546 11.6815 5.46262 11.373 5.04471 10.9551C4.6467 10.5571 4.34302 10.0994 4.13367 9.58197C3.92511 9.06456 3.82083 8.54715 3.82083 8.02974C3.82083 7.77103 3.83595 7.52705 3.8662 7.2978C3.89566 7.06934 3.96013 6.83571 4.05964 6.5969C4.13924 6.37799 4.14919 6.16386 4.08949 5.95451C4.02979 5.74595 3.91038 5.58197 3.73128 5.46257C3.49247 5.30337 3.23854 5.26357 2.96949 5.34317C2.70123 5.42277 2.51735 5.58197 2.41784 5.82078C2.25864 6.17899 2.15396 6.53202 2.10381 6.87989C2.05446 7.22854 2.02979 7.60188 2.02979 7.99989C2.02979 8.7561 2.17904 9.50237 2.47755 10.2387C2.77605 10.975 3.21387 11.6317 3.79098 12.2088C4.36809 12.786 5.01486 13.219 5.73128 13.5079C6.4477 13.7961 7.18401 13.9501 7.94023 13.97L7.43277 14.4775C7.25367 14.6566 7.16411 14.8656 7.16411 15.1044C7.16411 15.3432 7.25367 15.5521 7.43277 15.7312Z' fill='white'/%3E%3C/g%3E%3Cpath d='M34.6101 7.98688C34.7413 7.83649 34.7413 7.60953 34.6101 7.45914L33.3987 6.05914C33.3249 5.97438 33.2894 5.85953 33.303 5.74742L33.5163 3.90992C33.5409 3.70211 33.4015 3.51071 33.1964 3.46696L31.3042 3.07594C31.1921 3.05133 31.0964 2.98297 31.0362 2.88453L30.0655 1.23297C29.9589 1.0525 29.7374 0.984143 29.546 1.07164L27.878 1.84274C27.7714 1.89196 27.6456 1.89196 27.539 1.84274L25.871 1.07164C25.6823 0.984143 25.4554 1.05524 25.3515 1.23571L24.3944 2.8818C24.337 2.98024 24.2386 3.05133 24.1265 3.07594L22.2233 3.46696C22.0183 3.50797 21.8788 3.70211 21.9034 3.90992L22.1167 5.74742C22.1304 5.85953 22.0948 5.97164 22.021 6.05914L20.8069 7.45914C20.6757 7.60953 20.6757 7.83649 20.8069 7.98688L22.021 9.40328C22.0948 9.48805 22.1276 9.60016 22.1167 9.71227L21.9034 11.5498C21.8788 11.7576 22.0183 11.949 22.2233 11.9927L24.1319 12.3838C24.244 12.4056 24.3425 12.4767 24.3999 12.5752L25.3542 14.2076C25.4581 14.388 25.6851 14.4591 25.8737 14.3716L27.5417 13.6005C27.6483 13.5513 27.7741 13.5513 27.8808 13.6005L29.5515 14.3716C29.7401 14.4564 29.9616 14.388 30.0655 14.2103L31.0362 12.5724C31.0937 12.474 31.1894 12.4056 31.3015 12.381L33.1937 11.99C33.3987 11.949 33.5382 11.7548 33.5136 11.547L33.3003 9.70953C33.2866 9.59742 33.3222 9.48531 33.396 9.40055L34.6101 7.98688ZM30.4839 6.54586L27.0632 9.96657C26.8854 10.1443 26.5956 10.1443 26.4179 9.96657L24.9331 8.4818C24.7554 8.30406 24.7554 8.01422 24.9331 7.83649L25.3515 7.41813C25.5292 7.24039 25.819 7.24039 25.9995 7.41813L26.7433 8.16188L29.4202 5.48492C29.5979 5.30719 29.8878 5.30719 30.0683 5.48492L30.4894 5.90328C30.6644 6.07555 30.6644 6.36539 30.4839 6.54586Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='clip0_2490_6181'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding-left: 4px;
  transform: translateY(3px);
  display: inline-flex;
}

.info-icon-black::after {
  vertical-align: top;
  padding-left: 3px;
  cursor: help;
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.5C12.2833 17.5 12.521 17.404 12.713 17.212C12.905 17.02 13.0007 16.7827 13 16.5V12.5C13 12.2167 12.904 11.979 12.712 11.787C12.52 11.595 12.2827 11.4993 12 11.5C11.7167 11.5 11.479 11.596 11.287 11.788C11.095 11.98 10.9993 12.2173 11 12.5V16.5C11 16.7833 11.096 17.021 11.288 17.213C11.48 17.405 11.7173 17.5007 12 17.5ZM12 9.5C12.2833 9.5 12.521 9.404 12.713 9.212C12.905 9.02 13.0007 8.78267 13 8.5C13 8.21667 12.904 7.979 12.712 7.787C12.52 7.595 12.2827 7.49933 12 7.5C11.7167 7.5 11.479 7.596 11.287 7.788C11.095 7.98 10.9993 8.21733 11 8.5C11 8.78333 11.096 9.021 11.288 9.213C11.48 9.405 11.7173 9.50067 12 9.5ZM12 22.5C10.6167 22.5 9.31667 22.2373 8.1 21.712C6.88333 21.1867 5.825 20.4743 4.925 19.575C4.025 18.675 3.31267 17.6167 2.788 16.4C2.26333 15.1833 2.00067 13.8833 2 12.5C2 11.1167 2.26267 9.81667 2.788 8.6C3.31333 7.38333 4.02567 6.325 4.925 5.425C5.825 4.525 6.88333 3.81267 8.1 3.288C9.31667 2.76333 10.6167 2.50067 12 2.5C13.3833 2.5 14.6833 2.76267 15.9 3.288C17.1167 3.81333 18.175 4.52567 19.075 5.425C19.975 6.325 20.6877 7.38333 21.213 8.6C21.7383 9.81667 22.0007 11.1167 22 12.5C22 13.8833 21.7373 15.1833 21.212 16.4C20.6867 17.6167 19.9743 18.675 19.075 19.575C18.175 20.475 17.1167 21.1877 15.9 21.713C14.6833 22.2383 13.3833 22.5007 12 22.5ZM12 20.5C14.2333 20.5 16.125 19.725 17.675 18.175C19.225 16.625 20 14.7333 20 12.5C20 10.2667 19.225 8.375 17.675 6.825C16.125 5.275 14.2333 4.5 12 4.5C9.76667 4.5 7.875 5.275 6.325 6.825C4.775 8.375 4 10.2667 4 12.5C4 14.7333 4.775 16.625 6.325 18.175C7.875 19.725 9.76667 20.5 12 20.5Z' fill='%23141414'/%3E%3C/svg%3E");
}

.info-icon-white::after {
  vertical-align: top;
  padding-left: 3px;
  cursor: help;
  content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.5C12.2833 17.5 12.521 17.404 12.713 17.212C12.905 17.02 13.0007 16.7827 13 16.5V12.5C13 12.2167 12.904 11.979 12.712 11.787C12.52 11.595 12.2827 11.4993 12 11.5C11.7167 11.5 11.479 11.596 11.287 11.788C11.095 11.98 10.9993 12.2173 11 12.5V16.5C11 16.7833 11.096 17.021 11.288 17.213C11.48 17.405 11.7173 17.5007 12 17.5ZM12 9.5C12.2833 9.5 12.521 9.404 12.713 9.212C12.905 9.02 13.0007 8.78267 13 8.5C13 8.21667 12.904 7.979 12.712 7.787C12.52 7.595 12.2827 7.49933 12 7.5C11.7167 7.5 11.479 7.596 11.287 7.788C11.095 7.98 10.9993 8.21733 11 8.5C11 8.78333 11.096 9.021 11.288 9.213C11.48 9.405 11.7173 9.50067 12 9.5ZM12 22.5C10.6167 22.5 9.31667 22.2373 8.1 21.712C6.88333 21.1867 5.825 20.4743 4.925 19.575C4.025 18.675 3.31267 17.6167 2.788 16.4C2.26333 15.1833 2.00067 13.8833 2 12.5C2 11.1167 2.26267 9.81667 2.788 8.6C3.31333 7.38333 4.02567 6.325 4.925 5.425C5.825 4.525 6.88333 3.81267 8.1 3.288C9.31667 2.76333 10.6167 2.50067 12 2.5C13.3833 2.5 14.6833 2.76267 15.9 3.288C17.1167 3.81333 18.175 4.52567 19.075 5.425C19.975 6.325 20.6877 7.38333 21.213 8.6C21.7383 9.81667 22.0007 11.1167 22 12.5C22 13.8833 21.7373 15.1833 21.212 16.4C20.6867 17.6167 19.9743 18.675 19.075 19.575C18.175 20.475 17.1167 21.1877 15.9 21.713C14.6833 22.2383 13.3833 22.5007 12 22.5ZM12 20.5C14.2333 20.5 16.125 19.725 17.675 18.175C19.225 16.625 20 14.7333 20 12.5C20 10.2667 19.225 8.375 17.675 6.825C16.125 5.275 14.2333 4.5 12 4.5C9.76667 4.5 7.875 5.275 6.325 6.825C4.775 8.375 4 10.2667 4 12.5C4 14.7333 4.775 16.625 6.325 18.175C7.875 19.725 9.76667 20.5 12 20.5Z' fill='white'/%3E%3C/svg%3E");
}

.icon-download::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 21.25C20.75 20.5625 20.1875 20 19.5 20L4.5 20C3.8125 20 3.25 20.5625 3.25 21.25C3.25 21.9375 3.8125 22.5 4.5 22.5L19.5 22.5C20.1875 22.5 20.75 21.9375 20.75 21.25ZM17.7375 10L15.75 10L15.75 3.75C15.75 3.0625 15.1875 2.5 14.5 2.5L9.5 2.5C8.8125 2.5 8.25 3.0625 8.25 3.75L8.25 10L6.2625 10C5.15 10 4.5875 11.35 5.375 12.1375L11.1125 17.875C11.2281 17.9909 11.3655 18.0828 11.5167 18.1455C11.6679 18.2083 11.83 18.2406 11.9937 18.2406C12.1575 18.2406 12.3196 18.2083 12.4708 18.1455C12.622 18.0828 12.7594 17.9909 12.875 17.875L18.6125 12.1375C19.4 11.35 18.85 10 17.7375 10Z' fill='%23141414'/%3E%3C/svg%3E");
}

.icon-download-deactivated::after {
  content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.75 21.25C20.75 20.5625 20.1875 20 19.5 20L4.5 20C3.8125 20 3.25 20.5625 3.25 21.25C3.25 21.9375 3.8125 22.5 4.5 22.5L19.5 22.5C20.1875 22.5 20.75 21.9375 20.75 21.25ZM17.7375 10L15.75 10L15.75 3.75C15.75 3.0625 15.1875 2.5 14.5 2.5L9.5 2.5C8.8125 2.5 8.25 3.0625 8.25 3.75L8.25 10L6.2625 10C5.15 10 4.5875 11.35 5.375 12.1375L11.1125 17.875C11.2281 17.9909 11.3655 18.0828 11.5167 18.1455C11.6679 18.2083 11.83 18.2406 11.9937 18.2406C12.1575 18.2406 12.3196 18.2083 12.4708 18.1455C12.622 18.0828 12.7594 17.9909 12.875 17.875L18.6125 12.1375C19.4 11.35 18.85 10 17.7375 10Z' fill='%2388888a'/%3E%3C/svg%3E");
}

.icon-pdf-download::after {
  display: inline-flex;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.55 17.5015C15.3898 17.5015 15.2361 17.4397 15.1228 17.3298C15.0095 17.22 14.9458 17.0709 14.9458 16.9155V13.3354C14.9458 13.18 15.0095 13.031 15.1228 12.9211C15.2361 12.8112 15.3898 12.7495 15.55 12.7495H17.0466C17.2068 12.7495 17.3605 12.8112 17.4738 12.9211C17.5872 13.031 17.6508 13.18 17.6508 13.3354C17.6508 13.4908 17.5872 13.6399 17.4738 13.7498C17.3605 13.8597 17.2068 13.9214 17.0466 13.9214H16.1543V16.9155C16.1543 17.0709 16.0906 17.22 15.9773 17.3298C15.864 17.4397 15.7103 17.5015 15.55 17.5015Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M16.9277 15.6777H15.55C15.3898 15.6777 15.2361 15.616 15.1228 15.5061C15.0095 15.3962 14.9458 15.2472 14.9458 15.0918C14.9458 14.9364 15.0095 14.7874 15.1228 14.6775C15.2361 14.5676 15.3898 14.5059 15.55 14.5059H16.9277C17.088 14.5059 17.2417 14.5676 17.355 14.6775C17.4683 14.7874 17.532 14.9364 17.532 15.0918C17.532 15.2472 17.4683 15.3962 17.355 15.5061C17.2417 15.616 17.088 15.6777 16.9277 15.6777Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M10.9832 17.4435C10.8229 17.4435 10.6692 17.3818 10.5559 17.2719C10.4426 17.162 10.3789 17.013 10.3789 16.8576V13.3396C10.3789 13.1842 10.4426 13.0352 10.5559 12.9253C10.6692 12.8154 10.8229 12.7537 10.9832 12.7537C11.1434 12.7537 11.2971 12.8154 11.4104 12.9253C11.5237 13.0352 11.5874 13.1842 11.5874 13.3396V16.8576C11.5874 17.013 11.5237 17.162 11.4104 17.2719C11.2971 17.3818 11.1434 17.4435 10.9832 17.4435Z' fill='%23141414'/%3E%3Cpath d='M10.9908 17.5016C10.8309 17.5016 10.6775 17.4401 10.5643 17.3306C10.451 17.2212 10.3871 17.0726 10.3866 16.9176C10.3866 16.9047 10.3817 15.6141 10.3817 15.1207C10.3817 14.7129 10.3789 13.3359 10.3789 13.3359C10.3789 13.1805 10.4426 13.0315 10.5559 12.9216C10.6692 12.8117 10.8229 12.75 10.9832 12.75H12.0305C12.6831 12.75 13.2503 13.0199 13.6281 13.5102C13.9536 13.9324 14.1256 14.491 14.1256 15.1258C14.1256 16.4777 13.2616 17.4738 12.0712 17.4937C11.7723 17.4988 11.0259 17.5016 10.9944 17.502L10.9908 17.5016ZM11.5886 13.9215V15.1215C11.5886 15.3949 11.5886 15.9164 11.5914 16.3262C11.7667 16.3262 11.9395 16.3234 12.047 16.3219C12.646 16.3117 12.9139 15.7137 12.9139 15.1254C12.9139 14.843 12.8499 13.9215 12.0277 13.9215H11.5886Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M7.05933 17.5015C6.89907 17.5015 6.74538 17.4397 6.63206 17.3298C6.51874 17.22 6.45508 17.0709 6.45508 16.9155V13.3354C6.45508 13.18 6.51874 13.031 6.63206 12.9211C6.74538 12.8112 6.89907 12.7495 7.05933 12.7495C7.21958 12.7495 7.37328 12.8112 7.48659 12.9211C7.59991 13.031 7.66357 13.18 7.66357 13.3354V16.9155C7.66357 17.0709 7.59991 17.22 7.48659 17.3298C7.37328 17.4397 7.21958 17.5015 7.05933 17.5015Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M7.06853 15.9454C6.9089 15.9454 6.75576 15.8842 6.64254 15.775C6.52933 15.6659 6.46524 15.5178 6.46429 15.363C6.46429 15.3329 6.45945 14.6247 6.45945 14.3446C6.45945 14.1142 6.45703 13.3364 6.45703 13.3364C6.45677 13.2593 6.4722 13.1829 6.50245 13.1116C6.5327 13.0403 6.57716 12.9755 6.6333 12.9208C6.68944 12.8662 6.75614 12.8229 6.82958 12.7933C6.90302 12.7638 6.98176 12.7485 7.06128 12.7485H8.08931C9.00817 12.7485 9.75583 13.4646 9.75583 14.3446C9.75583 15.2247 9.00817 15.9411 8.08931 15.9411C7.80733 15.9411 7.07941 15.9454 7.07216 15.9454H7.06853ZM7.66714 13.9204V14.3446V14.7704H8.08689C8.33504 14.7704 8.54491 14.5751 8.54491 14.3458C8.54491 14.1165 8.33504 13.9216 8.08689 13.9216L7.66714 13.9204Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M18.0451 22H6.06167C5.68962 21.9997 5.33288 21.8563 5.06976 21.6012C4.80664 21.3461 4.65863 21.0002 4.6582 20.6395V19.0332C4.6582 18.8778 4.72186 18.7288 4.83518 18.6189C4.9485 18.509 5.10219 18.4473 5.26245 18.4473C5.42271 18.4473 5.5764 18.509 5.68972 18.6189C5.80304 18.7288 5.8667 18.8778 5.8667 19.0332V20.6395C5.86681 20.6895 5.88739 20.7375 5.92395 20.7729C5.9605 20.8083 6.01003 20.8281 6.06167 20.8281H18.0459C18.0976 20.8281 18.1471 20.8083 18.1836 20.7729C18.2202 20.7375 18.2408 20.6895 18.2409 20.6395V19.0332C18.2409 18.8778 18.3046 18.7288 18.4179 18.6189C18.5312 18.509 18.6849 18.4473 18.8451 18.4473C19.0054 18.4473 19.1591 18.509 19.2724 18.6189C19.3857 18.7288 19.4494 18.8778 19.4494 19.0332V20.6395C19.449 21.0004 19.3008 21.3464 19.0375 21.6015C18.7742 21.8566 18.4173 21.9999 18.0451 22Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M18.8443 12.0359C18.6841 12.0359 18.5304 11.9742 18.4171 11.8643C18.3037 11.7544 18.2401 11.6054 18.2401 11.45V6.64532C18.2398 6.59504 18.2191 6.5469 18.1825 6.51133L14.808 3.22657C14.79 3.20914 14.7686 3.19533 14.7451 3.18594C14.7216 3.17656 14.6964 3.17178 14.671 3.17188H6.06167C6.01003 3.17188 5.9605 3.19174 5.92395 3.22712C5.88739 3.26249 5.86681 3.31048 5.8667 3.36055V11.45C5.8667 11.6054 5.80304 11.7544 5.68972 11.8643C5.5764 11.9742 5.42271 12.0359 5.26245 12.0359C5.10219 12.0359 4.9485 11.9742 4.83518 11.8643C4.72186 11.7544 4.6582 11.6054 4.6582 11.45V3.36055C4.65863 2.99977 4.80664 2.65389 5.06976 2.39882C5.33288 2.14375 5.68962 2.00032 6.06167 2H14.671C14.8553 1.99952 15.0379 2.03448 15.2082 2.10287C15.3785 2.17126 15.5332 2.27173 15.6632 2.39844L19.0385 5.68321C19.1688 5.80934 19.2721 5.9592 19.3425 6.12418C19.4129 6.28916 19.4489 6.466 19.4486 6.64454V11.4492C19.4487 11.5262 19.4331 11.6025 19.4028 11.6737C19.3725 11.7449 19.328 11.8096 19.2719 11.864C19.2158 11.9185 19.1491 11.9618 19.0758 11.9913C19.0024 12.0208 18.9238 12.0359 18.8443 12.0359Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M19.3038 19.6191H4.81274C4.33197 19.6191 3.8709 19.4339 3.53094 19.1042C3.19098 18.7746 3 18.3275 3 17.8613V12.6218C3.00053 12.1558 3.19169 11.709 3.53153 11.3794C3.87137 11.0499 4.33214 10.8645 4.81274 10.864H19.3038C19.7846 10.864 20.2457 11.0492 20.5856 11.3789C20.9256 11.7085 21.1166 12.1556 21.1166 12.6218V17.8613C21.1166 18.3275 20.9256 18.7746 20.5856 19.1042C20.2457 19.4339 19.7846 19.6191 19.3038 19.6191ZM4.81274 12.0359C4.65249 12.0359 4.49879 12.0976 4.38548 12.2075C4.27216 12.3174 4.2085 12.4664 4.2085 12.6218V17.8613C4.2085 18.0167 4.27216 18.1657 4.38548 18.2756C4.49879 18.3855 4.65249 18.4472 4.81274 18.4472H19.3038C19.4641 18.4472 19.6178 18.3855 19.7311 18.2756C19.8444 18.1657 19.9081 18.0167 19.9081 17.8613V12.6218C19.9081 12.4664 19.8444 12.3174 19.7311 12.2075C19.6178 12.0976 19.4641 12.0359 19.3038 12.0359H4.81274Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3C/svg%3E");
}

.icon-pdf-download-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.55 17.5015C15.3898 17.5015 15.2361 17.4397 15.1228 17.3298C15.0095 17.22 14.9458 17.0709 14.9458 16.9155V13.3354C14.9458 13.18 15.0095 13.031 15.1228 12.9211C15.2361 12.8112 15.3898 12.7495 15.55 12.7495H17.0466C17.2068 12.7495 17.3605 12.8112 17.4738 12.9211C17.5872 13.031 17.6508 13.18 17.6508 13.3354C17.6508 13.4908 17.5872 13.6399 17.4738 13.7498C17.3605 13.8597 17.2068 13.9214 17.0466 13.9214H16.1543V16.9155C16.1543 17.0709 16.0906 17.22 15.9773 17.3298C15.864 17.4397 15.7103 17.5015 15.55 17.5015Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M16.9277 15.6777H15.55C15.3898 15.6777 15.2361 15.616 15.1228 15.5061C15.0095 15.3962 14.9458 15.2472 14.9458 15.0918C14.9458 14.9364 15.0095 14.7874 15.1228 14.6775C15.2361 14.5676 15.3898 14.5059 15.55 14.5059H16.9277C17.088 14.5059 17.2417 14.5676 17.355 14.6775C17.4683 14.7874 17.532 14.9364 17.532 15.0918C17.532 15.2472 17.4683 15.3962 17.355 15.5061C17.2417 15.616 17.088 15.6777 16.9277 15.6777Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M10.9832 17.4435C10.8229 17.4435 10.6692 17.3818 10.5559 17.2719C10.4426 17.162 10.3789 17.013 10.3789 16.8576V13.3396C10.3789 13.1842 10.4426 13.0352 10.5559 12.9253C10.6692 12.8154 10.8229 12.7537 10.9832 12.7537C11.1434 12.7537 11.2971 12.8154 11.4104 12.9253C11.5237 13.0352 11.5874 13.1842 11.5874 13.3396V16.8576C11.5874 17.013 11.5237 17.162 11.4104 17.2719C11.2971 17.3818 11.1434 17.4435 10.9832 17.4435Z' fill='%23757575'/%3E%3Cpath d='M10.9908 17.5016C10.8309 17.5016 10.6775 17.4401 10.5643 17.3306C10.451 17.2212 10.3871 17.0726 10.3866 16.9176C10.3866 16.9047 10.3817 15.6141 10.3817 15.1207C10.3817 14.7129 10.3789 13.3359 10.3789 13.3359C10.3789 13.1805 10.4426 13.0315 10.5559 12.9216C10.6692 12.8117 10.8229 12.75 10.9832 12.75H12.0305C12.6831 12.75 13.2503 13.0199 13.6281 13.5102C13.9536 13.9324 14.1256 14.491 14.1256 15.1258C14.1256 16.4777 13.2616 17.4738 12.0712 17.4937C11.7723 17.4988 11.0259 17.5016 10.9944 17.502L10.9908 17.5016ZM11.5886 13.9215V15.1215C11.5886 15.3949 11.5886 15.9164 11.5914 16.3262C11.7667 16.3262 11.9395 16.3234 12.047 16.3219C12.646 16.3117 12.9139 15.7137 12.9139 15.1254C12.9139 14.843 12.8499 13.9215 12.0277 13.9215H11.5886Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M7.05933 17.5015C6.89907 17.5015 6.74538 17.4397 6.63206 17.3298C6.51874 17.22 6.45508 17.0709 6.45508 16.9155V13.3354C6.45508 13.18 6.51874 13.031 6.63206 12.9211C6.74538 12.8112 6.89907 12.7495 7.05933 12.7495C7.21958 12.7495 7.37328 12.8112 7.48659 12.9211C7.59991 13.031 7.66357 13.18 7.66357 13.3354V16.9155C7.66357 17.0709 7.59991 17.22 7.48659 17.3298C7.37328 17.4397 7.21958 17.5015 7.05933 17.5015Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M7.06853 15.9454C6.9089 15.9454 6.75576 15.8842 6.64254 15.775C6.52933 15.6659 6.46524 15.5178 6.46429 15.363C6.46429 15.3329 6.45945 14.6247 6.45945 14.3446C6.45945 14.1142 6.45703 13.3364 6.45703 13.3364C6.45677 13.2593 6.4722 13.1829 6.50245 13.1116C6.5327 13.0403 6.57716 12.9755 6.6333 12.9208C6.68944 12.8662 6.75614 12.8229 6.82958 12.7933C6.90302 12.7638 6.98176 12.7485 7.06128 12.7485H8.08931C9.00817 12.7485 9.75583 13.4646 9.75583 14.3446C9.75583 15.2247 9.00817 15.9411 8.08931 15.9411C7.80733 15.9411 7.07941 15.9454 7.07216 15.9454H7.06853ZM7.66714 13.9204V14.3446V14.7704H8.08689C8.33504 14.7704 8.54491 14.5751 8.54491 14.3458C8.54491 14.1165 8.33504 13.9216 8.08689 13.9216L7.66714 13.9204Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M18.0451 22H6.06167C5.68962 21.9997 5.33288 21.8563 5.06976 21.6012C4.80664 21.3461 4.65863 21.0002 4.6582 20.6395V19.0332C4.6582 18.8778 4.72186 18.7288 4.83518 18.6189C4.9485 18.509 5.10219 18.4473 5.26245 18.4473C5.42271 18.4473 5.5764 18.509 5.68972 18.6189C5.80304 18.7288 5.8667 18.8778 5.8667 19.0332V20.6395C5.86681 20.6895 5.88739 20.7375 5.92395 20.7729C5.9605 20.8083 6.01003 20.8281 6.06167 20.8281H18.0459C18.0976 20.8281 18.1471 20.8083 18.1836 20.7729C18.2202 20.7375 18.2408 20.6895 18.2409 20.6395V19.0332C18.2409 18.8778 18.3046 18.7288 18.4179 18.6189C18.5312 18.509 18.6849 18.4473 18.8451 18.4473C19.0054 18.4473 19.1591 18.509 19.2724 18.6189C19.3857 18.7288 19.4494 18.8778 19.4494 19.0332V20.6395C19.449 21.0004 19.3008 21.3464 19.0375 21.6015C18.7742 21.8566 18.4173 21.9999 18.0451 22Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M18.8443 12.0359C18.6841 12.0359 18.5304 11.9742 18.4171 11.8643C18.3037 11.7544 18.2401 11.6054 18.2401 11.45V6.64532C18.2398 6.59504 18.2191 6.5469 18.1825 6.51133L14.808 3.22657C14.79 3.20914 14.7686 3.19533 14.7451 3.18594C14.7216 3.17656 14.6964 3.17178 14.671 3.17188H6.06167C6.01003 3.17188 5.9605 3.19174 5.92395 3.22712C5.88739 3.26249 5.86681 3.31048 5.8667 3.36055V11.45C5.8667 11.6054 5.80304 11.7544 5.68972 11.8643C5.5764 11.9742 5.42271 12.0359 5.26245 12.0359C5.10219 12.0359 4.9485 11.9742 4.83518 11.8643C4.72186 11.7544 4.6582 11.6054 4.6582 11.45V3.36055C4.65863 2.99977 4.80664 2.65389 5.06976 2.39882C5.33288 2.14375 5.68962 2.00032 6.06167 2H14.671C14.8553 1.99952 15.0379 2.03448 15.2082 2.10287C15.3785 2.17126 15.5332 2.27173 15.6632 2.39844L19.0385 5.68321C19.1688 5.80934 19.2721 5.9592 19.3425 6.12418C19.4129 6.28916 19.4489 6.466 19.4486 6.64454V11.4492C19.4487 11.5262 19.4331 11.6025 19.4028 11.6737C19.3725 11.7449 19.328 11.8096 19.2719 11.864C19.2158 11.9185 19.1491 11.9618 19.0758 11.9913C19.0024 12.0208 18.9238 12.0359 18.8443 12.0359Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M19.3038 19.6191H4.81274C4.33197 19.6191 3.8709 19.4339 3.53094 19.1042C3.19098 18.7746 3 18.3275 3 17.8613V12.6218C3.00053 12.1558 3.19169 11.709 3.53153 11.3794C3.87137 11.0499 4.33214 10.8645 4.81274 10.864H19.3038C19.7846 10.864 20.2457 11.0492 20.5856 11.3789C20.9256 11.7085 21.1166 12.1556 21.1166 12.6218V17.8613C21.1166 18.3275 20.9256 18.7746 20.5856 19.1042C20.2457 19.4339 19.7846 19.6191 19.3038 19.6191ZM4.81274 12.0359C4.65249 12.0359 4.49879 12.0976 4.38548 12.2075C4.27216 12.3174 4.2085 12.4664 4.2085 12.6218V17.8613C4.2085 18.0167 4.27216 18.1657 4.38548 18.2756C4.49879 18.3855 4.65249 18.4472 4.81274 18.4472H19.3038C19.4641 18.4472 19.6178 18.3855 19.7311 18.2756C19.8444 18.1657 19.9081 18.0167 19.9081 17.8613V12.6218C19.9081 12.4664 19.8444 12.3174 19.7311 12.2075C19.6178 12.0976 19.4641 12.0359 19.3038 12.0359H4.81274Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3C/svg%3E");
}

.icon-xls-download::after {
  display: inline-flex;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9781 17.5019C11.5865 17.5019 11.56 17.4968 11.5136 17.4886C11.3747 17.4638 11.249 17.3926 11.1586 17.2874C11.0681 17.1821 11.0186 17.0494 11.0186 16.9124V13.3354C11.0186 13.18 11.0822 13.031 11.1955 12.9211C11.3089 12.8112 11.4625 12.7495 11.6228 12.7495C11.7831 12.7495 11.9368 12.8112 12.0501 12.9211C12.1634 13.031 12.2271 13.18 12.2271 13.3354V16.3292L12.8192 16.3265H12.8228C12.9831 16.326 13.137 16.3873 13.2506 16.4968C13.3643 16.6064 13.4284 16.7552 13.4289 16.9106C13.4294 17.066 13.3662 17.2153 13.2532 17.3255C13.1402 17.4357 12.9867 17.4979 12.8265 17.4983C12.4333 17.5007 12.1646 17.5019 11.9781 17.5019Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M15.9552 17.5015C15.2829 17.5015 14.6508 17.2378 14.221 16.7784C14.1677 16.7214 14.1265 16.6548 14.0998 16.5823C14.0731 16.5099 14.0613 16.433 14.0652 16.3562C14.0691 16.2793 14.0885 16.2039 14.1225 16.1344C14.1564 16.0648 14.2041 16.0024 14.2629 15.9507C14.3217 15.899 14.3904 15.8591 14.4652 15.8332C14.5399 15.8072 14.6191 15.7958 14.6984 15.7996C14.7777 15.8034 14.8554 15.8222 14.9271 15.8551C14.9989 15.888 15.0632 15.9343 15.1165 15.9913C15.3147 16.2031 15.6281 16.3296 15.9552 16.3296C16.2626 16.3296 16.4386 16.1546 16.4596 16.0366C16.4841 15.9031 16.2634 15.7738 16.0668 15.7034C15.4899 15.4972 14.9771 15.2757 14.9558 15.2663C14.9267 15.2538 14.8987 15.239 14.872 15.2222C14.6592 15.089 14.4906 14.899 14.3865 14.6751C14.2824 14.4512 14.2471 14.2029 14.2851 13.9601C14.3656 13.4281 14.7628 12.9952 15.3264 12.8308C16.1901 12.5784 16.9941 12.9788 17.3329 13.255L16.5554 14.1534L16.5603 14.1574C16.5603 14.1793 16.1244 13.823 15.674 13.9542C15.5629 13.987 15.492 14.0503 15.4807 14.1284C15.4771 14.1453 15.4777 14.1627 15.4824 14.1793C15.4872 14.1959 15.496 14.2111 15.5081 14.2238C15.6567 14.2866 16.0563 14.4527 16.4841 14.6054C17.4985 14.9683 17.7506 15.6898 17.6487 16.2441C17.515 16.9718 16.8028 17.5015 15.9552 17.5015Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M9.82372 17.5017C9.72672 17.5017 9.63114 17.4792 9.54503 17.4359C9.45893 17.3926 9.38485 17.3298 9.32904 17.2529L6.73199 13.6728C6.6844 13.6099 6.65022 13.5385 6.63145 13.4628C6.61268 13.387 6.60969 13.3083 6.62267 13.2314C6.63564 13.1544 6.66431 13.0808 6.707 13.0148C6.74969 12.9487 6.80554 12.8916 6.87128 12.8467C6.93702 12.8019 7.01133 12.7702 7.08986 12.7535C7.16838 12.7369 7.24955 12.7356 7.3286 12.7497C7.40765 12.7638 7.483 12.7931 7.55023 12.8359C7.61746 12.8786 7.67522 12.9339 7.72013 12.9986L10.3172 16.5786C10.3808 16.6663 10.4184 16.7693 10.4258 16.8763C10.4333 16.9833 10.4103 17.0902 10.3594 17.1854C10.3085 17.2806 10.2317 17.3605 10.1372 17.4162C10.0427 17.472 9.93431 17.5015 9.82372 17.5017Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M7.03915 17.5016C6.92843 17.5016 6.81982 17.4722 6.72518 17.4165C6.63054 17.3607 6.55352 17.2809 6.50251 17.1856C6.4515 17.0903 6.42848 16.9832 6.43595 16.8761C6.44342 16.769 6.4811 16.6659 6.54488 16.5781L9.14556 12.9981C9.19127 12.9351 9.2493 12.8816 9.31636 12.8404C9.38342 12.7992 9.45818 12.7713 9.53638 12.7581C9.61457 12.745 9.69468 12.7469 9.77211 12.7638C9.84955 12.7806 9.9228 12.8121 9.98768 12.8565C10.0526 12.9008 10.1078 12.9571 10.1503 13.0221C10.1927 13.0871 10.2215 13.1596 10.2351 13.2354C10.2487 13.3113 10.2467 13.3889 10.2293 13.464C10.2119 13.5391 10.1794 13.6101 10.1337 13.6731L7.53302 17.2531C7.47725 17.3299 7.40328 17.3925 7.31733 17.4357C7.23138 17.479 7.13598 17.5016 7.03915 17.5016Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M18.0451 22H6.06167C5.68962 21.9997 5.33288 21.8563 5.06976 21.6012C4.80664 21.3461 4.65863 21.0002 4.6582 20.6395V19.0332C4.6582 18.8778 4.72186 18.7288 4.83518 18.6189C4.9485 18.509 5.10219 18.4473 5.26245 18.4473C5.42271 18.4473 5.5764 18.509 5.68972 18.6189C5.80304 18.7288 5.8667 18.8778 5.8667 19.0332V20.6395C5.86681 20.6895 5.88739 20.7375 5.92395 20.7729C5.9605 20.8083 6.01003 20.8281 6.06167 20.8281H18.0459C18.0976 20.8281 18.1471 20.8083 18.1836 20.7729C18.2202 20.7375 18.2408 20.6895 18.2409 20.6395V19.0332C18.2409 18.8778 18.3046 18.7288 18.4179 18.6189C18.5312 18.509 18.6849 18.4473 18.8451 18.4473C19.0054 18.4473 19.1591 18.509 19.2724 18.6189C19.3857 18.7288 19.4494 18.8778 19.4494 19.0332V20.6395C19.449 21.0004 19.3008 21.3464 19.0375 21.6015C18.7742 21.8566 18.4173 21.9999 18.0451 22Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M18.8443 12.0359C18.6841 12.0359 18.5304 11.9742 18.4171 11.8643C18.3037 11.7544 18.2401 11.6054 18.2401 11.45V6.64532C18.2398 6.59504 18.2191 6.5469 18.1825 6.51133L14.808 3.22657C14.79 3.20914 14.7686 3.19533 14.7451 3.18594C14.7216 3.17656 14.6964 3.17178 14.671 3.17188H6.06167C6.01003 3.17188 5.9605 3.19174 5.92395 3.22712C5.88739 3.26249 5.86681 3.31048 5.8667 3.36055V11.45C5.8667 11.6054 5.80304 11.7544 5.68972 11.8643C5.5764 11.9742 5.42271 12.0359 5.26245 12.0359C5.10219 12.0359 4.9485 11.9742 4.83518 11.8643C4.72186 11.7544 4.6582 11.6054 4.6582 11.45V3.36055C4.65863 2.99977 4.80664 2.65389 5.06976 2.39882C5.33288 2.14375 5.68962 2.00032 6.06167 2H14.671C14.8553 1.99952 15.0379 2.03448 15.2082 2.10287C15.3785 2.17126 15.5332 2.27173 15.6632 2.39844L19.0385 5.68321C19.1688 5.80934 19.2721 5.9592 19.3425 6.12418C19.4129 6.28916 19.4489 6.466 19.4486 6.64454V11.4492C19.4487 11.5262 19.4331 11.6025 19.4028 11.6737C19.3725 11.7449 19.328 11.8096 19.2719 11.864C19.2158 11.9185 19.1491 11.9618 19.0758 11.9913C19.0024 12.0208 18.9238 12.0359 18.8443 12.0359Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3Cpath d='M19.3038 19.6191H4.81274C4.33197 19.6191 3.8709 19.4339 3.53094 19.1042C3.19098 18.7746 3 18.3275 3 17.8613V12.6218C3.00053 12.1558 3.19169 11.709 3.53153 11.3794C3.87137 11.0499 4.33214 10.8645 4.81274 10.864H19.3038C19.7846 10.864 20.2457 11.0492 20.5856 11.3789C20.9256 11.7085 21.1166 12.1556 21.1166 12.6218V17.8613C21.1166 18.3275 20.9256 18.7746 20.5856 19.1042C20.2457 19.4339 19.7846 19.6191 19.3038 19.6191ZM4.81274 12.0359C4.65249 12.0359 4.49879 12.0976 4.38548 12.2075C4.27216 12.3174 4.2085 12.4664 4.2085 12.6218V17.8613C4.2085 18.0167 4.27216 18.1657 4.38548 18.2756C4.49879 18.3855 4.65249 18.4472 4.81274 18.4472H19.3038C19.4641 18.4472 19.6178 18.3855 19.7311 18.2756C19.8444 18.1657 19.9081 18.0167 19.9081 17.8613V12.6218C19.9081 12.4664 19.8444 12.3174 19.7311 12.2075C19.6178 12.0976 19.4641 12.0359 19.3038 12.0359H4.81274Z' fill='%23141414' stroke='%23141414' stroke-width='0.3'/%3E%3C/svg%3E");
}

.icon-xls-download-deactivated::after {
  display: inline-flex;
  margin-top: 2px;
  width: 24px;
  height: 24px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.9781 17.5019C11.5865 17.5019 11.56 17.4968 11.5136 17.4886C11.3747 17.4638 11.249 17.3926 11.1586 17.2874C11.0681 17.1821 11.0186 17.0494 11.0186 16.9124V13.3354C11.0186 13.18 11.0822 13.031 11.1955 12.9211C11.3089 12.8112 11.4625 12.7495 11.6228 12.7495C11.7831 12.7495 11.9368 12.8112 12.0501 12.9211C12.1634 13.031 12.2271 13.18 12.2271 13.3354V16.3292L12.8192 16.3265H12.8228C12.9831 16.326 13.137 16.3873 13.2506 16.4968C13.3643 16.6064 13.4284 16.7552 13.4289 16.9106C13.4294 17.066 13.3662 17.2153 13.2532 17.3255C13.1402 17.4357 12.9867 17.4979 12.8265 17.4983C12.4333 17.5007 12.1646 17.5019 11.9781 17.5019Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M15.9552 17.5015C15.2829 17.5015 14.6508 17.2378 14.221 16.7784C14.1677 16.7214 14.1265 16.6548 14.0998 16.5823C14.0731 16.5099 14.0613 16.433 14.0652 16.3562C14.0691 16.2793 14.0885 16.2039 14.1225 16.1344C14.1564 16.0648 14.2041 16.0024 14.2629 15.9507C14.3217 15.899 14.3904 15.8591 14.4652 15.8332C14.5399 15.8072 14.6191 15.7958 14.6984 15.7996C14.7777 15.8034 14.8554 15.8222 14.9271 15.8551C14.9989 15.888 15.0632 15.9343 15.1165 15.9913C15.3147 16.2031 15.6281 16.3296 15.9552 16.3296C16.2626 16.3296 16.4386 16.1546 16.4596 16.0366C16.4841 15.9031 16.2634 15.7738 16.0668 15.7034C15.4899 15.4972 14.9771 15.2757 14.9558 15.2663C14.9267 15.2538 14.8987 15.239 14.872 15.2222C14.6592 15.089 14.4906 14.899 14.3865 14.6751C14.2824 14.4512 14.2471 14.2029 14.2851 13.9601C14.3656 13.4281 14.7628 12.9952 15.3264 12.8308C16.1901 12.5784 16.9941 12.9788 17.3329 13.255L16.5554 14.1534L16.5603 14.1574C16.5603 14.1793 16.1244 13.823 15.674 13.9542C15.5629 13.987 15.492 14.0503 15.4807 14.1284C15.4771 14.1453 15.4777 14.1627 15.4824 14.1793C15.4872 14.1959 15.496 14.2111 15.5081 14.2238C15.6567 14.2866 16.0563 14.4527 16.4841 14.6054C17.4985 14.9683 17.7506 15.6898 17.6487 16.2441C17.515 16.9718 16.8028 17.5015 15.9552 17.5015Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M9.82372 17.5017C9.72672 17.5017 9.63114 17.4792 9.54503 17.4359C9.45893 17.3926 9.38485 17.3298 9.32904 17.2529L6.73199 13.6728C6.6844 13.6099 6.65022 13.5385 6.63145 13.4628C6.61268 13.387 6.60969 13.3083 6.62267 13.2314C6.63564 13.1544 6.66431 13.0808 6.707 13.0148C6.74969 12.9487 6.80554 12.8916 6.87128 12.8467C6.93702 12.8019 7.01133 12.7702 7.08986 12.7535C7.16838 12.7369 7.24955 12.7356 7.3286 12.7497C7.40765 12.7638 7.483 12.7931 7.55023 12.8359C7.61746 12.8786 7.67522 12.9339 7.72013 12.9986L10.3172 16.5786C10.3808 16.6663 10.4184 16.7693 10.4258 16.8763C10.4333 16.9833 10.4103 17.0902 10.3594 17.1854C10.3085 17.2806 10.2317 17.3605 10.1372 17.4162C10.0427 17.472 9.93431 17.5015 9.82372 17.5017Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M7.03915 17.5016C6.92843 17.5016 6.81982 17.4722 6.72518 17.4165C6.63054 17.3607 6.55352 17.2809 6.50251 17.1856C6.4515 17.0903 6.42848 16.9832 6.43595 16.8761C6.44342 16.769 6.4811 16.6659 6.54488 16.5781L9.14556 12.9981C9.19127 12.9351 9.2493 12.8816 9.31636 12.8404C9.38342 12.7992 9.45818 12.7713 9.53638 12.7581C9.61457 12.745 9.69468 12.7469 9.77211 12.7638C9.84955 12.7806 9.9228 12.8121 9.98768 12.8565C10.0526 12.9008 10.1078 12.9571 10.1503 13.0221C10.1927 13.0871 10.2215 13.1596 10.2351 13.2354C10.2487 13.3113 10.2467 13.3889 10.2293 13.464C10.2119 13.5391 10.1794 13.6101 10.1337 13.6731L7.53302 17.2531C7.47725 17.3299 7.40328 17.3925 7.31733 17.4357C7.23138 17.479 7.13598 17.5016 7.03915 17.5016Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M18.0451 22H6.06167C5.68962 21.9997 5.33288 21.8563 5.06976 21.6012C4.80664 21.3461 4.65863 21.0002 4.6582 20.6395V19.0332C4.6582 18.8778 4.72186 18.7288 4.83518 18.6189C4.9485 18.509 5.10219 18.4473 5.26245 18.4473C5.42271 18.4473 5.5764 18.509 5.68972 18.6189C5.80304 18.7288 5.8667 18.8778 5.8667 19.0332V20.6395C5.86681 20.6895 5.88739 20.7375 5.92395 20.7729C5.9605 20.8083 6.01003 20.8281 6.06167 20.8281H18.0459C18.0976 20.8281 18.1471 20.8083 18.1836 20.7729C18.2202 20.7375 18.2408 20.6895 18.2409 20.6395V19.0332C18.2409 18.8778 18.3046 18.7288 18.4179 18.6189C18.5312 18.509 18.6849 18.4473 18.8451 18.4473C19.0054 18.4473 19.1591 18.509 19.2724 18.6189C19.3857 18.7288 19.4494 18.8778 19.4494 19.0332V20.6395C19.449 21.0004 19.3008 21.3464 19.0375 21.6015C18.7742 21.8566 18.4173 21.9999 18.0451 22Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M18.8443 12.0359C18.6841 12.0359 18.5304 11.9742 18.4171 11.8643C18.3037 11.7544 18.2401 11.6054 18.2401 11.45V6.64532C18.2398 6.59504 18.2191 6.5469 18.1825 6.51133L14.808 3.22657C14.79 3.20914 14.7686 3.19533 14.7451 3.18594C14.7216 3.17656 14.6964 3.17178 14.671 3.17188H6.06167C6.01003 3.17188 5.9605 3.19174 5.92395 3.22712C5.88739 3.26249 5.86681 3.31048 5.8667 3.36055V11.45C5.8667 11.6054 5.80304 11.7544 5.68972 11.8643C5.5764 11.9742 5.42271 12.0359 5.26245 12.0359C5.10219 12.0359 4.9485 11.9742 4.83518 11.8643C4.72186 11.7544 4.6582 11.6054 4.6582 11.45V3.36055C4.65863 2.99977 4.80664 2.65389 5.06976 2.39882C5.33288 2.14375 5.68962 2.00032 6.06167 2H14.671C14.8553 1.99952 15.0379 2.03448 15.2082 2.10287C15.3785 2.17126 15.5332 2.27173 15.6632 2.39844L19.0385 5.68321C19.1688 5.80934 19.2721 5.9592 19.3425 6.12418C19.4129 6.28916 19.4489 6.466 19.4486 6.64454V11.4492C19.4487 11.5262 19.4331 11.6025 19.4028 11.6737C19.3725 11.7449 19.328 11.8096 19.2719 11.864C19.2158 11.9185 19.1491 11.9618 19.0758 11.9913C19.0024 12.0208 18.9238 12.0359 18.8443 12.0359Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3Cpath d='M19.3038 19.6191H4.81274C4.33197 19.6191 3.8709 19.4339 3.53094 19.1042C3.19098 18.7746 3 18.3275 3 17.8613V12.6218C3.00053 12.1558 3.19169 11.709 3.53153 11.3794C3.87137 11.0499 4.33214 10.8645 4.81274 10.864H19.3038C19.7846 10.864 20.2457 11.0492 20.5856 11.3789C20.9256 11.7085 21.1166 12.1556 21.1166 12.6218V17.8613C21.1166 18.3275 20.9256 18.7746 20.5856 19.1042C20.2457 19.4339 19.7846 19.6191 19.3038 19.6191ZM4.81274 12.0359C4.65249 12.0359 4.49879 12.0976 4.38548 12.2075C4.27216 12.3174 4.2085 12.4664 4.2085 12.6218V17.8613C4.2085 18.0167 4.27216 18.1657 4.38548 18.2756C4.49879 18.3855 4.65249 18.4472 4.81274 18.4472H19.3038C19.4641 18.4472 19.6178 18.3855 19.7311 18.2756C19.8444 18.1657 19.9081 18.0167 19.9081 17.8613V12.6218C19.9081 12.4664 19.8444 12.3174 19.7311 12.2075C19.6178 12.0976 19.4641 12.0359 19.3038 12.0359H4.81274Z' fill='%23757575' stroke='%23757575' stroke-width='0.3'/%3E%3C/svg%3E");
}

.icon-dropdown-menu::after {
  content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33333 17.3335C6.06667 17.3335 6.66667 16.7335 6.66667 16.0002C6.66667 15.2668 6.06667 14.6668 5.33333 14.6668C4.6 14.6668 4 15.2668 4 16.0002C4 16.7335 4.6 17.3335 5.33333 17.3335ZM5.33333 22.6668C6.06667 22.6668 6.66667 22.0668 6.66667 21.3335C6.66667 20.6002 6.06667 20.0002 5.33333 20.0002C4.6 20.0002 4 20.6002 4 21.3335C4 22.0668 4.6 22.6668 5.33333 22.6668ZM5.33333 12.0002C6.06667 12.0002 6.66667 11.4002 6.66667 10.6668C6.66667 9.9335 6.06667 9.3335 5.33333 9.3335C4.6 9.3335 4 9.9335 4 10.6668C4 11.4002 4.6 12.0002 5.33333 12.0002ZM10.6667 17.3335H26.6667C27.4 17.3335 28 16.7335 28 16.0002C28 15.2668 27.4 14.6668 26.6667 14.6668H10.6667C9.93333 14.6668 9.33333 15.2668 9.33333 16.0002C9.33333 16.7335 9.93333 17.3335 10.6667 17.3335ZM10.6667 22.6668H26.6667C27.4 22.6668 28 22.0668 28 21.3335C28 20.6002 27.4 20.0002 26.6667 20.0002H10.6667C9.93333 20.0002 9.33333 20.6002 9.33333 21.3335C9.33333 22.0668 9.93333 22.6668 10.6667 22.6668ZM9.33333 10.6668C9.33333 11.4002 9.93333 12.0002 10.6667 12.0002H26.6667C27.4 12.0002 28 11.4002 28 10.6668C28 9.9335 27.4 9.3335 26.6667 9.3335H10.6667C9.93333 9.3335 9.33333 9.9335 9.33333 10.6668ZM5.33333 17.3335C6.06667 17.3335 6.66667 16.7335 6.66667 16.0002C6.66667 15.2668 6.06667 14.6668 5.33333 14.6668C4.6 14.6668 4 15.2668 4 16.0002C4 16.7335 4.6 17.3335 5.33333 17.3335ZM5.33333 22.6668C6.06667 22.6668 6.66667 22.0668 6.66667 21.3335C6.66667 20.6002 6.06667 20.0002 5.33333 20.0002C4.6 20.0002 4 20.6002 4 21.3335C4 22.0668 4.6 22.6668 5.33333 22.6668ZM5.33333 12.0002C6.06667 12.0002 6.66667 11.4002 6.66667 10.6668C6.66667 9.9335 6.06667 9.3335 5.33333 9.3335C4.6 9.3335 4 9.9335 4 10.6668C4 11.4002 4.6 12.0002 5.33333 12.0002ZM10.6667 17.3335H26.6667C27.4 17.3335 28 16.7335 28 16.0002C28 15.2668 27.4 14.6668 26.6667 14.6668H10.6667C9.93333 14.6668 9.33333 15.2668 9.33333 16.0002C9.33333 16.7335 9.93333 17.3335 10.6667 17.3335ZM10.6667 22.6668H26.6667C27.4 22.6668 28 22.0668 28 21.3335C28 20.6002 27.4 20.0002 26.6667 20.0002H10.6667C9.93333 20.0002 9.33333 20.6002 9.33333 21.3335C9.33333 22.0668 9.93333 22.6668 10.6667 22.6668ZM9.33333 10.6668C9.33333 11.4002 9.93333 12.0002 10.6667 12.0002H26.6667C27.4 12.0002 28 11.4002 28 10.6668C28 9.9335 27.4 9.3335 26.6667 9.3335H10.6667C9.93333 9.3335 9.33333 9.9335 9.33333 10.6668Z' fill='black'/%3E%3C/svg%3E");
}

.icon-dropdown-menu-before::before {
  display: inline-block;
  transform: translateY(10px);
  content: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33333 17.3335C6.06667 17.3335 6.66667 16.7335 6.66667 16.0002C6.66667 15.2668 6.06667 14.6668 5.33333 14.6668C4.6 14.6668 4 15.2668 4 16.0002C4 16.7335 4.6 17.3335 5.33333 17.3335ZM5.33333 22.6668C6.06667 22.6668 6.66667 22.0668 6.66667 21.3335C6.66667 20.6002 6.06667 20.0002 5.33333 20.0002C4.6 20.0002 4 20.6002 4 21.3335C4 22.0668 4.6 22.6668 5.33333 22.6668ZM5.33333 12.0002C6.06667 12.0002 6.66667 11.4002 6.66667 10.6668C6.66667 9.9335 6.06667 9.3335 5.33333 9.3335C4.6 9.3335 4 9.9335 4 10.6668C4 11.4002 4.6 12.0002 5.33333 12.0002ZM10.6667 17.3335H26.6667C27.4 17.3335 28 16.7335 28 16.0002C28 15.2668 27.4 14.6668 26.6667 14.6668H10.6667C9.93333 14.6668 9.33333 15.2668 9.33333 16.0002C9.33333 16.7335 9.93333 17.3335 10.6667 17.3335ZM10.6667 22.6668H26.6667C27.4 22.6668 28 22.0668 28 21.3335C28 20.6002 27.4 20.0002 26.6667 20.0002H10.6667C9.93333 20.0002 9.33333 20.6002 9.33333 21.3335C9.33333 22.0668 9.93333 22.6668 10.6667 22.6668ZM9.33333 10.6668C9.33333 11.4002 9.93333 12.0002 10.6667 12.0002H26.6667C27.4 12.0002 28 11.4002 28 10.6668C28 9.9335 27.4 9.3335 26.6667 9.3335H10.6667C9.93333 9.3335 9.33333 9.9335 9.33333 10.6668ZM5.33333 17.3335C6.06667 17.3335 6.66667 16.7335 6.66667 16.0002C6.66667 15.2668 6.06667 14.6668 5.33333 14.6668C4.6 14.6668 4 15.2668 4 16.0002C4 16.7335 4.6 17.3335 5.33333 17.3335ZM5.33333 22.6668C6.06667 22.6668 6.66667 22.0668 6.66667 21.3335C6.66667 20.6002 6.06667 20.0002 5.33333 20.0002C4.6 20.0002 4 20.6002 4 21.3335C4 22.0668 4.6 22.6668 5.33333 22.6668ZM5.33333 12.0002C6.06667 12.0002 6.66667 11.4002 6.66667 10.6668C6.66667 9.9335 6.06667 9.3335 5.33333 9.3335C4.6 9.3335 4 9.9335 4 10.6668C4 11.4002 4.6 12.0002 5.33333 12.0002ZM10.6667 17.3335H26.6667C27.4 17.3335 28 16.7335 28 16.0002C28 15.2668 27.4 14.6668 26.6667 14.6668H10.6667C9.93333 14.6668 9.33333 15.2668 9.33333 16.0002C9.33333 16.7335 9.93333 17.3335 10.6667 17.3335ZM10.6667 22.6668H26.6667C27.4 22.6668 28 22.0668 28 21.3335C28 20.6002 27.4 20.0002 26.6667 20.0002H10.6667C9.93333 20.0002 9.33333 20.6002 9.33333 21.3335C9.33333 22.0668 9.93333 22.6668 10.6667 22.6668ZM9.33333 10.6668C9.33333 11.4002 9.93333 12.0002 10.6667 12.0002H26.6667C27.4 12.0002 28 11.4002 28 10.6668C28 9.9335 27.4 9.3335 26.6667 9.3335H10.6667C9.93333 9.3335 9.33333 9.9335 9.33333 10.6668Z' fill='black'/%3E%3C/svg%3E");
}

a.view-btn-deactivated {
  color: var(--state-disabled) !important;
  text-decoration: none !important;
}

.unchecked-style {
  background-color: #000 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.unchecked-blocked-style {
  background-color: var(--red) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.modal-switch:checked {
  background-position: left center !important;
  background-color: var(--red) !important;
}

.modal-switch.form-check-input:not(:checked) {
  background-color: #000 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
  background-position: right center;
}

.switch-positive:checked {
  background-color: #004087 !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.switch-deactivated.form-check-input:not(:checked),
.switch-deactivated:checked {
  background-color: var(--state-disabled) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;
}

.switch-off {
  background-position: left center !important;
}

.switch-on {
  background-position: right center !important;
}

.error-icon::after {
  transform: translateY(4px);
  margin: 0 8px;
  display: inline-flex;
  align-items: center;
  content: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5148 13.7814C11.8051 13.7814 12.0836 13.666 12.2889 13.4607C12.4942 13.2554 12.6095 12.977 12.6095 12.6866V7.61717C12.6095 7.32683 12.4942 7.04837 12.2889 6.84307C12.0836 6.63777 11.8051 6.52243 11.5148 6.52243C11.2244 6.52243 10.946 6.63777 10.7407 6.84307C10.5354 7.04837 10.4201 7.32683 10.4201 7.61717V12.6698C10.4178 12.815 10.4445 12.9591 10.4985 13.0939C10.5525 13.2287 10.6328 13.3514 10.7347 13.4548C10.8366 13.5583 10.958 13.6404 11.0919 13.6965C11.2259 13.7525 11.3696 13.7814 11.5148 13.7814Z' fill='%23CE0F3E' stroke='%23CE0F3E' stroke-width='0.4'/%3E%3Cpath d='M11.4673 17.5431C12.1649 17.5431 12.7304 16.9776 12.7304 16.28C12.7304 15.5823 12.1649 15.0168 11.4673 15.0168C10.7696 15.0168 10.2041 15.5823 10.2041 16.28C10.2041 16.9776 10.7696 17.5431 11.4673 17.5431Z' fill='%23CE0F3E' stroke='%23CE0F3E' stroke-width='0.4'/%3E%3Cpath d='M21.8994 17.3351L13.6973 2.22769C13.4801 1.82871 13.1594 1.49566 12.7689 1.2636C12.3784 1.03155 11.9326 0.909073 11.4784 0.909073C11.0241 0.909073 10.5783 1.03155 10.1878 1.2636C9.79726 1.49566 9.47656 1.82871 9.2594 2.22769L1.04888 17.3351C0.833977 17.7208 0.723931 18.1561 0.729709 18.5976C0.735486 19.0392 0.856886 19.4715 1.08181 19.8514C1.30673 20.2314 1.62731 20.5458 2.01161 20.7633C2.3959 20.9807 2.83049 21.0937 3.27204 21.0908H19.6762C20.1142 21.0912 20.5447 20.9778 20.9256 20.7616C21.3064 20.5455 21.6246 20.234 21.8487 19.8578C22.0729 19.4816 22.1955 19.0536 22.2044 18.6158C22.2132 18.1779 22.1082 17.7453 21.8994 17.3603V17.3351ZM20.4005 18.9687C20.3259 19.0944 20.22 19.1986 20.093 19.2709C19.966 19.3433 19.8224 19.3813 19.6762 19.3814H3.27204C3.12566 19.3818 2.98171 19.344 2.85437 19.2718C2.72704 19.1996 2.62073 19.0955 2.54591 18.9696C2.4711 18.8438 2.43038 18.7007 2.42776 18.5543C2.42515 18.408 2.46072 18.2635 2.53098 18.1351L10.7331 3.02769C10.8052 2.894 10.9122 2.78232 11.0427 2.70449C11.1731 2.62665 11.3222 2.58556 11.4741 2.58556C11.6261 2.58556 11.7751 2.62665 11.9056 2.70449C12.0361 2.78232 12.143 2.894 12.2152 3.02769L20.4173 18.1351C20.4871 18.2635 20.5223 18.4079 20.5193 18.5541C20.5164 18.7003 20.4754 18.8432 20.4005 18.9687Z' fill='%23CE0F3E' stroke='%23CE0F3E' stroke-width='0.4'/%3E%3C/svg%3E");
}

.icon-edit-deactivated,
.icon-bin-deactivated,
.icon-delete-deactivated,
.icon-redirect-deactivated,
.icon-verify-deactivated,
.icon-publish-deactivated,
.icon-reminder-deactivated,
.icon-show-deactivated,
.icon-overview-deactivated,
.icon-download-deactivated,
.icon-pdf-download-deactivated,
.icon-xls-download-deactivated,
.switch-deactivated,
button.view-btn-deactivated,
.clickable-icon-deactivated {
  pointer-events: none;
}

.speedometer-Med::before {
  display: inline-flex;
  width: 50px;
  height: 38px;
  content: url("data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 33 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5658 15.7252H9.65402C9.65402 13.7515 10.5545 11.9882 11.9671 10.8236L8.39987 4.64502C4.87658 7.06758 2.5658 11.1263 2.5658 15.7252Z' fill='%23FAA18D'/%3E%3Cpath d='M16.0039 9.37533C16.875 9.37533 17.7049 9.55107 18.4607 9.86848L22.0186 3.70603C20.2088 2.79862 18.1662 2.28711 16.0039 2.28711C13.8415 2.28711 11.7989 2.79862 9.98921 3.70603L13.5471 9.86848C14.3029 9.55107 15.1328 9.37533 16.0039 9.37533Z' fill='%23EFD184'/%3E%3Cpath d='M23.6079 4.64502L20.0407 10.8236C21.4532 11.9882 22.3537 13.7515 22.3537 15.7252H29.442C29.442 11.1263 27.1312 7.06758 23.6079 4.64502Z' fill='%2381D4B1'/%3E%3Cpath d='M17.2217 13.2876C17.2316 13.349 17.2693 13.4012 17.3218 13.431C18.2439 13.9532 18.8606 14.9478 18.8463 16.0817C18.8253 17.7391 17.4647 19.0656 15.8074 19.0446C14.15 19.0236 12.8235 17.663 12.8445 16.0057C12.8589 14.8714 13.5011 13.8923 14.4366 13.3939C14.4888 13.3661 14.5274 13.3163 14.5397 13.2567L16.0444 5.96637L17.2217 13.2876Z' fill='black' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M9.3358 6.2661L8.39987 4.64502C4.87658 7.06758 2.5658 11.1263 2.5658 15.7252H4.34045C4.36496 11.8043 6.33586 8.34571 9.3358 6.2661Z' fill='%23FAA18D'/%3E%3Cpath d='M6.13441 15.7252H7.84168C7.86518 13.1005 9.13788 10.7742 11.0947 9.31262L10.2362 7.82565C7.77104 9.58971 6.1585 12.4684 6.13441 15.7252Z' fill='%23FAA18D'/%3E%3Cpath d='M21.0445 5.39322L22.0186 3.70603C20.2088 2.79862 18.1662 2.28711 16.0039 2.28711C13.8415 2.28711 11.7989 2.79862 9.98921 3.70603L10.9315 5.33808C12.4454 4.61311 14.1411 4.20685 15.9317 4.20685C17.7669 4.20685 19.5022 4.63398 21.0445 5.39322Z' fill='%23EFD184'/%3E%3C/svg%3E");
}

.speedometer-Low::before {
  display: inline-flex;
  width: 50px;
  height: 38px;
  content: url("data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 33 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.57355 17.3882H9.66177C9.66177 15.4145 10.5623 13.6512 11.9748 12.4865L8.40762 6.30794C4.88433 8.7305 2.57355 12.7892 2.57355 17.3882Z' fill='%23FAA18D'/%3E%3Cpath d='M16.0117 11.0383C16.8827 11.0383 17.7127 11.214 18.4685 11.5315L22.0263 5.36901C20.2166 4.46159 18.174 3.95008 16.0117 3.95008C13.8493 3.95008 11.8067 4.46159 9.99696 5.36901L13.5549 11.5315C14.3106 11.214 15.1406 11.0383 16.0117 11.0383Z' fill='%23EFD184'/%3E%3Cpath d='M23.6157 6.30794L20.0485 12.4865C21.461 13.6512 22.3615 15.4145 22.3615 17.3882H29.4497C29.4497 12.7892 27.1389 8.7305 23.6157 6.30794Z' fill='%2381D4B1'/%3E%3Cpath d='M13.0146 16.1596C13.0647 16.1964 13.094 16.2538 13.0965 16.3141C13.1408 17.3729 13.7447 18.3753 14.7605 18.8796C16.245 19.6167 18.046 19.0108 18.7831 17.5263C19.5202 16.0417 18.9143 14.2407 17.4297 13.5036C16.4137 12.9991 15.2495 13.1242 14.3793 13.7295C14.3307 13.7633 14.2689 13.7749 14.2102 13.7587L7.03586 11.7732L13.0146 16.1596Z' fill='black' stroke='black' stroke-width='0.2'/%3E%3Cpath d='M9.34355 7.92901L8.40762 6.30794C4.88433 8.7305 2.57355 12.7892 2.57355 17.3882H4.3482C4.37271 13.4672 6.34361 10.0086 9.34355 7.92901Z' fill='%23FAA18D'/%3E%3Cpath d='M21.0522 7.05618L22.0263 5.36899C20.2166 4.46158 18.174 3.95007 16.0117 3.95007C13.8493 3.95007 11.8067 4.46158 9.99696 5.36899L10.9392 7.00104C12.4532 6.27607 14.1488 5.8698 15.9395 5.8698C17.7747 5.8698 19.5099 6.29694 21.0522 7.05618Z' fill='%23EFD184'/%3E%3Cpath d='M11.8397 8.56078L12.6979 10.0472C13.6904 9.61267 14.7867 9.37104 15.9395 9.37104C17.1369 9.37104 18.2734 9.63142 19.2959 10.0982L20.1529 8.61388C18.8765 8.00498 17.4479 7.66378 15.9395 7.66378C14.4756 7.66377 13.0871 7.98533 11.8397 8.56078Z' fill='%23EFD184'/%3E%3C/svg%3E");
}

.speedometer-High::before {
  display: inline-flex;
  width: 50px;
  height: 38px;
  content: url("data:image/svg+xml,%3Csvg width='50' height='38' viewBox='0 0 33 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8284 16.8736H9.91662C9.91662 14.8999 10.8171 13.1366 12.2297 11.9719L8.66247 5.79337C5.13919 8.21593 2.8284 12.2746 2.8284 16.8736Z' fill='%23FAA18D'/%3E%3Cpath d='M16.2665 10.5237C17.1376 10.5237 17.9675 10.6995 18.7233 11.0169L22.2812 4.85443C20.4715 3.94701 18.4289 3.4355 16.2665 3.4355C14.1042 3.4355 12.0616 3.94701 10.2518 4.85443L13.8097 11.0169C14.5655 10.6995 15.3954 10.5237 16.2665 10.5237Z' fill='%23EFD184'/%3E%3Cpath d='M23.8705 5.79337L20.3033 11.9719C21.7158 13.1366 22.6164 14.8999 22.6164 16.8736H29.7046C29.7046 12.2746 27.3938 8.21593 23.8705 5.79337Z' fill='%2381D4B1'/%3E%3Cpath d='M19.3206 16.8165C19.2704 16.8533 19.2412 16.9107 19.2386 16.971C19.1944 18.0298 18.5904 19.0322 17.5747 19.5365C16.0902 20.2736 14.2892 19.6677 13.5521 18.1832C12.815 16.6986 13.4209 14.8976 14.9055 14.1605C15.9215 13.656 17.0856 13.7811 17.9559 14.3864C18.0045 14.4201 18.0663 14.4318 18.125 14.4155L25.2993 12.4301L19.3206 16.8165Z' fill='black' stroke='white' stroke-width='0.2'/%3E%3Cpath d='M9.5984 7.41444L8.66247 5.79337C5.13919 8.21593 2.8284 12.2746 2.8284 16.8736H4.60305C4.62756 12.9527 6.59846 9.49405 9.5984 7.41444Z' fill='%23FAA18D'/%3E%3Cpath d='M6.39702 16.8736H8.10428C8.12778 14.2489 9.40048 11.9225 11.3573 10.461L10.4988 8.97398C8.03364 10.738 6.42111 13.6168 6.39702 16.8736Z' fill='%23FAA18D'/%3E%3Cpath d='M21.3071 6.5416L22.2812 4.85441C20.4715 3.947 18.4289 3.43549 16.2665 3.43549C14.1042 3.43549 12.0616 3.947 10.2518 4.85441L11.1941 6.48646C12.708 5.76149 14.4037 5.35522 16.1943 5.35522C18.0296 5.35522 19.7648 5.78236 21.3071 6.5416Z' fill='%23EFD184'/%3E%3Cpath d='M12.0946 8.0462L12.9528 9.53261C13.9453 9.09809 15.0415 8.85646 16.1943 8.85646C17.3917 8.85646 18.5283 9.11684 19.5508 9.58366L20.4078 8.0993C19.1314 7.4904 17.7028 7.1492 16.1943 7.1492C14.7305 7.14919 13.3419 7.47075 12.0946 8.0462Z' fill='%23EFD184'/%3E%3C/svg%3E");
}

.dot::before {
  display: inline-flex;
  width: 6px;
  height: 7px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='none'%3E%3Ccircle cx='3' cy='3.01114' r='2.6' fill='white' stroke='black' stroke-width='0.8'/%3E%3C/svg%3E");
}

.dot-fill::before {
  display: inline-flex;
  width: 6px;
  height: 7px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='7' viewBox='0 0 6 7' fill='black'%3E%3Ccircle cx='3' cy='3.01114' r='2.6' fill='black' stroke='black' stroke-width='0.8'/%3E%3C/svg%3E");
}

.navbar {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  transition: all 0.3s ease;
  padding: 32px 24px 40px 24px;
  border-radius: 0px 32px 32px 0px;
  height: 100vh;
  width: 257px;
  z-index: 1;
  background: linear-gradient(0deg, #090e20 0%, #090e20 100%), #f9f8f4;
  box-shadow: 8px 4px 12px 0px rgba(15, 25, 57, 0.25);
}
.navbar.collapsed {
  align-items: center;
  width: 101px;
  box-shadow: 4px 2px 8px 0px rgba(15, 25, 57, 0.15);
}

.nav-body-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}

.nav-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 80px;
}

.img-logo {
  width: 208px;
  height: 44px;
  transition: all 0.3s ease;
}
.img-logo.collapsed {
  width: 43px;
  height: 43px;
  aspect-ratio: 1/1;
}

.nav-container ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
}

.nav-container li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}

.ul-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: 0px 8px;
}
.ul-container.collapsed {
  align-self: center;
}

.nav-header {
  display: flex;
  align-items: center;
  color: #ffffff;
  gap: 8px;
}
.nav-header:hover {
  color: #ffffff;
}
.nav-header.active {
  color: #df774e;
}
.nav-header .nav-icon {
  width: 24px;
  height: 24px;
}

.nav-header.active span {
  color: #df774e;
  font-weight: 700;
}

.nav-title {
  display: none;
  color: #ffffff;
  font-size: 1rem;
  transition: opacity 0.2s ease;
}

.nav-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  transition: all 0.3s ease;
  padding: 0px 16px;
}
.nav-footer.collapsed {
  flex-direction: column;
  gap: 16px;
}

.user-icon {
  display: flex;
  align-items: center;
  padding: 4px 0px;
  gap: 8px;
}
.user-icon.active path {
  fill: #df774e;
}

.notification-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 40px;
}

.expand-svg {
  padding: 0;
}
.expand-svg.collapsed {
  transform: rotate(90deg);
}

.toggle-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #2e2eff;
  width: 32px;
  height: 32px;
  padding: 6.4px;
  transform: translateY(-50%);
  top: 50%;
  left: 238px;
  border: 0;
  border-radius: 94.4px;
  box-shadow: 2px 1px 4px 0px rgba(15, 25, 57, 0.1);
}
.toggle-btn.collapsed {
  transform: translateY(-50%) rotate(180deg);
  left: 84px;
}

.intro-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 40px;
}

.intro-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
}

.intro-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  gap: 40px;
}

.intro-title {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 16px;
}

.bold-title {
  font-weight: 700;
  margin: 0;
}

.regular-p {
  align-self: stretch;
  font-size: 1.25rem;
}

.intro-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.footer-p {
  color: rgba(5, 8, 23, 0.6);
}

.intro-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 32px;
}

.content-title {
  font-size: 1.25rem;
  font-weight: 700;
}

.step-box {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: #f3f4fc;
  padding: 32px 24px;
  gap: 8px;
  border-radius: 16px;
  flex: 1 0 0;
}

.step-container-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}

.step-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
}

.step-number {
  color: #1c1c9c;
  font-weight: 900;
  font-size: 64px;
}

.step-title {
  text-transform: none;
  font-size: 1.5rem;
  font-weight: 900;
}

.step-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  gap: 24px;
  flex: 1 0 0;
}

.step-header-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.step-header-container .step-page {
  font-family: "Basis Grotesque Pro", sans-serif;
  font-style: normal;
  text-transform: uppercase;
  color: #1c1c9c;
  font-size: 1rem;
  font-weight: 900;
}
.step-header-container .step-header-title-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 12px;
}
.step-header-container .step-title-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-right: 8px;
}
.step-header-container .step-header-title {
  font-weight: 900;
  letter-spacing: -0.64px;
}

.step-content-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 24px;
  flex: 1;
}

.footer-btn-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.accordion-item.open {
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #d6dcf5;
  background: var(--Colors-Blue-Blue100, #eef0fb);
}

.accordion-item.open .toggle-group i {
  transform: rotate(90deg);
  color: #d6dcf5;
  transition: transform 0.25s ease;
}

.accordion-item {
  border: 0;
}

#step-stakeholder .list-group-item {
  border: none;
  border-bottom: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
}

.accordion-button {
  align-self: stretch;
  background: #f3f4fc;
  padding-right: 16px;
  border-radius: 0px;
}

.accordion-button::after {
  display: none;
}

.toggle-group i {
  transition: transform 0.3s ease, color 0.3s ease;
  transform: rotate(0deg);
  color: #6b7280;
}

.toggle-group {
  margin-left: 20px;
}

.group-header-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.group-main {
  display: flex;
  align-items: center;
  gap: 8px;
}

.add-subgroup {
  display: flex;
  position: relative;
  align-items: center;
  background: none;
  pointer-events: none;
  border: none;
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.stakeholder-container .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.accordion-item:hover .add-subgroup {
  pointer-events: auto;
}

.add-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.add-text {
  position: relative;
  font-style: normal;
  font-weight: 700;
  flex-shrink: 0;
  font-size: 1rem;
  color: #d6dcf5;
}

.handle {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1.2rem;
}

.group-name {
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  color: #0f1939;
  font-size: 1.125rem;
}

.subgroup-list li:last-child {
  border-bottom: none;
}

.subgroup-list li:hover {
  background-color: #f9fafb;
}

.subgroup-list svg.trash-icon {
  margin-right: 36px;
  pointer-events: auto;
  cursor: pointer;
}

.group-header-controls .delete-group {
  pointer-events: none;
}

.accordion-item:hover .group-header-controls .delete-group {
  pointer-events: auto;
}

.accordion-body {
  padding: 0;
}

button.btn.btn-sm.toggle-group {
  padding: 0px;
  margin: 0px;
  box-shadow: none;
}

#stakeholderGroups {
  --bs-accordion-border-color: transparent;
}

.groups-scroll-wrapper {
  max-height: 463px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 16px;
}

.groups-scroll-wrapper::-webkit-scrollbar {
  width: 8px;
}

.groups-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #d4cdc4;
  border-radius: 8px;
  box-shadow: 0px 1px 0.5px rgba(0, 0, 0, 0.05);
}

.groups-scroll-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

#group-count {
  font-style: normal;
  text-transform: uppercase;
  font-weight: 300;
  color: #212121;
  font-size: 1rem;
  margin-left: 4px;
}

#createGroupModal .modal-body {
  padding: 0;
  width: 100%;
}

#createGroupModal label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  font-style: normal;
  flex: 1 0 0;
  color: #212121;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 8px;
}

/* Input */
#createGroupModal input.form-control {
  gap: 8px;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #0f1939;
  font-size: 0.875rem;
  background: #ffffff;
  color: #212121;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  font-style: normal;
  font-weight: 400;
}

/* Cancel */
#createGroupModal .btn-cancel {
  background: none;
  border: none;
  padding: 0;
  text-align: center;
  font-style: normal;
  cursor: pointer;
  transition: color 0.2s ease;
  font-weight: 700;
  color: #d6dcf5;
  font-size: 1.125rem;
}

/* Create */
#createGroupModal .btn-create {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-style: normal;
  box-shadow: none;
  border: none;
  font-weight: 700;
  width: 135px;
  gap: 8px;
  padding: 12px 24px;
  background: #d6dcf5;
  transition: background-color 0.3s ease;
  font-size: 1rem;
  color: #ffffff;
}

.custom-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1055;
}

.custom-modal-title {
  font-family: sans-serif;
  font-style: normal;
  flex: 1 0 0;
  font-weight: 700;
  letter-spacing: -0.48px;
  color: #0f1939;
  font-size: 1.5rem;
}

.body-title-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.custom-label-container {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 4px 8px 4px 0px;
  gap: 8px;
}

.custom-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-style: normal;
  align-self: stretch;
  flex: 1 0 0;
  font-weight: 400;
  color: #0f1939;
  font-size: 1rem;
}

.custom-input-container {
  width: 100%;
}

.custom-input {
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  width: 100%;
  padding: 8px;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #0f1939;
}

.add-more-container {
  display: flex;
  align-items: center;
}

.topics-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
  max-width: 100%;
  width: 100%;
}

.topics-header {
  display: flex;
  align-items: center;
  align-self: stretch;
  border-bottom: 2px solid #eeeae3;
  background: #fff;
  margin-right: 14px;
}

.header-container {
  display: flex;
  width: 100%;
  height: 40px;
  justify-content: space-between;
  align-items: center;
}

.header-titles {
  display: flex;
  align-items: center;
  gap: 37px;
  flex: 1 0 0;
}

.header-title-1 {
  display: flex;
  width: 220px;
  padding: 0px 8px;
  align-items: center;
  gap: 8px;
}

#header-title-1-text {
  width: 220px;
  flex-shrink: 0;
  color: var(--Font-color, #0f1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
}

.header-title-2 {
  display: flex;
  width: 163px;
  align-items: center;
  gap: 8px;
}

#header-title-2-text {
  color: var(--Font-color, #0f1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
}

.header-title-3 {
  display: flex;
  align-items: center;
  gap: 8px;
}

#header-title-3-text {
  color: var(--Font-color, #0f1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
}

.add-button-container {
  display: flex;
  align-items: center;
}

.add-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.add-text {
  color: var(--electric-blue, #2e2eff);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 18.2px */
}

.topic-row {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 8px;
  background: #f3f4fc;
  margin-right: 12px;
}

.topic-material {
  display: flex;
  width: 200px;
  height: 64px;
  padding: 8px 0px;
  align-items: center;
  gap: 8px;
}

#topic-material-text {
  color: #0f1939;
  font-size: 16px;
  font-weight: 400;
}

.topic-pillar {
  display: flex;
  width: 180px;
  height: 64px;
  padding: 8px;
  align-items: center;
  gap: 8px;
  margin-right: 16px;
}

#topic-pillar-container {
  display: flex;
  height: 40px;
  padding: 8px;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

.topic-description {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}

#topic-desc-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  overflow: hidden;
  color: var(--Font-color, #0f1939);
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 400;
  word-wrap: break-word;
}

.handle {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
}

.modal-header {
  border-bottom: 0;
}

.modal-dialog.custom-topic {
  max-width: 640px;
  margin: auto;
}

.custom-topic-container {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.custom-topic-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding-bottom: 0;
}

.custom-topic-title {
  color: var(--Font-color, #0f1939);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}

.btn-close-custom {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-color: transparent;
  background-color: transparent;
}

.custom-topic-body {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  padding-top: 0;
}

.custom-topic-body-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
  align-self: stretch;
}

.topic-body-1 {
  display: flex;
  width: 100%;
  gap: 16px;
}

.topic-body-1-material {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.material-label-container {
  display: flex;
  padding: 4px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.form-label-material {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--font-color-labels, #757575);
  font-size: 16px;
  font-weight: 400;
}

.material-input-container {
  display: flex;
  padding: 0 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--border-input-field-color, #ccc);
  background: #fff;
}

.material-input {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  width: 100%;
  min-height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
}

.topic-body-1-pillar {
  width: 155px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.material-pillar-label-container {
  display: flex;
  padding: 4px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.form-label-pillar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--font-color-labels, #757575);
  font-size: 16px;
  font-weight: 400;
}

.pillar-input-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--border-input-field-color, #ccc);
  background: #fff;
  width: 100%;
  min-height: 40px;
}
.pillar-input-container .select2-container--default .select2-selection--single {
  border: 0;
}
.pillar-input-container .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: 1px solid var(--border-input-field-color, #aaa);
}

.pillar-input {
  width: 100%;
  min-height: 40px;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
}

.topic-body-2 {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}

.material-desc-label-container {
  display: flex;
  padding: 4px 0px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 0px 8px 0px 0px;
}

.form-label-desc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--font-color-labels, #757575);
  font-size: 16px;
  font-weight: 400;
}

.desc-input-container {
  display: flex;
  height: 163px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--border-input-field-color, #ccc);
  background: #fff;
}

.desc-input {
  display: flex;
  height: 21px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  resize: none;
  background: transparent;
  font-size: 16px;
  color: #0f1939;
}

.btn-cancel {
  border: none;
  background: none;
  color: #1c1c9c;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
}

.btn-create {
  display: flex;
  min-width: 128px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #2e2eff;
  color: white;
  font-weight: 700;
  font-size: 16px;
  border: none;
}

#create-text {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

#topics-wrapper {
  display: flex;
  padding: 0px 4px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  overflow-y: auto;
  position: relative;
}

/* Custom Scrollbar για WebKit */
#topics-wrapper::-webkit-scrollbar {
  width: 8px;
}

#topics-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

#topics-wrapper::-webkit-scrollbar-thumb {
  background-color: #d4cdc4;
  border-radius: 8px;
  box-shadow: 0px 1px 0.5px rgba(0, 0, 0, 0.05);
}

#topics-wrapper .select2-hidden-accessible {
  /* position override */
  position: static !important;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px;
  border: none;
  background: rgba(35, 62, 146, 0.12);
  border-radius: 7px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  order: 1;
  font-weight: unset;
  position: static;
  border: none;
  padding: 0;
  font-size: 0;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background: transparent;
  color: inherit;
  cursor: pointer;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-right: 4px;
}

body .select2-container--default .select2-selection--multiple {
  pointer-events: none;
  position: relative;
  height: 100%;
  min-height: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 6px;
}

body .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  pointer-events: all;
  display: flex;
  align-items: center;
}

body .select2-container .select2-container--default .select2-container--open {
  position: relative !important;
}

body .select2-container {
  height: 100%;
}

.custom-arrow-container {
  position: absolute;
  right: 8px;
  padding-right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: all;
  cursor: pointer;
}

.custom-arrow {
  width: 16px;
  height: 16px;
}

.topic-description {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-delete-topic {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
}

.select2-results__options {
  display: flex;
  flex-direction: column;
}

.custom-arrow-container-modal {
  position: absolute;
  padding-right: 8px;
  top: 48px;
  transform: translateY(-50%);
  pointer-events: all;
  cursor: pointer;
}

#createMaterialTopicModal {
  overflow-y: hidden !important;
}

.form-check-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 12px;
}

.radio-button-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

.custom-radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  position: relative;
  transition: border 0.2s ease-in-out;
  border: 2px solid #000000;
  background-color: #ffffff;
  border-radius: 100000px;
  width: 24px;
  height: 24px;
}

.custom-radio.offline {
  border: 2px solid #757575;
}

.custom-radio:checked::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #2e2eff;
  border-radius: 100000px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.radio-label {
  text-align: center;
  color: #000000;
  font-size: 1.125rem;
}
input.custom-radio:checked + .radio-label {
  font-weight: 700;
}

.radio-label.offline {
  color: #757575;
}

#survey-note {
  margin: 0;
  margin-left: 42px;
  visibility: hidden;
  color: var(--Colors-States-error, #bd0f1b);
  font-size: 16px;
  font-style: normal;
  font-weight: var(--Typography-Font-weight-font-weight-400, 400);
  line-height: 130%; /* 20.8px */
}

.radio-note-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
}

.invitation-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.invitation-container .list-label {
  font-style: normal;
  margin: 0;
  font-weight: 700;
  line-height: 16px;
  color: #000000;
  font-size: 1.125rem;
}
.invitation-container .date-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}
.invitation-container .date-container .label-info-icon {
  display: flex;
  align-items: center;
  gap: 8px;
}
.invitation-container .date-container .date-info-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.invitation-container .date-container .date-info-container #start {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  height: 40px;
  padding: 8px;
  gap: 8px;
  border: 1px solid #000000;
  color: #0f1939;
}
.invitation-container .message-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
.invitation-container .message-container .message-label-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.invitation-container .message-container .label-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.invitation-container .message-container .text-area {
  align-self: stretch;
  border: 2px solid #ddd9d5;
  font-weight: 400;
  font-size: 16px;
  padding: 16px 16px;
  border-radius: 8px;
}
.invitation-container .select-respondents-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}
.invitation-container .select-respondents-container .datatable-footer-container {
  display: flex;
  align-self: stretch;
  justify-content: center;
}
.invitation-container .select-respondents-container .datatable-footer-container .pagination {
  margin: 0;
  gap: 4px;
}
.invitation-container .select-respondents-container .select-container {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  padding-right: 16px;
}
.invitation-container .select-respondents-container .select-container .select-label-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
.invitation-container .select-respondents-container .select-container .select-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.invitation-container .step-respondents-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  padding-left: 16px;
}
.invitation-container .warning-message {
  align-self: stretch;
  background: #f3f4fc;
  padding: 12px 16px;
  border-radius: 8px;
}
.invitation-container .warning-message .message {
  color: rgba(33, 33, 33, 0.5);
  font-weight: 400;
  line-height: 130%;
  font-size: 16px;
}
.invitation-container .respondents-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding-right: 16px;
}
.invitation-container .respondent-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  font-weight: 400;
  line-height: 130%;
  gap: 8px;
  border-radius: 8px;
  background: #eef0fb;
  font-size: 16px;
}
.invitation-container .respondent-header {
  display: flex;
  align-items: center;
  align-self: stretch;
  font-weight: 700;
  line-height: 130%;
  gap: 8px;
  color: #0f1939;
  font-size: 8px;
}
.invitation-container .respondent-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  overflow-y: auto;
  max-height: 600px;
  gap: 4px;
}
.invitation-container .respondent-row:last-child {
  border-bottom: none;
}
.invitation-container .hashtag-col {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  width: 32px;
  padding: 8px;
  gap: 8px;
}
.invitation-container .name-col,
.invitation-container .surname-col,
.invitation-container .email-col {
  display: flex;
  align-items: center;
  height: 56px;
  flex: 1 0 0;
  gap: 8px;
  padding: 8px 0px;
}
.invitation-container .action-col {
  display: flex;
  align-items: center;
  width: 86px;
  height: 56px;
  padding: 8px 0px;
  gap: 8px;
}
.invitation-container .actions {
  display: flex;
  align-items: center;
  width: 86px;
  height: 56px;
  gap: 8px;
}
.invitation-container .action-btn {
  all: unset;
  cursor: pointer;
}

#addRespondentModal .modal-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
#addRespondentModal .modal-form .input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 40px;
}
#addRespondentModal .modal-form .input-container .file-drop-container {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  align-self: stretch;
  flex-direction: column;
  gap: 16px;
}
#addRespondentModal .modal-form .input-container .file-drop-container .file-container {
  display: flex;
  align-items: center;
  align-self: stretch;
  border: 1px dashed rgba(0, 0, 0, 0.25);
  cursor: pointer;
  border-radius: 8px;
  padding: 16px 16px 16px 32px;
  gap: 16px;
}
#addRespondentModal .modal-form .input-container .file-drop-container .file-container.highlight {
  border-color: #3c45e0;
  background-color: #f0f4ff;
}
#addRespondentModal .modal-form .input-container .file-drop-container .file-container .file-input-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
}
#addRespondentModal .modal-form .input-container .file-drop-container .file-container .file-input-title .file-info {
  color: rgba(0, 0, 0, 0.4);
  font-size: 12px;
}
#addRespondentModal .modal-form .input-container .email-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
#addRespondentModal .modal-form .input-container .email-container .email-input-btn {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  gap: 16px;
}
#addRespondentModal .modal-form .input-container .email-container .email-input-btn .email-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1 0 0;
  gap: 8px;
}
#addRespondentModal .modal-form .input-container .email-container .email-area {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  overflow-y: auto;
  flex-wrap: wrap;
  min-height: 100px;
  max-height: 200px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  background: #ffffff;
  padding: 12px 16px;
  gap: 8px;
}
#addRespondentModal .modal-form .input-container .email-container .email-chip {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  background: #d6dcf5;
}
#addRespondentModal .modal-form .input-container .email-container .email-chip span {
  margin-right: 8px;
}
#addRespondentModal .modal-form .input-container .email-container .email-chip button {
  display: flex;
  background: none;
  border: none;
  padding: 0;
}
#addRespondentModal .modal-form .input-container .form-control-email {
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 12px 8px;
}
#addRespondentModal .modal-form .input-container .form-label {
  margin: 0;
  color: #757575;
}

#sendConfirmModal .modal-header-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

#sendErrorModal .modal-header-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

#emailModal .modal-body .email-preview-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
#emailModal .modal-body .email-preview-container .email-preview {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  background: #ececec;
  border: 1px dashed #757575;
  padding: 32px 32px;
}
#emailModal .modal-body .email-preview-container .email-preview .email-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}
#emailModal .modal-body .email-preview-container .email-preview .email-box .button.primary {
  transition: none;
}
#emailModal .modal-body .email-preview-container .email-preview .email-box .button.primary:hover, #emailModal .modal-body .email-preview-container .email-preview .email-box .button.primary:active, #emailModal .modal-body .email-preview-container .email-preview .email-box .button.primary:focus-within {
  background: #2e2eff;
}
#emailModal .modal-body .email-preview-container .email-preview .email-box .email {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}
#emailModal .modal-body .email-preview-container .email-preview .email-box .email .email-subject {
  font-weight: 900;
  font-size: 16px;
}

#editGroupModal .modal-body .modal-form-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
#editGroupModal .modal-body .modal-form-container .email-input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  flex: 1 0 0;
  gap: 8px;
}
#editGroupModal .modal-body .modal-form-container .email-input .form-control-email {
  align-items: center;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 12px 8px;
}
#editGroupModal .modal-body .modal-form-container .email-input .form-label {
  margin: 0;
  color: #757575;
}

#respondentsTable thead {
  background: #ffffff;
}
#respondentsTable thead tr {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  background: #ffffff;
  padding: 0px 0px 0px 16px;
}
#respondentsTable tbody {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#respondentsTable tbody tr {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
  border-radius: 8px;
  background: #eef0fb;
}
#respondentsTable thead th:nth-child(1),
#respondentsTable tbody td:nth-child(1) {
  width: 16px !important;
}
#respondentsTable thead th:nth-child(2),
#respondentsTable tbody td:nth-child(2) {
  flex: 1 0 0;
}
#respondentsTable thead th:nth-child(3),
#respondentsTable tbody td:nth-child(3) {
  width: 70px !important;
}

#respondentsTable_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.upload-loader {
  display: flex;
  height: 376px;
  padding: 48px 56px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  align-self: stretch;
  gap: 32px;
  border-radius: 8px;
  background: #ffffff;
}

.upload-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 22px;
}

#invitation-modal-select .select2-container--default .select2-selection--single {
  min-height: 45px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
#invitation-modal-select .select2-container--open .select2-dropdown--below {
  border-radius: 8px;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
#invitation-modal-select .select2-results__option {
  border-bottom: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
}
#invitation-modal-select .select2-results__options > .select2-results__option:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#invitation-modal-select .select2-results__options > .select2-results__option:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: none;
}

#invitation_manage_modal .company-register-input {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: none;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid #cccccc;
  background: #ffffff;
  padding: 12px 8px;
  gap: 8px;
}
#invitation_manage_modal .company-register-input:focus-visible {
  border-radius: 6px;
  outline: 1px solid var(--primary-color, #2e2eff);
}
#invitation_manage_modal .select-wrapper {
  position: relative;
  display: flex;
}
#invitation_manage_modal .select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  transform: translateY(-50%);
  right: 12px;
  background: url("/assets/img/arrow-down-select.svg") no-repeat center;
  pointer-events: none;
}
#invitation_manage_modal .select-wrapper.open::after {
  background-image: url("/assets/img/arrow-up-select.svg");
}
#invitation_manage_modal select.company-register-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
}

.excel-format {
  display: flex;
  padding: var(--Spacing-spacing-M, 16px);
  flex-direction: row;
  gap: 35px;
  align-self: stretch;
  border-radius: var(--Radius-radius-S, 8px);
  background: var(--Colors-Blue-Blue100, #eef0fb);
}

.excel-format-text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}

.excel-download-button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-color, #2e2eff);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

/********* main *********/
#verimpact-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-M, 16px);
  flex: 1 0 0;
  align-self: stretch;
}
#verimpact-main .main-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-M, 16px);
  flex: 1 0 0;
  align-self: stretch;
}
#verimpact-main .main-container .main-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
#verimpact-main .main-container .main-header .page-nav {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
#verimpact-main .main-container .main-header .page-nav a {
  color: #1c1c9c;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
#verimpact-main .main-container .main-header .page-nav a.active,
#verimpact-main .main-container .main-header .page-nav a .disabled {
  color: var(--font-color-labels, #757575);
  pointer-events: none;
  cursor: default;
}
#verimpact-main .main-container .main-header .page-nav .nav-slash {
  color: var(--font-color-labels, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}
#verimpact-main .main-container .main-header .header-title-container {
  display: flex;
  padding-right: 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
#verimpact-main .main-container .main-header .header-title-container .header-title {
  color: var(--font-color, #0f1939);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 130%;
}
#verimpact-main .main-container .datatable-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}
#verimpact-main .main-container .datatable-container .datatable-header-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
}
#verimpact-main .main-container .datatable-container .datatable-header-container {
  display: flex;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .datatable-count-label-number {
  display: flex;
  align-items: center;
  gap: 4px;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .datatable-count-label-number .datatable-count-label {
  color: #212121;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .datatable-count-label-number .datatable-count-label.finalise {
  font-weight: 400;
  color: #757575;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .datatable-count-label-number .datatable-count-number {
  color: #212121;
  font-family: "Basis Grotesque Pro", sans-serif;
  text-transform: uppercase;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .datatable-count-label-number .datatable-count-number.finalise {
  color: #757575;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .invite-btn {
  all: unset;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .datatable-count-container .invite-btn .btn-font {
  color: var(--primary-color, #2e2eff);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .tb-filter-container {
  display: flex;
  width: 343px;
  height: 40px;
  align-items: flex-start;
  padding: 8px 8px 8px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: var(--Border-size-border-size-M, 2px) solid var(--Colors-Blue-Blue200, #d6dcf5);
  background: #fff;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .tb-filter-container .filter-search {
  border: none;
  display: flex;
  align-items: center;
  flex: 1 0 0;
  height: 24px;
  color: var(--font-color-labels, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}
#verimpact-main .main-container .datatable-container .datatable-header-container .tb-filter-container .filter-search:focus {
  border: none;
  outline: none;
  box-shadow: none;
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-XL, 32px);
  align-self: stretch;
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper .verimpact-table-group {
  all: unset;
  word-break: break-word;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  border: var(--Border-size-border-size-M, 2px) solid var(--Colors-Blue-Blue200, #d6dcf5);
  background: var(--Colors-Gray-Gray0, #fff);
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper .verimpact-table-group .action-btn {
  all: unset;
  cursor: pointer;
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper .verimpact-table-group .text-danger {
  color: var(--Colors-States-error, #bd0f1b) !important;
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper .datatable-footer-container {
  display: flex;
  align-self: stretch;
  justify-content: center;
}
#verimpact-main .main-container .datatable-container .dataTables_wrapper .datatable-footer-container .pagination {
  margin: 0;
  gap: 5px;
}
#verimpact-main .main-container .footer-btn-container {
  display: flex;
  padding: 8px 24px;
  align-items: center;
  gap: 24px;
}
#verimpact-main .main-container .footer-btn-container #indicator-selected-count,
#verimpact-main .main-container .footer-btn-container #user-selected-count {
  color: #757575;
  text-transform: uppercase;
}
#verimpact-main .main-container .footer-btn-container .datatable-selected {
  color: var(--font-color-labels, #757575);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-transform: uppercase;
}
#verimpact-main .main-container .footer-btn-container .bulk-btn-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
#verimpact-main .main-container .footer-btn-container .bulk-btn-container .btn-verimpact {
  all: unset;
  display: flex;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  cursor: pointer;
}
#verimpact-main .main-container .footer-btn-container .bulk-btn-container .btn-verimpact.multiple-edit {
  color: var(--Colors-Blue-Blue600, #1c1c9c);
}
#verimpact-main .main-container .footer-btn-container .bulk-btn-container .btn-verimpact.multiple-delete {
  color: var(--Colors-States-error, #bd0f1b);
}
#verimpact-main .modal-header {
  all: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  background: #f7f7f7 !important;
  border: 0 !important;
}
#verimpact-main .modal-header .modal-title {
  color: var(--black, #000);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
}
#verimpact-main .modal-body-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
#verimpact-main .modal-body-container .modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
#verimpact-main .modal-body-container .modal-body .warning-message {
  align-self: stretch;
  color: var(--Surface-colors-Surface-Black, #212121);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
#verimpact-main .modal-body-container .modal-body .modal-form-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-self: stretch;
}
#verimpact-main .modal-body-container .modal-body .modal-form-container .modal-row {
  gap: 16px;
}
#verimpact-main .modal-body-container .modal-body .modal-form-container .modal-row .form-label {
  margin: 0;
  color: var(--Colors-Gray-Gray400, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
#verimpact-main .modal-body-container .modal-body .modal-form-container .modal-row #company-select,
#verimpact-main .modal-body-container .modal-body .modal-form-container .modal-row #role-select,
#verimpact-main .modal-body-container .modal-body .modal-form-container .modal-row #assignee-select {
  max-width: none;
  flex: 1 0 0;
}
#verimpact-main .modal-body-container .modal-body .modal-form-container .status-form-container {
  display: flex;
  align-items: center;
  padding-block: 8px;
  gap: var(--Spacing-spacing-L, 24px);
  flex: 1 0 0;
}
#verimpact-main .modal-body-container .modal-footer .cancel-btn {
  all: unset;
  display: flex;
  min-width: 120px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  cursor: pointer;
}
#verimpact-main .modal-body-container .modal-footer .cancel-btn .secondary-btn-label {
  color: var(--black, #000);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
#verimpact-main .modal-body-container .modal-footer .add-btn {
  all: unset;
  display: flex;
  min-width: 120px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--electric-blue, #2e2eff);
  cursor: pointer;
  color: var(--white, #f7f7f7);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
#verimpact-main .modal-body-container .modal-footer .delete-btn {
  all: unset;
  display: flex;
  min-width: 120px;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--electric-blue, #b20000);
  cursor: pointer;
  color: var(--white, #f7f7f7);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}

#indicators-table {
  border: none !important;
}

#indicators-table.dataTable thead {
  background: #0f1939 !important;
}

#indicators-table.dataTable thead th {
  color: #fff !important;
}

#indicators-table .description {
  color: #1c1c9c !important;
}

#indicators-table.dataTable tbody td:nth-child(2),
#indicators-table.dataTable thead th:nth-child(2) {
  width: 530px !important;
}

#indicators-table.dataTable tbody td:nth-child(5),
#indicators-table.dataTable thead th:nth-child(5) {
  width: 130px !important;
}

#indicators-table.dataTable tbody td:nth-child(6),
#indicators-table.dataTable thead th:nth-child(6) {
  width: 100px !important;
  margin-left: 32px;
}

.status-info-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.status-info-container .status-info {
  display: flex;
  padding: 4px var(--Spacing-spacing-M, 16px);
  gap: 8px;
  border-radius: var(--Radius-radius-XS, 4px);
  background: var(--Colors-Gray-Gray100, #f7f7f7);
}
.status-info-container .status-info .color-info {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  margin-top: 2px;
}
.status-info-container .status-info .color-info.completed {
  background: #008442;
}
.status-info-container .status-info .color-info.in-progress-indicator {
  background: #abb8ed;
}
.status-info-container .status-info .color-info.submitted {
  background: #1c1c9c;
}

.progress-bar-header {
  display: flex;
  height: 12px;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ccc;
}

.progress-segment {
  height: 100%;
}

.progress-segment.completed {
  background-color: #008442;
}

.progress-segment.submitted {
  background-color: #1c1c9c;
}

.progress-segment.in-progress {
  background-color: #abb8ed;
}

.approved-wrap {
  display: flex;
  height: 64px;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  font-weight: bold;
  border-radius: 8px;
  background: var(--Colors-Green-green500, #008442);
  color: #fff;
}

.approved-title-info {
  display: flex;
  gap: 8px;
}

.approved-title-author {
  color: #fff;
}

.btn-approval:hover span {
  color: var(--state-info);
}

#survey-indicator-edit .company-register-input {
  display: flex;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
}
#survey-indicator-edit .company-register-input.error {
  border-color: #a21517;
}
#survey-indicator-edit .company-register-input.disabled {
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray100, #f7f7f7);
}
#survey-indicator-edit .company-register-input:focus-visible {
  border-radius: 6px;
  outline: 1px solid var(--primary-color, #2e2eff);
}
#survey-indicator-edit .select2-container--default {
  flex: 1 0 0;
  height: auto;
  font-size: 14px;
}
#survey-indicator-edit .select2-container--default .select2-selection--multiple,
#survey-indicator-edit .select2-container--default .select2-selection--single {
  pointer-events: all;
  cursor: pointer;
  min-height: 45px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-right: 30px;
  position: relative;
}
#survey-indicator-edit .select2-container--default .select2-selection--multiple::after,
#survey-indicator-edit .select2-container--default .select2-selection--single::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("/assets/img/arrow-down-select.svg") no-repeat center;
  background-size: 18px 18px;
  pointer-events: none;
}
#survey-indicator-edit .select2-container--default .select2-selection--multiple[aria-expanded=true],
#survey-indicator-edit .select2-container--default .select2-selection--single[aria-expanded=true] {
  border: 1px solid var(--Colors-Gray-Gray200, #2e2eff);
}
#survey-indicator-edit .select2-container--default .select2-selection--multiple[aria-expanded=true]::after,
#survey-indicator-edit .select2-container--default .select2-selection--single[aria-expanded=true]::after {
  background-image: url("/assets/img/arrow-up-select.svg");
}
#survey-indicator-edit .select2-container--default .select2-selection--single {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  padding-bottom: 5px;
}
#survey-indicator-edit .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 8px 0px 4px 8px;
  padding-left: 0px;
  border-radius: 7px;
  font-size: 16px;
  color: #000;
}
#survey-indicator-edit .select2-container--default .select2-selection__placeholder {
  color: #757575;
}
#survey-indicator-edit .select2-container--default .select2-selection__arrow {
  display: none;
}
#survey-indicator-edit .select2-container--default html.select2-open,
#survey-indicator-edit .select2-container--default body.select2-open {
  overflow: hidden !important;
}
#survey-indicator-edit .select2-container--default .select2-selection__choice {
  background: var(--Colors-Green-green100, #ebf4f0);
}
#survey-indicator-edit .select2-container--default .select2-results__option--highlighted {
  background-color: #eef0fb;
  color: black;
}
#survey-indicator-edit .select2-container--default .select2-results__option .select2-results__option {
  padding: 8px 12px;
}
#survey-indicator-edit .select2-container--default .select2-dropdown {
  border-radius: 8px;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-block: 4px;
}
#survey-indicator-edit .select2-container--default .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
  padding: 0 !important;
}
#survey-indicator-edit .select2-container--default .select2-results__options::-webkit-scrollbar {
  height: 10px;
  width: 6px;
}
#survey-indicator-edit .select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}
#survey-indicator-edit .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: #d6dcf5;
  box-shadow: 0px 1px 0.5px 0px rgba(0, 0, 0, 0.05);
}
#survey-indicator-edit .form-check-input {
  margin-top: 0;
}
#survey-indicator-edit .form-check {
  margin: 0;
}

.onboard-container {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
}
.onboard-container.company {
  background: #faf8f5;
}
.onboard-container.user {
  background: #0f1939;
}
.onboard-container .side-container {
  position: fixed;
  height: 100vh;
  display: flex;
  width: 413px;
  padding: var(--Spacing-spacing-3XL, 64px) var(--Spacing-spacing-2XL, 40px) 32px var(--Spacing-spacing-2XL, 40px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.onboard-container .side-container .side-content {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-spacing-2XL, 40px);
  align-self: stretch;
  height: 100%;
}
.onboard-container .side-container .side-content.user {
  align-items: flex-start;
}
.onboard-container .side-container .side-content.company {
  align-items: center;
}
.onboard-container .side-container .side-content .side-cube-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.onboard-container .side-container .side-content .side-cube-container .side-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-M, 16px);
  align-self: stretch;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .side-title {
  margin: 0;
  color: #fff;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: var(--Typography-Font-sizes-H4, 20px);
  font-weight: var(--Typography-Font-weight-font-weight-900, 900);
  line-height: 130%;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .side-p {
  margin: 0;
  color: #fff;
  font-size: var(--Typography-Font-sizes-body-large, 18px);
  opacity: 0.9;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .stepper {
  display: flex;
  flex-direction: column;
  gap: 48px;
  position: relative;
  align-self: stretch;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .step-company {
  display: flex;
  align-items: center;
  position: relative;
  gap: 16px;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 6px;
  border: 2px solid #cccccc;
  border-radius: 50%;
  font-weight: bold;
  color: #757575;
  background-color: #fff;
  z-index: 2;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .label {
  color: #999999;
  font-weight: 500;
  font-size: 20px;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .step-company.active .circle {
  background-color: #0f1939;
  color: white;
  border-color: #df774e;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .step-company.active .label {
  color: #0f1939;
  font-weight: 700;
}
.onboard-container .side-container .side-content .side-cube-container .side-info .step-company:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 32px;
  width: 2px;
  height: 62px;
  z-index: 1;
  border-left: 2px dashed #df774e;
}
.onboard-container .onboard-content {
  display: flex;
  min-height: 100vh;
  width: 100%;
  flex: 1 0 0;
  padding: 64px 0px 32px 0px;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  border-radius: 16px 0px 0px 16px;
  background: var(--Colors-Gray-Gray0, #fff);
  box-shadow: -1px 2px 8px 0px rgba(88, 46, 29, 0.05);
  margin-left: 413px;
}
.onboard-container .onboard-content .login-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-spacing-XL, 32px);
  width: 400px;
}
.onboard-container .onboard-content .login-container .login-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-header .login-title {
  margin: 0;
  color: var(--font-color, #0f1939);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 40px;
  font-weight: var(--Typography-Font-weight-font-weight-900, 900);
  line-height: 130%;
}
.onboard-container .onboard-content .login-container .login-header .login-p {
  margin: 0;
  color: var(--Colors-Blue-Blue800, #0f1939);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: var(--Typography-Font-sizes-body-large, 18px);
  font-weight: var(--Typography-Font-weight-font-weight-400, 400);
  line-height: 130%;
}
.onboard-container .onboard-content .login-container .login-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-link {
  color: var(--Colors-Blue-Blue600, #1c1c9c);
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}
.onboard-container .onboard-content .login-container .login-form .login-link:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  border-radius: 999px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-L, 24px);
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .input-label {
  color: var(--Colors-Gray-Gray400, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .name-input-container {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  align-self: stretch;
  gap: 8px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .name-input-container .name-input {
  display: flex;
  height: 48px;
  padding: 12px var(--Spacing-spacing-M, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-radius-S, 8px);
  border: var(--Border-size-border-size-S, 1px) solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .email-input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .email-input-container .email-input {
  display: flex;
  height: 48px;
  padding: 12px var(--Spacing-spacing-M, 16px);
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-radius-S, 8px);
  border: var(--Border-size-border-size-S, 1px) solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option {
  position: relative;
  cursor: pointer;
  height: 100%;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option .stepper-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
  min-height: 88px;
  height: 100%;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-indicator {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 2px solid #df774e;
  color: #df774e;
  font-weight: 700;
  font-size: 14px;
  background: #fff4ee;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-label {
  color: #0f1939;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-hint {
  color: #757575;
  font-size: 13px;
  line-height: 1.3;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option input:focus-visible + .stepper-content {
  outline: 2px solid #1c1c9c;
  outline-offset: 2px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option input:checked + .stepper-content {
  border-color: #0f1939;
  box-shadow: 0 0 0 2px rgba(15, 25, 57, 0.1);
  background: #f6f7fb;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option input:checked + .stepper-content .stepper-indicator {
  background: #0f1939;
  color: #fff;
  border-color: #0f1939;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper .stepper-option input:checked + .stepper-content .stepper-label {
  color: #0f1939;
}
@media (max-width: 480px) {
  .onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper {
    grid-template-columns: 1fr;
  }
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .generator-stepper--compact .stepper-content {
  min-height: 76px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--Spacing-spacing-L, 24px);
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-feedback-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-feedback-container .hints-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-feedback-container .hints-wrapper .password-rules {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 4px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-feedback-container .hints-wrapper .password-rules .text-danger {
  color: #bd0f1b !important;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-feedback-container .hints-wrapper .password-rules .text-success {
  color: #008442 !important;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .pass-input {
  display: flex;
  height: 48px;
  padding: 12px var(--Spacing-spacing-M, 16px);
  padding-right: 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-radius-S, 8px);
  border: var(--Border-size-border-size-S, 1px) solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
  width: 100%;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container #togglePasswordIcon,
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container #toggleConfirmPasswordIcon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #togglePassword,
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #toggleConfirmPassword {
  all: unset;
  position: absolute;
  right: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #togglePassword img,
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #toggleConfirmPassword img {
  width: 24px;
  height: 24px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #togglePassword:focus-visible,
.onboard-container .onboard-content .login-container .login-form .login-input-container .password-container .password-input-container .password-toggle-wrapper #toggleConfirmPassword:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  border-radius: 999px;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .reminder-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .reminder-container .remember-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .reminder-container .remember-container .remember-checkbox {
  margin: 0;
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
  border-radius: 2px;
  border: 1px solid var(--Colors-Gray-Gray400, #757575);
}
.onboard-container .onboard-content .login-container .login-form .login-input-container .reminder-container .remember-container .remember-label {
  color: var(--font-color, #0f1939);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
}
.onboard-container .onboard-content .login-container .login-form .login-btn-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.onboard-container .onboard-content .login-container .login-form .login-btn-container .btn-form {
  display: flex;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 100px;
  background: var(--primary-color, #2e2eff);
}
.onboard-container .onboard-content .login-container .login-form .login-btn-container .btn-form .btn-label {
  color: var(--Colors-Gray-Gray0, #fff);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
}
.onboard-container .onboard-content .login-container .login-form .login-btn-container .link-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.onboard-container .onboard-content .register-company-container {
  display: flex;
  width: 550px;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-2XL, 32px);
}
.onboard-container .onboard-content .register-company-container .register-company-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
}
.onboard-container .onboard-content .register-company-container .register-company-header .register-company-title {
  margin: 0;
  color: var(--font-color, #0f1939);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: var(--Typography-Font-sizes-H2, 32px);
  font-weight: var(--Typography-Font-weight-font-weight-900, 900);
}
.onboard-container .onboard-content .register-company-container .register-company-header .register-company-info {
  margin: 0;
  color: var(--Colors-Blue-Blue800, #0f1939);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: var(--Typography-Font-sizes-body, 16px);
  font-weight: var(--Typography-Font-weight-font-weight-400, 400);
}
.onboard-container .onboard-content .forgot-password-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.register-company-form,
.edit-user-accordion-content,
.company-standard-info,
#personal-information-tab {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-2XL, 40px);
  align-self: stretch;
}
.register-company-form .form-section,
.edit-user-accordion-content .form-section,
.company-standard-info .form-section,
#personal-information-tab .form-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  align-self: stretch;
}
.register-company-form .form-section .form-section-title,
.edit-user-accordion-content .form-section .form-section-title,
.company-standard-info .form-section .form-section-title,
#personal-information-tab .form-section .form-section-title {
  color: var(--Colors-Blue-Blue600, #1c1c9c);
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.register-company-form .form-section .form-section-input-container,
.edit-user-accordion-content .form-section .form-section-input-container,
.company-standard-info .form-section .form-section-input-container,
#personal-information-tab .form-section .form-section-input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-M, 16px);
  align-self: stretch;
}
.register-company-form .form-section .form-section-input-container .label-info-icon,
.edit-user-accordion-content .form-section .form-section-input-container .label-info-icon,
.company-standard-info .form-section .form-section-input-container .label-info-icon,
#personal-information-tab .form-section .form-section-input-container .label-info-icon {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 160px;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs,
.company-standard-info .form-section .form-section-input-container .form-section-inputs,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs #sectors-hidden-container,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs #sectors-hidden-container,
.company-standard-info .form-section .form-section-input-container .form-section-inputs #sectors-hidden-container,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs #sectors-hidden-container {
  display: none !important;
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  margin: 0;
  border: 0;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-radios,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-radios,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-radios,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-radios {
  display: flex;
  justify-content: space-between;
  flex: 1 0 0;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container {
  display: flex;
  justify-content: space-between;
  flex: 1 0 0;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container .logo-preview,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container .logo-preview,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container .logo-preview,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container .logo-preview {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container .logo-upload-circle,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container .logo-upload-circle,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container .logo-upload-circle,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container .logo-upload-circle {
  width: 80px;
  height: 80px;
  border-radius: 20%;
  border: 2px dashed #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container .plus-icon,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container .plus-icon,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container .plus-icon,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container .plus-icon {
  font-size: 32px;
  color: #888;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container .upload-icon,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container .upload-icon,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container .upload-icon,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container .upload-icon {
  width: 20px;
  height: 20px;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .upload-container button.link:focus-visible,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .upload-container button.link:focus-visible,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .upload-container button.link:focus-visible,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .upload-container button.link:focus-visible {
  outline: 1px solid #2e2eff;
  border-radius: 999px;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs.textarea,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs.textarea,
.company-standard-info .form-section .form-section-input-container .form-section-inputs.textarea,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs.textarea {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Spacing-spacing-XS, 4px);
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .form-section-label,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .form-section-label,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .form-section-label,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .form-section-label {
  display: flex;
  width: 160px;
  align-items: center;
  gap: 8px;
  color: var(--font-color-labels, #757575);
  font-family: "Basis Grotesque Pro", sans-serif;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .form-section-label.info,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .form-section-label.info,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .form-section-label.info,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .form-section-label.info {
  width: auto;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .form-section-label.textarea,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .form-section-label.textarea,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .form-section-label.textarea,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .form-section-label.textarea {
  width: auto;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .form-section-label.optional,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .form-section-label.optional,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .form-section-label.optional,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .form-section-label.optional {
  font-size: 14px;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-input,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-input,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-input,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-input {
  display: flex;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-input.error,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-input.error,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-input.error,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-input.error {
  border-color: #a21517;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-input.currency,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-input.currency,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-input.currency,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-input.currency {
  width: 71px;
  flex: none;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-input.disabled,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-input.disabled,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-input.disabled,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-input.disabled {
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray100, #f7f7f7);
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-input:focus-visible,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-input:focus-visible,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-input:focus-visible,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-input:focus-visible {
  border-radius: 6px;
  outline: 1px solid var(--primary-color, #2e2eff);
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .select-wrapper,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .select-wrapper,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .select-wrapper,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .select-wrapper {
  position: relative;
  display: inline-block;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .select-wrapper::after,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .select-wrapper::after,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .select-wrapper::after,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("/assets/img/arrow-down-select.svg") no-repeat center;
  background-size: 18px 18px;
  pointer-events: none !important;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .select-wrapper.open::after,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .select-wrapper.open::after,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .select-wrapper.open::after,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .select-wrapper.open::after {
  background-image: url("/assets/img/arrow-up-select.svg");
}
.register-company-form .form-section .form-section-input-container .form-section-inputs select.company-register-input,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs select.company-register-input,
.company-standard-info .form-section .form-section-input-container .form-section-inputs select.company-register-input,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs select.company-register-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-textarea,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-textarea,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-textarea,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-textarea {
  display: flex;
  height: 100px;
  padding: 12px 8px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-textarea.edit,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-textarea.edit,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-textarea.edit,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-textarea.edit {
  height: 70px;
  flex: 1 0 0;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-textarea.error,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-textarea.error,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-textarea.error,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-textarea.error {
  border-color: #a21517;
}
.register-company-form .form-section .form-section-input-container .form-section-inputs .company-register-textarea:focus-visible,
.edit-user-accordion-content .form-section .form-section-input-container .form-section-inputs .company-register-textarea:focus-visible,
.company-standard-info .form-section .form-section-input-container .form-section-inputs .company-register-textarea:focus-visible,
#personal-information-tab .form-section .form-section-input-container .form-section-inputs .company-register-textarea:focus-visible {
  outline: 1px solid var(--primary-color, #2e2eff);
}
.register-company-form .register-company-footer,
.edit-user-accordion-content .register-company-footer,
.company-standard-info .register-company-footer,
#personal-information-tab .register-company-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.register-company-form .register-company-footer.general-info,
.edit-user-accordion-content .register-company-footer.general-info,
.company-standard-info .register-company-footer.general-info,
#personal-information-tab .register-company-footer.general-info {
  justify-content: flex-end;
}

html.select2-open-fix {
  overflow: hidden !important;
  padding-right: 0 !important;
}

.onboard-container.company .select2-container--default {
  flex: 1 0 0;
  height: auto;
  font-size: 14px;
}
.onboard-container.company .select2-container--default .select2-selection--multiple,
.onboard-container.company .select2-container--default .select2-selection--single {
  pointer-events: all;
  cursor: pointer;
  min-height: 45px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-right: 30px;
  position: relative;
}
.onboard-container.company .select2-container--default .select2-selection--multiple:focus,
.onboard-container.company .select2-container--default .select2-selection--single:focus {
  outline: 1px solid var(--primary-color, #2e2eff) !important;
}
.onboard-container.company .select2-container--default .select2-selection--multiple::after,
.onboard-container.company .select2-container--default .select2-selection--single::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("/assets/img/arrow-down-select.svg") no-repeat center;
  background-size: 18px 18px;
  pointer-events: none;
}
.onboard-container.company .select2-container--default .select2-selection--multiple[aria-expanded=true]::after,
.onboard-container.company .select2-container--default .select2-selection--single[aria-expanded=true]::after {
  background-image: url("/assets/img/arrow-up-select.svg");
}
.onboard-container.company .select2-container--default .select2-selection--single {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  padding-bottom: 5px;
}
.onboard-container.company .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 8px 0px 4px 8px;
  padding-inline: 8px;
  border-radius: 7px;
  color: #0f1939;
  background: var(--Colors-Green-green100, #ebf4f0);
}
.onboard-container.company .select2-container--default .select2-selection__arrow {
  display: none;
}
.onboard-container.company .select2-container--default html.select2-open,
.onboard-container.company .select2-container--default body.select2-open {
  overflow: hidden !important;
}
.onboard-container.company .select2-container--default .select2-selection__choice {
  background: var(--Colors-Green-green100, #ebf4f0);
}
.onboard-container.company .select2-container--default .select2-results__option--highlighted {
  background-color: #eef0fb;
  color: black;
}
.onboard-container.company .select2-container--default .select2-results__option .select2-results__option {
  padding: 8px 12px;
}
.onboard-container.company .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selectable {
  padding-left: 36px !important;
  background-repeat: no-repeat;
  background-image: url("/assets/img/checkbox-empty.svg") !important;
  background-position: 12px 8px;
}
.onboard-container.company .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected {
  background-color: #fff;
  background-image: url("/assets/img/checkbox-checked.svg") !important;
}
.onboard-container.company .select2-container--default .select2-results__options:not([aria-multiselectable=true]) .select2-results__option.select2-results__option--selectable {
  padding-left: 36px !important;
  background-repeat: no-repeat;
  background-image: url("/assets/img/radio-empty.svg");
  background-position: 12px 8px;
}
.onboard-container.company .select2-container--default .select2-results__options:not([aria-multiselectable=true]) .select2-results__option.select2-results__option--selected {
  background-color: #fff;
  background-image: url("/assets/img/radio-checked.svg");
}
.onboard-container.company .select2-container--default .select2-dropdown {
  border-radius: 8px;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-block: 4px;
}
.onboard-container.company .select2-container--default .select2-results__group {
  padding: 8px 12px;
  border-bottom: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
  border-top: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
}
.onboard-container.company .select2-container--default .select2-results__options .select2-results__options--nested {
  padding: 0 !important;
}
.onboard-container.company .select2-container--default .select2-search--dropdown {
  padding: 0;
}
.onboard-container.company .select2-container--default .select2-search__field {
  padding: 12px 8px 12px 36px !important;
  border: none;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  font-size: 14px;
  background: url("/assets/img/search-icon.svg") no-repeat 10px center;
}
.onboard-container.company .select2-container--default .select2-search__field:focus {
  outline: none;
}
.onboard-container.company .select2-container--default .select2-dropdown {
  z-index: 999999 !important;
}
.onboard-container.company .select2-container--default .select2-results__options {
  max-height: 300px;
  overflow-y: auto;
  padding: 0 !important;
  border-radius: 6px;
}
.onboard-container.company .select2-container--default .select2-results__options::-webkit-scrollbar {
  height: 10px;
  width: 6px;
}
.onboard-container.company .select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}
.onboard-container.company .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: #d6dcf5;
  box-shadow: 0px 1px 0.5px 0px rgba(0, 0, 0, 0.05);
}
.onboard-container.company .form-check-input {
  margin-top: 0;
}
.onboard-container.company .form-check-input:checked {
  background-color: #2e2eff;
  border-color: #2e2eff;
}
.onboard-container.company .form-check-input[type=radio] {
  accent-color: #2e2eff;
}
.onboard-container.company .form-check-input[type=radio]:checked {
  background-color: #fff;
  border-color: #2e2eff;
  box-shadow: inset 0 0 0 3px #2e2eff;
}
.onboard-container.company .form-check {
  margin: 0;
}

.password-strength-bar {
  width: 100%;
  height: 4px;
}
.password-strength-bar svg {
  width: 100%;
  height: 100%;
  display: block;
}

.select2-clear-all {
  position: absolute;
  right: 36px;
  top: 50%;
  transform: translateY(-50%);
  color: #1c1c9c;
  cursor: pointer;
  z-index: 10;
  font-weight: 700;
  background: #fff;
  padding: 0 4px;
}

.capitalization-tooltip-label {
  display: flex;
  flex-direction: row;
}

.reporting-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
}

.select2-container .select2-search--inline {
  display: none !important;
}

.stakeholder-container {
  background-color: #ffffff;
  border-radius: 16px;
  width: 100%;
}

.step-container {
  justify-content: flex-start;
}

.step-header {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
}

.section-header {
  text-transform: uppercase;
  font-style: normal;
  color: #212121;
  font-size: 1rem;
  font-weight: 700;
}

.select2-container--default .select2-results__option[id$=-__clear__]::before {
  display: none !important;
  content: none !important;
}

.select2-container--default .select2-results__option[id$=-__clear__] {
  padding-left: 10px !important;
}

.accordion {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.accordion-button {
  align-self: stretch;
  box-sizing: border-box;
  padding: 8px 16px 8px 16px;
  border-radius: 8px;
  background: #eef0fb;
  border-radius: 8px;
}

.accordion-button::after {
  display: none;
}

.toggle-group i {
  transition: transform 0.3s ease, color 0.3s ease;
  transform: rotate(0deg);
}

.toggle-group {
  margin-left: 20px;
}

.group-header-controls {
  display: flex;
  gap: 8px;
  width: 100%;
}

.subgroup-header-controls {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.group-main-questionnaire {
  display: flex;
  align-items: center;
  width: 230px;
  gap: 8px;
  flex-shrink: 0;
}

.subgroup-main {
  display: flex;
  align-items: center;
  width: 202px;
  gap: 8px;
  flex-shrink: 0;
}

.accordion-item:hover .add-subgroup {
  pointer-events: auto;
  opacity: 1;
}

.group-name {
  font-style: normal;
  cursor: pointer;
  color: #0f1939;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
  padding-right: 8px;
}

.subgroup-list > li.list-group-item {
  box-sizing: border-box;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  padding: 8px 16px 8px 40px;
  gap: 8px;
  margin-bottom: 0;
  width: 100%;
  flex: 1 0 0;
}

.subgroup-list > li.list-group-item:last-child {
  border-bottom: 0px;
}

.accordion-item.open .accordion-button.collapsed {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}

.stakeholder-accordion-container {
  border: 2px solid #d6dcf5;
  border-radius: 8px;
  background: #eef0fb;
}

.subgroup-list li:hover {
  background-color: rgba(247, 247, 247, 0.75);
}

.arrow-open {
  display: none;
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}

.arrow-closed {
  display: inline-block;
  height: 16px;
  width: 16px;
  aspect-ratio: 1/1;
}

.accordion-item.open .arrow-open {
  display: inline-block;
}

.accordion-item.open .arrow-closed {
  display: none;
}

.group-header-controls .delete-group {
  transition: opacity 0.2s ease;
}

#add-material {
  display: none;
}

.accordion-item:hover .group-header-controls .delete-group {
  opacity: 1;
  pointer-events: auto;
}

.accordion-body {
  padding: 0;
}

button.btn.btn-sm.toggle-group {
  padding: 0px;
  margin: 0px;
}

#stakeholderGroups {
  --bs-accordion-border-color: transparent;
}

.groups-scroll-wrapper {
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 16px;
  max-height: 463px;
}

.groups-scroll-wrapper::-webkit-scrollbar {
  width: 8px;
}

.stakeholder-columns {
  position: sticky;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  padding-right: 16px;
  width: 100%;
}

.stakeholder-header {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-self: stretch;
  font-style: normal;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
  font-size: 0.875rem;
  color: #212121;
}

.group-header {
  display: flex;
  width: 230px;
  padding-left: 16px;
  gap: 8px;
  flex-shrink: 0;
}

.communication-header,
.frequency-header,
.insterest-expectations-header {
  display: flex;
  width: 230px;
  gap: 8px;
  flex-shrink: 0;
}

.impact-header {
  display: flex;
  flex-direction: row;
  width: 105px;
  gap: 4px;
  flex-shrink: 0;
}

.interest-header {
  flex-direction: row;
  margin-right: 18px;
  width: 105px;
  flex-shrink: 0;
  display: 105px;
  gap: 4px;
}

.group-fields,
.subgroup-fields {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.communication-select,
.freq-select,
.expectations-select {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  width: 230px;
  height: 40px;
  padding: 2px 12px 2px 8px;
  background: #ffffff;
  gap: 8px;
  border-radius: 6px;
}

.impact-select,
.interest-select {
  width: 105px;
  padding: 2px 12px 2px 8px;
  background: #ffffff;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  border-radius: 6px;
}

select {
  max-width: 230px;
  height: 100%;
  flex: none;
}

.header-group-fields {
  margin-left: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body .select2-container--default .select2-selection--singe .select2-selection__choice,
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: var(--Radius-radius-XS, 4px);
  background: var(--Colors-Green-green100, #ebf4f0);
  padding: 4px 8px;
  gap: 4px;
  display: flex;
  align-items: center;
  align-self: stretch;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

body .select2-container--default .select2-selection--single,
body .select2-container--default .select2-selection--multiple {
  background: #ffffff;
  border: 1px solid #abb8ed;
  min-height: 40px;
  border-radius: 6px;
}

.select2-container--default .select2-selection.error,
.select2-container--default .select2-selection--single.error,
.select2-container--default .select2-selection--multiple.error {
  border: 1px solid #a21517 !important;
}

body .select2-container--default .select2-selection--multiple {
  pointer-events: all;
  cursor: pointer;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}

.mapping-pillar.position-relative {
  position: relative;
}

.clear-all-link {
  position: absolute;
  top: 50%;
  right: 2.5rem; /* pull it in from the arrow */
  transform: translateY(-50%);
  font-size: 0.875rem;
}

.clear-all-link .js-clear-all {
  color: #1c1c9c; /* match your link color */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.clear-all-link .js-clear-all:hover {
  text-decoration: underline;
}

.select2-selection__rendered {
  height: 100%;
  align-items: center;
  display: flex !important;
}

.channel-container {
  min-width: 105px;
  max-width: 230px;
  flex: unset;
}

.accordion-button:hover {
  z-index: 0;
}

.mapping-pillar {
  padding: unset;
  margin-left: unset;
  margin-right: 0px;
  display: flex;
  align-items: center;
  min-width: 105px;
  max-width: 230px;
  width: 230px;
  gap: 8px;
  height: 100%;
}

.impact-pillar {
  width: 105px !important;
  background: #ffffff;
  border-radius: 6px;
}

.interest-pillar {
  width: 105px !important;
  background: #ffffff;
  border-radius: 6px;
}

.arrow-open {
  display: none;
}

.toggle-group:not(.collapsed) .arrow-open {
  display: block;
}

.toggle-group:not(.collapsed) .arrow-closed {
  display: none;
}

body .select2-container {
  height: auto;
}

.groups-scroll-wrapper .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option {
  position: relative;
  padding-left: 32px;
  border-bottom: 1px solid #d6dcf5;
  padding-block: 12px;
}
.groups-scroll-wrapper .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option::before {
  content: "";
  left: 8px;
  width: 16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8,      <svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'>      <rect x='0.6' y='1.1' width='14.8' height='14.8' rx='1.4' stroke='%23999999' stroke-width='1.2'/></svg>");
}
.groups-scroll-wrapper .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option--selected::before {
  background-image: url("data:image/svg+xml;utf8,    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'>    <rect y='0.5' width='16' height='16' rx='2' fill='%231C1C9C'/><path d='M11.7333 5.93359L6.59993 11.0669L4.2666 8.73359'     stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--Colors-Blue-Blue100, #eef0fb);
  color: inherit;
}

body .select2-container--default .select2-results__option--selected {
  background-color: transparent;
  color: inherit;
}

.select2-results__options > .select2-results__option[id$=__add__] {
  color: #2e2eff;
  font-weight: 600;
  padding: 8px 12px;
  background-position: 8px center;
  background-size: 20px 20px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 28px;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'><mask id='mask0_2679_23354' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='21'><rect y='0.5' width='20' height='20' fill='%23D9D9D9'/></mask><g mask='url(%23mask0_2679_23354)'><path d='M9.16675 11.3337H4.16675V9.66699H9.16675V4.66699H10.8334V9.66699H15.8334V11.3337H10.8334V16.3337H9.16675V11.3337Z' fill='%232E2EFF'/></g></svg>");
  background-repeat: no-repeat;
}

.select2-results__options > .select2-results__option[id$=__add__]:hover,
.select2-results__options > .select2-results__option[id$=__add__].select2-results__option--highlighted {
  color: #2e2eff;
  background-color: transparent;
}

.groups-scroll-wrapper .select2-container--default.select2-container--default .select2-results > .select2-results__options > li {
  padding-block: 12px;
  border-bottom: #d6dcf5;
}

#buttons-container {
  gap: 8px;
  display: flex;
}

#create-questionnaire-footer {
  padding-inline: 8px 16px;
}

.instructions-container {
  all: unset;
  font-size: 1rem;
  color: #2e2eff;
  gap: 4px;
  cursor: pointer;
  align-items: center;
  font-weight: 700;
}

.welcome-body-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
  width: 100%;
  height: 239px;
  margin-block: 16px 32px;
}

#relationship {
  display: flex;
  padding: 12px 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  align-self: stretch;
  width: 100%;
  border-radius: 6px;
  border: 1px solid var(--Colors-Gray-Gray200, #CCC);
  height: 100%;
  resize: none;
}

#relationship-label {
  color: var(--Font-color, #0F1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  width: 100%;
}

#intro-welcome-page {
  margin-top: 16px;
  color: var(--Font-color, #0F1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
}

#welcome-page-header-text {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}

.header-title-impact-stakeholders {
  color: #0f1939;
  font-size: 0.875rem;
  width: 112px;
  font-family: "Basis Grotesque Pro";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 18.2px */
  text-transform: uppercase;
}

.header-title-5 {
  font-size: 0.875rem;
  color: #0f1939;
  width: 112px;
  font-family: "Basis Grotesque Pro";
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 18.2px */
  text-transform: uppercase;
}

body .select {
  min-width: none !important;
}

.topics-header-materiality {
  background: #ffffff;
  display: flex;
  align-items: center;
  align-self: stretch;
  /* border-bottom: 2px solid #eeeae3; */
  margin-right: 14px;
}

.topic-impact-stakeholders {
  min-width: 116px;
}

.topic-impact-business {
  min-width: 116px;
}

.topic-material-assessment {
  padding: 8px 0;
  gap: 8px;
  display: flex;
  width: 210px;
  height: 64px;
  align-items: center;
  flex-shrink: 1;
}

.header-title-material {
  font-size: 0.875rem;
  display: flex;
  min-width: 214px;
  align-items: center;
  padding-left: 14px;
}

.header-title-pillar {
  font-size: 0.875rem;
  gap: 8px;
  display: flex;
  min-width: 163px;
  align-items: center;
}

.topic-pillar-assessment {
  display: flex;
  min-width: 163px;
  height: 64px;
  align-items: center;
}

.header-titles-assessment {
  margin-right: 12px;
  padding-right: 16px;
  gap: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0 0;
}

.header-title-description {
  display: flex;
  align-items: center;
  min-width: 444px;
}

.topic-description-assessment {
  width: 444px;
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.topic-row-assessment {
  padding: 16px;
  border-radius: 8px;
  gap: 16px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  align-self: stretch;
  background: #f3f4fc;
  justify-content: space-between;
  border: 2px solid var(--Colors-Blue-Blue200, #d6dcf5);
}

#header-title-1-text-material {
  width: 214px;
  flex-shrink: 0;
  color: #0f1939;
  font-family: "Basis Grotesque Pro";
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}

#header-title-2-text {
  font-size: 0.875rem;
}

#header-title-3-text-materiality {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

#validationModal .modal-dialog {
  max-width: 38%;
}

/* Επικεφαλίδα Modal */
#validationModal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: none;
  width: 100%;
  padding: 0;
}

/* Τίτλος */
#validationModal .modal-title {
  color: #0f1939;
  gap: 8px;
  font-size: 1.5rem;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.48px;
  margin-bottom: 0;
  padding-top: 2px;
  display: flex;
}

/* Κύριο σώμα */
#validationModal .modal-body {
  gap: 24px;
  padding: 0;
  width: 100%;
}

/* Label */
#validationModal label {
  font-size: 1rem;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  flex: 1 0 0;
  color: var(--Surface-colors-Surface-Black, #212121);
  font-family: "Basis Grotesque Pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.step-error-container {
  gap: 8px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: column;
}

/* Create */
#validationModal .btn-create {
  gap: 8px;
  padding: 12px 24px;
  border-radius: 100000px;
  background: #2e2eff;
  color: #ffffff;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 135px;
  border: none;
  text-align: center;
  font-family: "Basis Grotesque Pro", sans-serif;
  font-weight: 700;
  line-height: 130%;
  transition: background-color 0.3s ease;
  box-shadow: none;
}

#validationModal .btn-create:hover {
  background-color: rgb(20.5, 20.5, 255);
}

#end-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
}

.graph-header-container {
  display: flex;
  padding-right: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.graph-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Spacing-spacing-L, 24px);
  align-self: stretch;
}

.graph-title {
  color: #000;
  font-size: var(--Typography-Font-sizes-H3, 24px);
  font-weight: 900;
}

.graph-download-dropdown {
  position: relative;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.graph-download-toggle {
  padding: 6px 12px;
  background: #2e2eff;
  color: white;
  border-radius: 4px;
  cursor: pointer;
}

.graph-download-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-top: 4px;
  min-width: 120px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 10;
}

.graph-download-menu.show {
  display: block;
}

.graph-download-menu li {
  list-style: none;
  padding: 8px;
  cursor: pointer;
}

.graph-download-menu li:hover {
  background: #f0f0f0;
}

.graph-download-button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: none;
  color: #2e2eff;
  font-size: 16px;
  font-weight: 700;
}

.custom-graph {
  padding: 0 !important;
  border: none !important;
  border-radius: 8px !important;
  gap: 40px;
}

.custom-graph .custom-tooltip {
  color: #333;
  width: 423px;
  z-index: 100;
  border-radius: var(--Radius-radius-S, 8px);
  border: 1px solid var(--Colors-Blue-Blue800, #0f1939);
  background: var(--Colors-Gray-Gray0, #fff);
}

.custom-graph .plain-text {
  color: var(--font-color-labels, #757575);
  white-space: wrap;
}

.custom-graph .custom-tooltip table {
  width: 100%;
  border-collapse: collapse;
}

.custom-graph .custom-tooltip thead {
  height: 40px;
  font-size: 14px;
  border-bottom: 2px solid var(--Colors-Gray-Gray200, #ccc);
}

.custom-graph .custom-tooltip tbody {
  font-size: 14px;
}

.custom-graph .custom-tooltip th:nth-child(1),
.custom-graph .custom-tooltip td:nth-child(1) {
  width: 140px;
}

.custom-graph .custom-tooltip th {
  font-weight: 400;
  padding: 8px;
  align-items: center;
  border-radius: 8px 8px 0px 0px;
}

.custom-graph .custom-tooltip td {
  padding: 8px;
  align-items: center;
  border-top: 1px solid var(--Colors-Gray-Gray150, #ececec);
  border-left: 1px solid var(--Colors-Gray-Gray150, #ececec);
}

.custom-graph .custom-tooltip tbody tr {
  height: 72px;
}

.custom-graph .response-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.custom-graph .response-tag {
  display: inline-block;
  padding: 4px 8px;
  background: #e9f2ed;
  border-radius: 6px;
  font-size: 13px;
  color: #102a43;
  white-space: wrap;
}

.custom-graph .graph-title-btn {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
}

.custom-graph .graph-header {
  display: flex;
  padding-right: 100px;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}

.custom-graph .graph-title-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.custom-graph #stakeholders-graph,
.custom-graph #materiality-topics-graph {
  width: 100%;
  height: 800px;
}

#customTooltip2 thead,
#customTooltip thead {
  background: var(--Colors-Gray-Gray100, #f7f7f7);
  white-space: wrap;
}

#customTooltip .first-row {
  height: 30px;
}

.graph-pillar-tab-container {
  display: flex;
  justify-content: space-between;
  padding-inline: 16px;
}

.graph-pillar-container {
  display: flex;
  gap: 16px;
  align-items: center;
}

.graph-pillar-item {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-S, 8px);
}

.graph-toggle-buttons {
  display: inline-flex;
  background: #eee;
  border-radius: 62px;
}

.graph-toggle-button {
  border: none;
  background: transparent;
  border-radius: 62px;
  padding: 12px 32px;
  font-size: 14px;
  color: #757575;
  transition: all 0.18s ease;
}

.graph-toggle-button.active {
  background: #0f1939;
  color: #eee;
}

.date-error-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.date-status {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-right: 8px;
}
.date-status .status-info-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.date-status .status-info-container .status-info {
  display: flex;
  padding: 4px var(--Spacing-spacing-M, 16px);
  gap: 8px;
  border-radius: var(--Radius-radius-XS, 4px);
  background: var(--Colors-Gray-Gray100, #f7f7f7);
}
.date-status .status-info-container .status-info .color-info {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  margin-top: 2px;
}
.date-status .status-info-container .status-info .color-info.completed {
  background: var(--Colors-States-success, #008442);
}
.date-status .status-info-container .status-info .color-info.in-progress {
  background: #1c1c9c;
}
.date-status .status-info-container .status-info .color-info.not-started {
  background: #cccccc;
}

.date-container {
  display: flex;
  align-items: center;
  gap: 16px;
}
.date-container .date-header-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.date-container .date-info-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.date-container .date-info-container #start {
  display: flex;
  height: 40px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid var(--Colors-Gray-Gray900, #000);
  color: var(--font-color, #0f1939);
}

.status-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}
.status-container .status-header-container {
  display: flex;
  padding-right: 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

#respondentsStatusTable thead {
  height: 40px;
  background: #fff;
}
#respondentsStatusTable thead tr {
  display: flex;
  height: 40px;
  padding: 0px 8px 0px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: #fff;
}
#respondentsStatusTable tbody {
  gap: 4px;
  display: flex;
  flex-direction: column;
}
#respondentsStatusTable tbody tr {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--Colors-Blue-Blue100, #eef0fb);
}
#respondentsStatusTable thead th:nth-child(1),
#respondentsStatusTable tbody td:nth-child(1) {
  width: 24px !important;
}
#respondentsStatusTable thead th:nth-child(2),
#respondentsStatusTable tbody td:nth-child(2) {
  flex: 1 0 0;
}
#respondentsStatusTable thead th:nth-child(3),
#respondentsStatusTable tbody td:nth-child(3) {
  width: 114px !important;
}
#respondentsStatusTable thead th {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  position: relative;
}
#respondentsStatusTable th.no-sort.sorting::after,
#respondentsStatusTable th.no-sort.sorting_asc::after,
#respondentsStatusTable th.no-sort.sorting_desc::after,
#respondentsStatusTable th.no-sort.sorting::before,
#respondentsStatusTable th.no-sort.sorting_asc::before,
#respondentsStatusTable th.no-sort.sorting_desc::before {
  display: none !important;
}
#respondentsStatusTable th.no-sort.sorting_disabled.sorting_asc {
  padding-right: 0 !important;
}
#respondentsStatusTable th.sorting {
  padding-right: 0px !important;
}
#respondentsStatusTable thead th.sorting::after,
#respondentsStatusTable thead th.sorting_asc::after,
#respondentsStatusTable thead th.sorting_desc::after {
  content: "";
  position: relative;
  right: 0;
  top: 0;
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/sorting.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1 !important;
}
#respondentsStatusTable thead th.sorting::before,
#respondentsStatusTable thead th.sorting_asc::before,
#respondentsStatusTable thead th.sorting_desc::before {
  display: none !important;
}

#respondentsStatusTable_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#respondentsStatusTable_wrapper .datatable-footer-container {
  display: flex;
  align-self: stretch;
  justify-content: center;
}
#respondentsStatusTable_wrapper .datatable-footer-container .pagination {
  margin: 0;
  gap: 5px;
}

.status-badge {
  display: flex;
  padding: 8px var(--Spacing-spacing-M, 16px);
  justify-content: center;
  align-items: center;
  border-radius: var(--Radius-radius-XS, 4px);
}
.status-badge.completed {
  border: 2px solid #008442;
  background: var(--Colors-Green-green100, #ebf4f0);
  color: #008442;
}
.status-badge.in-progress {
  border: 2px solid var(--Colors-States-info, #1c1c9c);
  background: var(--Colors-Blue-Blue200, #d6dcf5);
  color: var(--Colors-States-info, #1c1c9c);
}
.status-badge.not-started {
  border: 2px solid var(--Colors-Gray-Gray400, #757575);
  background: var(--Colors-Gray-Gray0, #fff);
  color: var(--Colors-Gray-Gray400, #757575);
}

.dashboard-container {
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding-inline: 24px 8px;
}
.dashboard-container > .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1200px) {
  .dashboard-container {
    flex-direction: column;
  }
  .dashboard-container > .col {
    width: 100%;
  }
}

.dashboard-stakeholder-materiality,
.dashboard-data-collection,
.dashboard-user-management,
.dashboard-report-management {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 24px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
  gap: 8px;
}

.stakeholder-materiality-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

.stakeholder-materiality-title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  width: 100%;
  margin-bottom: 16px;
}

.stakeholder-materiality-title-text {
  color: var(--TKH-100, #212633);
  font-style: normal;
  font-weight: 900;
  flex: 1 0 0;
  font-size: 1.5rem;
}

.stakeholder-materiality-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  margin-bottom: 8px;
  padding: 16px;
  border-radius: 8px;
  background: #f7f7f7;
  gap: 12px;
}

.stakeholder-materiality-body-text {
  font-style: normal;
  font-weight: 400;
  align-self: stretch;
  color: #757575;
  font-size: 1rem;
}

.data-collection-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

.data-collection-title {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-bottom: 16px;
}

.data-collection-title-text {
  font-style: normal;
  display: flex;
  font-weight: 900;
  flex: 1 0 0;
  gap: 4px;
  font-size: 1.5rem;
  color: var(--TKH-100, #212633);
}

#data-collection-tooltip-header-container {
  display: flex;
  align-items: center;
  gap: 4px;
}

.data-collection-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  border-radius: 8px;
  padding: 16px;
  gap: 12px;
  background: #f7f7f7;
}

.data-collection-body-text {
  font-style: normal;
  align-self: stretch;
  font-weight: 400;
  font-size: 1rem;
  color: #757575;
}

.dc-top {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  align-self: stretch;
}

.dc-left {
  display: flex;
  gap: 16px;
  align-items: center;
}

.dc-donut {
  width: 84px;
  height: 84px;
}

.dc-titles {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1 0 0;
}

.dc-headline {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
}

.dc-headline #dc-headline-number {
  font-size: 24px;
  font-weight: 900;
  line-height: 22px;
}

.dc-subline {
  color: #757575;
  font-size: 14px;
  line-height: 22px;
}

.dc-rows {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 8px;
}

.dc-row {
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: 8px;
}

.dc-row-left {
  flex: 1 0 0;
}

.dc-row-title {
  font-weight: 700;
  color: #212633;
}

.dc-row-sub {
  color: #707070;
  font-size: 14px;
}

.dc-row-right {
  display: flex;
  align-items: center;
  gap: 4px;
  flex: 1;
}

.dc-row-pct {
  line-height: 22px;
}

.dc-row-chart {
  height: 24px;
  flex: 1;
  min-width: 220px;
}

.assignees-chart-container {
  margin-top: 40px;
}

.dc-assignees-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.dc-assignees-title {
  font-size: 18px;
  font-weight: 900;
  color: #212633;
}

.dc-assignees {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}

.dc-assignee:last-child {
  padding-bottom: 24px;
}

.dc-assignee-line {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}

.dc-assignee-name {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
}

.dc-assignee-kpi {
  font-size: 14px;
  color: #707070;
}

.dc-progress {
  height: 4px;
  background: #ececec;
  border-radius: 5px;
  overflow: hidden;
}

.dc-progress > span {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: #008442;
}

/* buttons as links */
.dc-buttons-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.user-management-header,
.report-management-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
}

#user-management-flow,
#report-management-flow {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.user-management-title,
.report-management-title {
  margin-bottom: 16px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.user-management-title-text,
.report-management-title-text {
  font-style: normal;
  display: flex;
  color: var(--TKH-100, #212633);
  flex: 1 0 0;
  font-weight: 900;
  font-size: 1.5rem;
  gap: 4px;
}

.user-management-body-container,
.report-management-body-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  align-self: stretch;
  gap: 12px;
  border-radius: 8px;
  background: #f7f7f7;
  padding: 16px;
}

.user-management-body-text,
.report-management-body-text {
  font-style: normal;
  align-self: stretch;
  font-weight: 400;
  color: #757575;
  font-size: 1rem;
}

.action-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  cursor: pointer;
  border-radius: 8px;
  padding: 16px;
  background: #eef0fb;
}

.stakeholder-materiality-body-info {
  display: flex;
  align-self: stretch;
  border-radius: 8px;
  background: #eef0fb;
  padding: 16px;
}

.stakeholder-materiality-body-info-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

#action-card-button {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.dashboard-sidebar {
  justify-content: center;
  align-items: flex-start;
  position: fixed;
  right: 0;
  flex: 0 0 280px;
  width: 280px;
  order: 1;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  min-height: 100vh;
  background: #ffffff;
  gap: 1px;
  z-index: 10;
}

.main-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-right: 280px;
}

/* 4. Header */
.step-header-container-dashboard {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  padding-inline: 24px;
  gap: 8px;
}
.step-header-container-dashboard .step-title-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-right: 8px;
  margin-top: 24px;
}
.step-header-container-dashboard .step-header-title {
  font-weight: 900;
  letter-spacing: -0.64px;
}
.step-header-container-dashboard .step-header-title-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
}
.step-header-container-dashboard .step-header-info {
  margin-bottom: 16px;
}

.page-layout {
  height: 100vh;
  display: flex;
  flex-direction: row;
  width: 100%;
}

#title-dot {
  color: #2e2eff;
  font-weight: 900;
  font-size: 48px;
  font-style: normal;
  line-height: 20px;
}

#stakeholder-materiality-flow {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

#uc-text {
  display: flex;
  align-items: center;
  font-weight: 700;
  font-size: 0.875rem;
}

.sidebar-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}

.user-role {
  display: flex;
  justify-content: center;
  align-items: center;
  font-style: normal;
  gap: 12px;
  border-radius: 4px;
  background: #c75123;
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  padding: 2px 8px;
}

.user-company-name {
  font-style: normal;
  color: #0f1939;
  font-size: 1.125rem;
  font-weight: 700;
}

.company-logo {
  height: 110px;
  width: 110px;
}

.dashboard-stakeholder-materiality #sm-chart {
  width: 100%;
  height: 250px;
  max-width: 500px;
}
.dashboard-stakeholder-materiality #materiality-topics-graph {
  min-width: 100%;
  margin: 0;
  aspect-ratio: 1/1;
}
.dashboard-stakeholder-materiality .graph-description {
  color: #757575;
}

.main-content-edit-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: #fff;
  gap: 24px;
  flex: 1 0 0;
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.1);
  border-radius: 16px;
}

.main-page-layout {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
}

.left-side-layout {
  width: 25%;
  display: flex;
  padding: 32px 0px 24px 0px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 16px 0px 0px 16px;
  background: var(--Colors-Orange-Orange100, #faf8f5);
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.05);
}
.left-side-layout.report-layout {
  position: fixed;
  height: 100%;
  width: 400px;
}
.left-side-layout.company-profile {
  width: 300px;
}

.left-side-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  width: 100%;
}

.information-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.information-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: var(--Font-color, #0f1939);
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.64px;
  padding-inline: 32px;
}

#information-text {
  align-self: stretch;
  color: var(--Font-color, #0f1939);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  display: flex;
}

.left-side-navbar {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.nav-button {
  display: flex;
  padding: 16px 32px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-radius-XXL, 999px);
  background-color: inherit;
  width: 100%;
  border: transparent;
  color: var(--font-color-labels, #757575);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
}

.nav-button.active {
  width: 100%;
  display: flex;
  padding: 16px 32px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: var(--Radius-radius-XXL, 999px) 0px 0px var(--Radius-radius-XXL, 999px);
  background: #fff;
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.05);
  color: var(--secondary-color, #df774e);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 20.8px */
  text-transform: uppercase;
}

#navbar-img img {
  height: 280px;
  width: 300px;
}

.right-side-layout {
  width: 75%;
  display: flex;
  padding: 32px 32px 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 0px 16px 16px 0px;
  background: #fff;
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.05);
}

.edit-page {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
  height: 100%;
  width: 100%;
}

.edit-page-titles {
  display: flex;
  padding-right: 8px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  margin-bottom: 24px;
}

.edit-page-text {
  color: var(--Font-color, #0f1939);
  font-size: 24px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.48px;
}

#account-details-text {
  color: var(--Font-color, #0f1939);
  font-size: var(--Typography-Font-sizes-H4, 20px);
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.4px;
}

#last-updated-info {
  color: var(--font-color-labels, #757575);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.company-information-form {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
}

.company-standard-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  width: 100%;
}

.company-standard-info-input-containers {
  align-self: stretch;
}

.change-logo-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
  height: 50%;
}

.logo-box {
  width: 100px;
  height: 100px;
  border: 2px dashed #ccc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #888;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.logo-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

#plus-sign {
  z-index: 1;
}

#nace-code-input-label-container {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 148px;
}

.hidden-buttons {
  gap: 16px;
}

.edit-user-accordion-container {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-spacing-S, 8px);
  align-self: stretch;
  margin-top: 24px;
}

.edit-user-accordion-item {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.edit-user-accordion-header {
  display: flex;
  padding: var(--Spacing-spacing-M, 16px);
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
  border-radius: var(--Radius-radius-M, 16px);
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  justify-content: space-between;
  color: var(--font-color-field-group-title, #1c1c9c);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.edit-user-accordion-header .accordion-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.edit-user-accordion-header.has-error {
  border-color: #e55353;
  color: #b3261e;
  background: #fff6f5;
}

.accordion-error-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #ffc7c2;
  background: #fff1f0;
  color: #b3261e;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.edit-user-accordion-header.has-error .accordion-toggle {
  color: #b3261e;
}

.accordion-toggle {
  transition: transform 0.2s ease;
}

.edit-user-accordion-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: white;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 0 0 16px 16px;
  display: none;
}

.edit-user-accordion-item.active .edit-user-accordion-header {
  background-color: #f7f7f7;
  border-radius: 16px 16px 0 0;
  border: 1px solid #ccc;
}

.edit-user-accordion-item.active .edit-user-accordion-content {
  display: block;
}

.edit-user-accordion-item.active .accordion-toggle {
  transform: rotate(45deg); /* από + σε x */
}

.right-side-layout .select2-container--default {
  flex: 1 0 0;
  height: auto;
  font-size: 14px;
}
.right-side-layout .select2-container--default .select2-selection--multiple,
.right-side-layout .select2-container--default .select2-selection--single {
  pointer-events: all;
  cursor: pointer;
  min-height: 45px;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
  padding-right: 30px;
  position: relative;
}
.right-side-layout .select2-container--default .select2-selection--multiple:focus,
.right-side-layout .select2-container--default .select2-selection--single:focus {
  border: 1px solid var(--primary-color, #2e2eff) !important;
}
.right-side-layout .select2-container--default .select2-selection--multiple:focus-visible,
.right-side-layout .select2-container--default .select2-selection--single:focus-visible {
  outline: 1px solid var(--primary-color, #2e2eff);
}
.right-side-layout .select2-container--default .select2-selection--multiple::after,
.right-side-layout .select2-container--default .select2-selection--single::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("/assets/img/arrow-down-select.svg") no-repeat center;
  background-size: 18px 18px;
  pointer-events: none;
}
.right-side-layout .select2-container--default .select2-selection--multiple[aria-expanded=true],
.right-side-layout .select2-container--default .select2-selection--single[aria-expanded=true] {
  border: 1px solid var(--Colors-Gray-Gray200, #2e2eff);
}
.right-side-layout .select2-container--default .select2-selection--multiple[aria-expanded=true]::after,
.right-side-layout .select2-container--default .select2-selection--single[aria-expanded=true]::after {
  background-image: url("/assets/img/arrow-up-select.svg");
}
.right-side-layout .select2-container--default .select2-selection--single {
  display: flex;
  height: 100%;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  padding-bottom: 5px;
}
.right-side-layout .select2-container--default .select2-selection--single .select2-selection__rendered {
  margin: 8px 0px 4px 8px;
  padding-inline: 8px;
  border-radius: 7px;
  color: #0f1939;
  background: var(--Colors-Green-green100, #ebf4f0);
}
.right-side-layout .select2-container--default .select2-selection__arrow {
  display: none;
}
.right-side-layout .select2-container--default html.select2-open,
.right-side-layout .select2-container--default body.select2-open {
  overflow: hidden !important;
}
.right-side-layout .select2-container--default .select2-selection__choice {
  background: var(--Colors-Green-green100, #ebf4f0);
}
.right-side-layout .select2-container--default .select2-results__option--highlighted {
  background-color: #eef0fb;
  color: black;
}
.right-side-layout .select2-container--default .select2-results__option .select2-results__option {
  padding: 8px 12px;
}
.right-side-layout .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selectable {
  padding-left: 36px !important;
  background-repeat: no-repeat;
  background-image: url("/assets/img/checkbox-empty.svg") !important;
  background-position: 12px 8px;
}
.right-side-layout .select2-container--default .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected {
  background-color: #fff;
  background-image: url("/assets/img/checkbox-checked.svg") !important;
}
.right-side-layout .select2-container--default .select2-results__options:not([aria-multiselectable=true]) .select2-results__option.select2-results__option--selectable {
  padding-left: 36px !important;
  background-repeat: no-repeat;
  background-image: url("/assets/img/radio-empty.svg");
  background-position: 12px 8px;
}
.right-side-layout .select2-container--default .select2-results__options:not([aria-multiselectable=true]) .select2-results__option.select2-results__option--selected {
  background-color: #fff;
  background-image: url("/assets/img/radio-checked.svg");
}
.right-side-layout .select2-container--default .select2-dropdown {
  border-radius: 8px;
  border: 1px solid var(--Colors-Blue-Blue300, #abb8ed);
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15);
  margin-block: 4px;
}
.right-side-layout .select2-container--default .select2-results__group {
  padding: 8px 12px;
  border-bottom: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
  border-top: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
}
.right-side-layout .select2-container--default .select2-results__options .select2-results__options--nested {
  padding: 0 !important;
}
.right-side-layout .select2-container--default .select2-search--dropdown {
  padding: 0;
}
.right-side-layout .select2-container--default .select2-search__field {
  padding: 12px 8px 12px 36px !important;
  border: none !important;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid var(--Colors-Blue-Blue300, #abb8ed) !important;
  font-size: 14px;
  background: url("/assets/img/search-icon.svg") no-repeat 10px center;
}
.right-side-layout .select2-container--default .select2-search__field:focus {
  outline: none;
}
.right-side-layout .select2-container--default .select2-results__options {
  max-height: 300px !important;
  overflow-y: auto;
  padding: 0 !important;
}
.right-side-layout .select2-container--default .select2-results__options::-webkit-scrollbar {
  height: 10px;
  width: 6px;
}
.right-side-layout .select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}
.right-side-layout .select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 9px;
  background: #d6dcf5;
  box-shadow: 0px 1px 0.5px 0px rgba(0, 0, 0, 0.05);
}
.right-side-layout .form-check-input {
  margin-top: 0;
}
.right-side-layout .form-check-input:checked {
  background-color: #2e2eff;
  border-color: #2e2eff;
}
.right-side-layout .form-check {
  margin: 0;
}

#top-sector-label-container {
  width: 148px;
  display: flex;
  flex-direction: row;
}

#sector-revenue-lavel-container {
  width: 148px;
  display: flex;
  flex-direction: row;
}

#sector-revenue {
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}

#primary-sector-container {
  display: flex;
  align-items: center;
  gap: var(--Spacing-spacing-M, 16px);
  align-self: stretch;
  width: 100%;
}

.company-standard-info-input-containers-sector {
  display: flex;
  align-items: center;
  gap: 8px;
}

#activities-textarea-label-container {
  display: flex;
  width: 148px;
  align-items: center;
  gap: var(--Spacing-spacing-XS, 4px);
}

.personal-information-inputs {
  display: flex;
  height: 42px;
  padding: 12px 8px 12px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
  border-radius: 6px;
  border: 1px solid var(--border-input-field-color, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
}
.personal-information-inputs:focus {
  outline: 1px solid var(--primary-color, #2e2eff) !important;
}

/* greyed-out look */
#profile-form.locked input:not([type=hidden]),
#profile-form.locked select,
#profile-form.locked textarea {
  color: #7b7b7b;
  border-color: #e2e5ea;
  cursor: not-allowed;
  pointer-events: none;
}
#profile-form.locked input:not([type=hidden]):focus-visible,
#profile-form.locked select:focus-visible,
#profile-form.locked textarea:focus-visible {
  outline: none;
}

/* Keep radio/checkbox obviously off */
#profile-form.locked .form-check-input {
  outline: 0;
  box-shadow: none;
}

/* If you use Select2, dim its container too */
#profile-form.locked .select2-container .select2-selection {
  border-color: #e2e5ea !important;
  cursor: not-allowed !important;
}
#profile-form.locked .select2-container .select2-selection::after {
  content: none;
}
#profile-form.locked .select2-container .select2-selection:focus-visible {
  outline: none;
}

#user-profile-form.locked input:not([type=hidden]),
#user-profile-form.locked select,
#user-profile-form.locked textarea {
  color: #7b7b7b;
  border-color: #e2e5ea;
  cursor: not-allowed;
  pointer-events: none;
}
#user-profile-form.locked input:not([type=hidden]):focus-visible,
#user-profile-form.locked select:focus-visible,
#user-profile-form.locked textarea:focus-visible {
  outline: none;
}

/* Keep radio/checkbox obviously off */
#user-profile-form.locked .form-check-input {
  outline: 0;
  box-shadow: none;
}

/* If you use Select2, dim its container too */
#user-profile-form.locked .select2-container .select2-selection {
  background: #f6f7f9 !important;
  border-color: #e2e5ea !important;
  cursor: not-allowed !important;
}

/* Permanently locked fields stay dimmed even when form is unlocked */
[data-permanent-lock=true]:not([type=hidden]) {
  color: #7b7b7b !important;
  border-color: #e2e5ea !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

select[data-permanent-lock=true] + .select2-container .select2-selection {
  pointer-events: none !important;
}

#change-password-modal-body {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

#user-password-edit {
  margin-top: 16px;
}

.input-with-action {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.input-with-action .personal-information-inputs {
  flex: 1 1 auto;
  padding-right: 140px;
}

#change-password-btn {
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 12px;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  padding: 0 8px;
  cursor: pointer;
}

#password-input-form-label,
#first-name-label,
#last-name-label {
  flex: 0 0 160px;
}

.password-container-edit-page {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: var(--Spacing-spacing-L, 24px);
}
.password-container-edit-page .password-input-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 8px;
}
.password-container-edit-page .password-input-container .password-feedback-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: stretch;
}
.password-container-edit-page .password-input-container .password-feedback-container .hints-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.password-container-edit-page .password-input-container .password-feedback-container .hints-wrapper .password-rules {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 4px;
}
.password-container-edit-page .password-input-container .password-feedback-container .hints-wrapper .password-rules .text-danger {
  color: #bd0f1b !important;
}
.password-container-edit-page .password-input-container .password-feedback-container .hints-wrapper .password-rules .text-success {
  color: #008442 !important;
}
.password-container-edit-page .password-input-container .pass-input {
  display: flex;
  height: 48px;
  padding: 12px var(--Spacing-spacing-M, 16px);
  padding-right: 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: var(--Radius-radius-S, 8px);
  border: var(--Border-size-border-size-S, 1px) solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray0, #fff);
  width: 100%;
}
.password-container-edit-page .password-input-container #togglePasswordIcon,
.password-container-edit-page .password-input-container #toggleConfirmPasswordIcon,
.password-container-edit-page .password-input-container #toggleCurrentPasswordIcon {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  cursor: pointer;
}
.password-container-edit-page .password-input-container .password-toggle-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  align-self: stretch;
}
.password-container-edit-page .password-input-container .password-toggle-wrapper #togglePassword,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleConfirmPassword,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleCurrentPassword {
  all: unset;
  position: absolute;
  right: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.password-container-edit-page .password-input-container .password-toggle-wrapper #togglePassword img,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleConfirmPassword img,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleCurrentPassword img {
  width: 24px;
  height: 24px;
}
.password-container-edit-page .password-input-container .password-toggle-wrapper #togglePassword:focus-visible,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleConfirmPassword:focus-visible,
.password-container-edit-page .password-input-container .password-toggle-wrapper #toggleCurrentPassword:focus-visible {
  outline: 2px solid #000;
  outline-offset: 4px;
  border-radius: 999px;
}
.password-container-edit-page .password-input-container .password-input-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.name-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#password-change-modal.password-toggle-wrapper {
  display: flex; /* να είναι πάντα block */
  width: 100%;
  flex-direction: column; /* ίδιο με bootstrap default */
  color: #dc3545;
  position: relative;
}

.settings-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.email-notifications-switch {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0px !important;
}

#password-input-custom {
  border: 0 !important;
}

#role.personal-information-inputs:disabled,
#email.personal-information-inputs:disabled {
  color: #7b7b7b;
  border-color: #e2e5ea;
  cursor: not-allowed;
  pointer-events: none;
}
#role.personal-information-inputs:disabled:focus-visible,
#email.personal-information-inputs:disabled:focus-visible {
  outline: none;
}

.personal-information-inputs:disabled {
  background-image: none;
}

.cube-folding span {
  position: relative;
  width: 50px;
  height: 50px;
  transform: scale(1.1);
  display: inline-block;
}

.cube-folding span::before {
  content: "";
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  transform-origin: 100% 100%;
  animation: folding 2.5s infinite linear both;
}

.cube-folding .leaf2 {
  transform: rotateZ(90deg) scale(1.1);
}

.cube-folding .leaf2::before {
  animation-delay: 0.3s;
  background-color: #f2f2f2;
}

.cube-folding .leaf3 {
  transform: rotateZ(270deg) scale(1.1);
}

.cube-folding .leaf3::before {
  animation-delay: 0.9s;
  background-color: #f2f2f2;
}

.cube-folding .leaf4 {
  transform: rotateZ(180deg) scale(1.1);
}

.cube-folding .leaf4::before {
  animation-delay: 0.61s;
  background-color: #e6e6e6;
}

@keyframes folding {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  pointer-events: auto;
  background: rgba(26, 31, 46, 0.8);
}

.loader-blur-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  background: rgba(26, 31, 46, 0.3); /* light semi-transparent tint */
  z-index: 1;
}

.cube-folding {
  width: 100px;
  height: 100px;
  display: inline-block;
  transform: rotate(45deg);
  font-size: 0;
  position: relative;
  z-index: 2; /* ensures it's above the blurred background */
}

/* ... όλα τα υπόλοιπα όπως τα έχεις ... */
body.loader-disabled .loader {
  display: none !important;
}

.report-page {
  flex-direction: column;
  align-items: center;
  align-self: stretch;
}

.left-report-layout {
  display: flex;
  position: fixed;
  width: 450px;
  padding: 32px 16px 24px 32px;
  height: 100vh;
  gap: 24px;
  flex-direction: column;
  align-items: flex-end;
  align-self: stretch;
  border-radius: 16px 0 0 16px;
  background: var(--Colors-Orange-Orange100, #faf8f5);
  box-shadow: -1px 2px 8px 0 rgba(153, 105, 86, 0.05);
  z-index: 1;
}

.right-report-layout {
  width: 100%;
  display: flex;
  padding: 32px 32px 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  border-radius: 0px 16px 16px 0px;
  background: #fff;
  box-shadow: -1px 2px 8px 0px rgba(153, 105, 86, 0.05);
  margin-left: 450px;
  max-height: 97vh;
  overflow: auto;
  overflow-x: hidden;
}
.right-report-layout .right-box {
  display: flex;
  flex-direction: column;
  margin-inline: auto;
}

.header-report-container {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.header-report-container .header-report-information {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
}
.header-report-container .header-report-information .header-report {
  font-weight: 900;
  margin-bottom: 4px;
}

.footer-report-editor {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  padding-left: 24px;
}

.page-container {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding-block: 36px;
  max-width: 1000px;
  align-self: stretch;
}
.page-container li {
  display: list-item;
}

.right-report-layout li {
  margin-left: 25px;
}

.left-report-layout .accordion-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow-y: scroll;
}
.left-report-layout .accordion-container::-webkit-scrollbar {
  width: 4px;
  border-radius: 9px;
  background-color: #eeeae5;
}
.left-report-layout .accordion-container::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 9px;
  background: #d4cdc4;
  box-shadow: 0 1px 0.5px 0 rgba(0, 0, 0, 0.05);
}

.chapter-container {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  align-self: stretch;
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
  border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
  border-right: 1px dashed rgba(0, 0, 0, 0.25);
  border-left: 1px dashed rgba(0, 0, 0, 0.25);
}

.chapter-subcontainer {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  flex: 1 0 0;
  align-self: stretch;
}

#report-chapter-13-2 > div.materiality-bullets > ul {
  gap: 8px;
  display: flex;
  flex-direction: column;
  padding-inline: 20px;
}
#report-chapter-13-2 > div.materiality-bullets > ul li {
  all: revert !important;
}

/* === ESG 3-Column Table (Chapter 2) === */
.chapter-2-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: none;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  font-family: Arial, sans-serif;
}

.chapter-2-table tr:first-child td {
  font-weight: bold;
  font-size: 20px;
  color: #fff;
  text-align: left;
  padding: 12px 16px;
}

.chapter-2-table tr:first-child td:nth-child(1) {
  background: #5ca35c;
}

.chapter-2-table tr:first-child td:nth-child(2) {
  background: #e67e33;
}

.chapter-2-table tr:first-child td:nth-child(3) {
  background: #7fb3ff;
}

.chapter-2-table tr:nth-child(2) td {
  vertical-align: top;
  padding: 24px 20px;
  color: #fff;
  line-height: 1.6;
}

.chapter-2-table tr:nth-child(2) td:nth-child(1) {
  background: #1f3b27;
}

.chapter-2-table tr:nth-child(2) td:nth-child(2) {
  background: #4b311a;
}

.chapter-2-table tr:nth-child(2) td:nth-child(3) {
  background: #1f2f46;
}

.chapter-2-table ul {
  margin: 0;
  padding-left: 20px;
}

.chapter-2-table li {
  margin: 10px 0;
}

.chapter-2-table li::marker {
  color: #fff;
}

/* Chapter 10.2 Table */
.chapter-10-2-table {
  width: 100%;
  border-collapse: collapse;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  border: 1px solid #000000;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.chapter-10-2-table thead th {
  background-color: #f2f2f2;
  color: #000000;
  text-align: left;
  font-weight: bold;
  font-size: 18px;
  padding: 12px 10px;
  border: 1px solid #000000;
}

.chapter-10-2-table tbody td {
  border: 1px solid #000000;
  padding: 10px 12px;
  vertical-align: top;
  line-height: 1.6;
  font-size: 15px;
}

/* Chapter 10.6 Table */
.chapter-10-6-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background-color: #ffffff;
  color: #000000;
  font-family: Arial, sans-serif;
  font-size: 15px;
  border: 1px solid #000000;
}

.chapter-10-6-table th {
  background-color: #1f4e79;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
  font-size: 17px;
  padding: 8px 12px;
  border: 1px solid #000000;
  width: 100%;
}

.chapter-10-6-table tr th {
  display: table-cell;
  width: 100%;
}

.chapter-10-6-table tr th[colspan] {
  text-align: center;
}

.chapter-10-6-table tr th:not([colspan]) {
  text-align: left;
  width: 100%;
}

.chapter-10-6-table td {
  border: 1px solid #000000;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  line-height: 1.4;
  word-break: break-word;
}

.chapter-10-6-table tr:nth-child(odd) td {
  background-color: #ffffff;
}

.chapter-10-6-table tr:nth-child(even) td {
  background-color: #f9f9f9;
}

.chapter-10-6-table th[colspan],
.chapter-10-6-table th:first-child {
  width: 100%;
}

.chapter-10-6-table td:empty {
  min-height: 40px;
  display: table-cell;
}

/* Chapter 13.1 Table*/
#chapter-13-1-table p {
  margin: 0;
  padding: 8px 10px;
  background: #ffffff;
  color: #000000;
  font-weight: 700;
}

#chapter-13-1-table p + ul {
  margin: 0 0 12px 0;
  padding: 8px 12px 8px 18px;
  list-style: disc;
  background: #ffffff;
  color: #000000;
}

#chapter-13-1-table b,
#chapter-13-1-table strong {
  color: #000000;
}

.report-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  padding-right: 24px;
}

.report-list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}
.report-list-item .item {
  display: flex;
  justify-content: space-between;
  align-self: stretch;
  padding-left: 16px;
  gap: 12px;
}
.report-list-item .item .link {
  font-weight: 400;
}
.report-list-item .item .link.disabled {
  color: #757575;
}
.report-list-item .item .link.is-selected {
  background-color: rgba(46, 46, 255, 0.3);
}
.report-list-item .item input[type=checkbox] {
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  margin-top: 2px;
  accent-color: #1c1c9c;
}

.inline-edit {
  display: inline-block;
  background-color: rgba(46, 46, 255, 0.1);
}
.inline-edit.readonly {
  background-color: transparent;
}

.inline-edit:empty::before {
  content: attr(data-placeholder);
  color: #999999;
}

[data-bind] {
  scroll-margin-top: 120px;
}

.bind-highlight {
  background-color: rgba(46, 46, 255, 0.3);
}

.report-accordion .accordion-button {
  border-top-left-radius: var(--Radius-radius-M, 16px) !important;
  border-top-right-radius: var(--Radius-radius-M, 16px) !important;
  border-bottom-left-radius: var(--Radius-radius-M, 0px) !important;
  border-bottom-right-radius: var(--Radius-radius-M, 0px) !important;
  border: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: var(--Colors-Gray-Gray100, #f7f7f7);
  padding: 16px;
  color: var(--font-color, #0f1939);
  font-size: 16px;
  font-weight: 700;
}
.report-accordion .accordion-button.collapsed {
  border-radius: 16px !important;
  background: #fff;
}
.report-accordion .accordion-button:focus {
  box-shadow: none;
}
.report-accordion .accordion-collapse {
  padding-top: 8px;
  padding-inline: 16px;
  border-radius: 0 0 var(--Radius-radius-M, 16px) var(--Radius-radius-M, 16px) !important;
  border-right: 1px solid var(--Colors-Gray-Gray200, #ccc);
  border-bottom: 1px solid var(--Colors-Gray-Gray200, #ccc);
  border-left: 1px solid var(--Colors-Gray-Gray200, #ccc);
  background: #fff;
}
.report-accordion .focus-link {
  color: var(--font-color, #0f1939);
}
.report-accordion .focus-link.approved {
  color: #757575;
  pointer-events: none;
}
.report-accordion .focus-link.active {
  color: red;
}

.circular-progress {
  width: 110px;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circular-chart {
  width: 100%;
  height: 100%;
}

.circle-bg {
  fill: none;
  stroke: #ccc;
  stroke-width: 0.7;
}

.circle {
  fill: none;
  stroke: #1c1c9c;
  stroke-width: 2;
  stroke-linecap: round;
  transition: stroke-dasharray 0.6s ease;
}

.circular-label {
  position: absolute;
  text-align: center;
}

.label-top {
  color: #050505;
  font-size: 14px;
  font-weight: 300;
}

.label-bottom {
  color: var(--font-color-field-group-title, #1c1c9c) !important;
  font-size: 20px;
  font-weight: 700;
}

.blue-colored-text {
  color: #11476e;
}

.light-blue-mt-text {
  color: #3993d3;
}

.report-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #B4BBEE;
  background: #FFFFFF;
  font-size: 14px;
}

.report-table th,
.report-table td {
  border: 1px solid #B4BBEE;
  padding: 16px;
  text-align: left;
  vertical-align: middle;
}

.report-table thead th {
  background: #0B2345;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.3;
}

.report-table tbody tr:nth-child(odd) {
  background: #F7F8FC;
}

.report-table tbody tr:nth-child(even) {
  background: #FFFFFF;
}

.report-table tr.report-table-header td,
.report-table tr.report-table-header th,
.report-table tr.report-table-header * {
  background: #0B2345;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.3;
}

.report-table thead tr.report-table-header * {
  background: #0B2345;
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.3;
}

.inline-edit table,
.inline-edit table.mce-item-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #B4BBEE;
  background: #FFFFFF;
  font-size: 14px;
}

.inline-edit table th,
.inline-edit table td {
  border: 1px solid #B4BBEE;
  padding: 16px;
  text-align: left;
  vertical-align: middle;
  word-wrap: break-word;
}

.inline-edit table tbody tr:nth-child(odd) {
  background: #F7F8FC;
}

.inline-edit table tbody tr:nth-child(even) {
  background: #FFFFFF;
}

.topics-grid-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.topics-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 12px;
}

.topics-grid, .chip {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  page-break-inside: avoid;
}

.topics-grid-footer {
  text-align: right;
}

.cube-folding span {
  position: relative;
  width: 50px;
  height: 50px;
  transform: scale(1.1);
  display: inline-block;
}

.cube-folding span::before {
  content: "";
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 50px;
  height: 50px;
  transform-origin: 100% 100%;
  animation: folding 2.5s infinite linear both;
}

.cube-folding .leaf2 {
  transform: rotateZ(90deg) scale(1.1);
}

.cube-folding .leaf2::before {
  animation-delay: 0.3s;
  background-color: #f2f2f2;
}

.cube-folding .leaf3 {
  transform: rotateZ(270deg) scale(1.1);
}

.cube-folding .leaf3::before {
  animation-delay: 0.9s;
  background-color: #f2f2f2;
}

.cube-folding .leaf4 {
  transform: rotateZ(180deg) scale(1.1);
}

.cube-folding .leaf4::before {
  animation-delay: 0.61s;
  background-color: #e6e6e6;
}

@keyframes folding {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  pointer-events: auto;
  background: rgba(26, 31, 46, 0.8);
}

.loader-blur-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(10px);
  background: rgba(26, 31, 46, 0.3); /* light semi-transparent tint */
  z-index: 1;
}

.cube-folding {
  width: 100px;
  height: 100px;
  display: inline-block;
  transform: rotate(45deg);
  font-size: 0;
  position: relative;
  z-index: 2; /* ensures it's above the blurred background */
}

/* ... όλα τα υπόλοιπα όπως τα έχεις ... */
body.loader-disabled .loader {
  display: none !important;
}

.main-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.data-collection-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 40px;
}
.data-collection-container .data-step-container {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
.data-collection-container .data-step-container .data-step-header {
  display: flex;
  padding: 4px 0 8px 0;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid var(--border-input-field-color, #ccc);
}
.data-collection-container .data-step-container .data-step-header.tab-active {
  justify-content: space-between;
  padding-right: 16px;
}
.data-collection-container .data-step-container .data-step-header.tab-active .view-tab {
  display: flex;
  align-items: center;
  gap: 8px;
}
.data-collection-container .data-step-container .data-step-info-header {
  display: flex;
  padding: 0 24px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
}
.data-collection-container .data-step-container .data-step-content {
  display: flex;
  gap: 24px;
  padding-inline: 24px;
}
.data-collection-container .data-step-container .data-step-content .form-error-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.data-collection-container .data-step-container .data-step-content .data-step-form {
  display: flex;
  gap: 24px;
  margin: 0;
}
.data-collection-container .data-step-container .data-step-content .chip-container {
  display: flex;
  gap: 8px;
}
.data-collection-container .data-step-container .data-step-content .material-topic-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.data-collection-container .data-step-container .data-step-content .range-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}
.data-collection-container .data-step-container .data-step-content .range-inputs {
  display: flex;
  align-items: center;
  gap: 4px;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .range-input-wrapper {
  display: flex;
  gap: 16px;
  max-width: 1000px;
  flex: 1;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .range-value {
  display: flex;
  width: 50px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  border: 1px solid #cccccc;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .range-label {
  text-transform: uppercase;
  width: 180px;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .custom-range {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  outline: none;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .custom-range::-webkit-slider-runnable-track {
  height: 8px;
  background: repeating-linear-gradient(to right, transparent 0, transparent calc(8.333% - 1px), #abb8ed calc(8.333% - 1px), #abb8ed 8.333%), linear-gradient(to right, #2e2eff 0%, #2e2eff var(--value, 50%), #d6dcf5 var(--value, 50%), #d6dcf5 100%);
  border-radius: 4px;
}
.data-collection-container .data-step-container .data-step-content .range-inputs .custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 6px solid #2e2eff;
  background: #fff;
  cursor: pointer;
  margin-top: -5px;
  position: relative;
  z-index: 2;
}
.data-collection-container .data-step-container .data-step-content .topics-grid-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.data-collection-container .data-step-container .data-step-content .topics-grid-container .topics-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(650px, 1fr));
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 12px;
}
.data-collection-container .data-step-container .data-step-content .topics-grid-container .topics-grid-footer {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}
.data-collection-container .data-step-container .datepicker-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.data-collection-container .data-step-container .datepicker-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  min-width: 300px;
}

#chart-view,
#chart-view #chart-area,
#chart-view .custom-graph,
#chart-view .graph-container,
#chart-view #materiality-topics-graph {
  flex: 1 1 auto;
}

#chart-view {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}

#materiality-topics-graph {
  min-width: 600px;
  max-width: 1400px;
  height: 800px;
  margin: 0 auto;
}

.modal-reporting-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 16px;
  align-self: stretch;
}
.modal-reporting-container .reporting-list-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.modal-reporting-container .reporting-list-container .reporting-list-header {
  display: flex;
  padding: 4px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-bottom: 1px solid var(--border-input-field-color, #ccc);
}
.modal-reporting-container .reporting-list-container .reporting-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

.step-choice {
  display: flex;
  position: relative;
  padding: 0px 24px 0px 40px;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  gap: 4px;
}

.step-choice.disabled:hover {
  cursor: text;
}

.step-choice:hover,
.go-to-page:hover {
  cursor: pointer;
}

.step-choice.not_assigned:not([data-state="4"]) span {
  color: #757575;
}

.step-choice.current {
  padding: 12px 24px 12px 40px;
  border-radius: var(--Radius-radius-S, 8px) 0 0 var(--Radius-radius-S, 8px);
  background: #fff;
  box-shadow: -1px 2px 8px 0 rgba(153, 105, 86, 0.05);
}

.step-choice.error span {
  color: #bd0f1b !important;
}

.step-choice.current span {
  color: #0f1939;
}

li.complete {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  gap: 4px;
}

.step-choice.error::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex-shrink: 0;
  background: url("/assets/img/error_indicator.svg") no-repeat center !important;
  background-size: contain !important;
}

.error::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: url("/assets/img/error_indicator.svg") no-repeat center !important;
  background-size: contain !important;
}

li.complete .step-choice::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 20px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  flex-shrink: 0;
  background: url("/assets/img/double_check.svg") no-repeat center;
  background-size: contain;
}

li.incomplete {
  display: flex;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  gap: 4px;
}

li.complete span {
  color: #757575;
}

li.incomplete span {
  color: #1c1c9c;
}

li.complete.error span,
li.incomplete.error span {
  color: #bd0f1b !important;
}

.form-wizard {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 1 0 0;
  align-self: stretch;
}

.wizard-fieldset {
  display: none;
}

.wizard-fieldset.show {
  display: flex;
  flex: 1 0 0;
  width: 100%;
}

.wizard-fieldset-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.wizard-fieldset-wrapper .wizard-fieldset-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.wizard-fieldset-wrapper .indicator-head {
  display: flex;
  padding: 10px 12px;
  align-items: flex-start;
  border-radius: 4px;
  background: var(--Colors-Blue-Blue800, #0f1939);
}
.wizard-fieldset-wrapper .indicator-head span {
  color: #fff;
}
.wizard-fieldset-wrapper fieldset legend {
  font-size: var(--bs-body-font-size);
}
.wizard-fieldset-wrapper input[type=text] {
  outline: none;
}
.wizard-fieldset-wrapper .wizard-fieldset-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
}
.wizard-fieldset-wrapper .wizard-fieldset-footer p {
  color: rgba(5, 8, 23, 0.6);
}
.wizard-fieldset-wrapper .form-indicator-progress-bar {
  height: 12px;
  border-radius: 10px;
  background: #d9d9d9;
}
.wizard-fieldset-wrapper .form-indicator-progress-bar .progress-bar {
  border-radius: 10px;
  background: #1c1c9c;
}

.indicator-state.show,
.request-approval-wrap.show,
.approved-wrap.show {
  display: flex !important;
}

.indicator-state.show {
  align-self: stretch;
}

.indicator-state .request-approval-wrap {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  align-self: stretch;
  justify-content: space-between;
  border-radius: 8px;
  background: var(--Colors-Blue-Blue600, #1c1c9c);
  color: #fff;
}
.indicator-state .request-approval-title-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.indicator-state .approved-wrap {
  display: flex;
  height: 64px;
  padding: 16px;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  font-weight: bold;
  border-radius: 8px;
  background: var(--Colors-Green-green500, #008442);
  color: #fff;
}
.indicator-state .approved-title-info {
  display: flex;
  gap: 8px;
}
.indicator-state .approved-title-author {
  color: #fff;
}
.indicator-state .btn-approval:hover span {
  color: var(--state-info);
}

.left-side-survey {
  display: flex;
  height: -moz-min-content;
  height: min-content;
  max-height: 97vh;
  overflow-y: auto;
  width: 320px;
  padding: 32px 0px 24px 0px;
  flex-direction: column;
  gap: 24px;
  border-radius: 16px 0 0 16px;
  opacity: 0.9;
  background: var(--Colors-Orange-Orange100, #faf8f5);
  box-shadow: -1px 2px 8px 0 rgba(153, 105, 86, 0.05);
  transition: all 0.35s ease-in-out;
  overflow: hidden; /* so content collapses nicely */
}
.left-side-survey.hidden {
  opacity: 0;
  transform: translateX(-20px);
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

.indicator-list-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  overflow-y: auto;
}
.indicator-list-container.main {
  max-height: 500px;
}

.indicator-answers {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-list-indicators {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  align-self: stretch;
  max-height: 250px;
  overflow-y: auto;
}

.tree-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}

.indicator-notes {
  margin-top: 16px;
}

.response-container {
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 64px;
  width: 750px;
  margin-left: auto;
  margin-right: auto;
}
.response-container .logo {
  position: absolute;
  top: 60px;
  left: 60px;
}
.response-container .response-message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;
}
.response-container .response-message-container .response-title-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-self: stretch;
}
.response-container .response-message-container .response-title-box .response-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.response-container .response-message-container .response-title-box .response-title svg {
  flex-shrink: 0;
}
.response-container .response-info-container {
  display: flex;
  padding: 32px 32px 20px 32px;
  flex-direction: column;
  gap: 12px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid var(--Colors-Blue-Blue200, #d6dcf5);
}
.response-container .response-info-container .info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-bottom: 12px;
  border-bottom: 1px solid #d6dcf5;
}
.response-container .response-info-container .info-box .info-label {
  color: #757575;
  margin-right: 4px;
}
.response-container .response-info-container .info-box .info-total {
  color: #1c1c9c;
}

.container-body {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
}

.admin-company-lifecycle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  gap: 16px;
}
.admin-company-lifecycle .admin-table-card {
  width: 100%;
  align-self: stretch;
  margin: 0;
  border: 2px solid #d6dcf5;
  border-radius: 16px;
  box-shadow: none;
  overflow: visible;
}
.admin-company-lifecycle .table-responsive {
  width: 100%;
  overflow: visible;
}
.admin-company-lifecycle .card-body {
  padding: 0;
  overflow: visible;
}
.admin-company-lifecycle .admin-lifecycle-table {
  margin-bottom: 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #0f1939;
}
.admin-company-lifecycle .admin-lifecycle-table .company-cell {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
.admin-company-lifecycle .admin-lifecycle-table .company-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  flex: 0 0 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #0f1939;
  background: #d6dcf5;
  overflow: hidden;
}
.admin-company-lifecycle .admin-lifecycle-table .company-avatar__initials {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.02em;
}
.admin-company-lifecycle .admin-lifecycle-table .company-avatar--image {
  background: transparent;
}
.admin-company-lifecycle .admin-lifecycle-table .company-avatar--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  display: block;
}
.admin-company-lifecycle .admin-lifecycle-table .company-avatar--initials {
  background: #cfd7fd;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:first-child,
.admin-company-lifecycle .admin-lifecycle-table tbody td:first-child {
  width: 20%;
  white-space: nowrap;
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:nth-child(2),
.admin-company-lifecycle .admin-lifecycle-table tbody td:nth-child(2) {
  width: 21%;
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:nth-child(3),
.admin-company-lifecycle .admin-lifecycle-table tbody td:nth-child(3) {
  width: 24%;
  white-space: nowrap;
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:nth-child(4),
.admin-company-lifecycle .admin-lifecycle-table tbody td:nth-child(4) {
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:last-child,
.admin-company-lifecycle .admin-lifecycle-table tbody td:last-child {
  width: 10%;
  white-space: nowrap;
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead {
  background: #f3f4fc;
  border-bottom: 1px solid #d6dcf5;
}
.admin-company-lifecycle .admin-lifecycle-table thead th {
  font-weight: 700;
  font-size: 0.95rem;
  text-transform: uppercase;
  border: none;
  padding: 18px 20px;
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:first-child {
  border-top-left-radius: 14px;
}
.admin-company-lifecycle .admin-lifecycle-table thead th:last-child {
  border-top-right-radius: 14px;
  text-align: right;
}
.admin-company-lifecycle .admin-lifecycle-table tbody {
  background: #ffffff;
  overflow: visible;
}
.admin-company-lifecycle .admin-lifecycle-table tbody tr {
  border-bottom: 1px solid #f1ebe3;
  transition: background 0.2s ease;
  position: relative;
  overflow: visible;
}
.admin-company-lifecycle .admin-lifecycle-table tbody tr:nth-of-type(even) {
  background: #fcfcff;
}
.admin-company-lifecycle .admin-lifecycle-table tbody tr:hover {
  background: #f0f7ff;
}
.admin-company-lifecycle .admin-lifecycle-table tbody td {
  border: none;
  padding: 18px 20px;
  vertical-align: middle;
  position: relative;
  overflow: visible;
}
.admin-company-lifecycle .admin-lifecycle-table tbody td:nth-child(3), .admin-company-lifecycle .admin-lifecycle-table tbody td:nth-child(4) {
  text-align: left;
}
.admin-company-lifecycle .admin-lifecycle-table tbody td:last-child {
  text-align: right;
  z-index: 10;
}
.admin-company-lifecycle .admin-lifecycle-table .badge {
  font-weight: 600;
  letter-spacing: 0.02em;
}
.admin-company-lifecycle .admin-lifecycle-table .btn {
  font-weight: 600;
  border-radius: 999px;
  padding: 6px 16px;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-actions {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.125rem;
  width: 100%;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-slot {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn {
  padding: 4px 0;
  font-size: 0.72rem;
  line-height: 1;
  white-space: nowrap;
  width: 2.25rem;
  min-width: 32px;
  min-height: 28px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: #fff;
  font-weight: 600;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--manager {
  background: #2f4d9f;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--manager:not(:disabled):hover, .admin-company-lifecycle .admin-lifecycle-table .view-role-btn--manager:not(:disabled):focus-visible {
  background: #243b79;
  color: #fff;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--operator {
  background: #1b6c55;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--operator:not(:disabled):hover, .admin-company-lifecycle .admin-lifecycle-table .view-role-btn--operator:not(:disabled):focus-visible {
  background: #155241;
  color: #fff;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--viewer {
  background: #3d3b63;
}
.admin-company-lifecycle .admin-lifecycle-table .view-role-btn--viewer:not(:disabled):hover, .admin-company-lifecycle .admin-lifecycle-table .view-role-btn--viewer:not(:disabled):focus-visible {
  background: #2f2f4a;
  color: #fff;
}
.admin-company-lifecycle #lifecycle-table_wrapper {
  width: 100%;
  overflow: visible;
}
.admin-company-lifecycle #lifecycle-table_wrapper .row,
.admin-company-lifecycle #lifecycle-table_wrapper [class*=col-] {
  overflow: visible;
}
.admin-company-lifecycle .datatable-pagination {
  display: flex;
  justify-content: flex-end;
  padding: 12px 20px;
  gap: 6px;
}
.admin-company-lifecycle .datatable-pagination .paginate_button {
  border: 1px solid #a7b0d9;
  border-radius: 10px;
  padding: 6px 12px;
  margin: 0;
  color: #0f1939 !important;
  background: #fff;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.admin-company-lifecycle .datatable-pagination .paginate_button.current, .admin-company-lifecycle .datatable-pagination .paginate_button:hover {
  background: #0f1939;
  color: #fff !important;
  border-color: #0f1939;
}
.admin-company-lifecycle .dropdown-item-form {
  margin: 0;
}
.admin-company-lifecycle .dropdown-item-form .dropdown-item {
  width: 100%;
  text-align: left;
}
.admin-company-lifecycle .btn-group.dropstart .dropdown-menu {
  margin-right: 8px;
}

.lifecycle-badge {
  border: none;
  color: #0f1939;
  background: #f1ebe3;
  padding: 0.45rem 1rem;
  font-weight: 700;
  /* Phase palettes */
}
.lifecycle-badge-primary {
  background: #dbe5ff;
}
.lifecycle-badge-secondary {
  background: #ece8e2;
}
.lifecycle-badge-success {
  background: #d6f3e6;
}
.lifecycle-badge-warning {
  background: #ffe7cc;
}
.lifecycle-badge-danger {
  background: #ffe0e0;
}
.lifecycle-badge-info {
  background: #e3f3ff;
}
.lifecycle-badge-dark {
  background: #dcdcdc;
}
.lifecycle-badge-light {
  background: #f9f8f4;
}
.lifecycle-badge-registration {
  background: #ffe0ba; /* pastel orange */
  color: #6b3a0a;
}
.lifecycle-badge-materiality {
  background: #d9e7ff; /* pastel blue */
  color: #163a73;
}
.lifecycle-badge-survey {
  background: #d4f2e3; /* pastel green */
  color: #0c3b24;
}
.lifecycle-badge-report {
  background: #dcd7f6; /* pastel purple */
  color: #433a7e;
}

.generator-button {
  display: inline-flex;
  align-items: center;
  padding: 10px 24px;
  border-radius: 999px;
  font-weight: 600;
  text-transform: none;
  background: #fff;
  color: #0f1939;
  border: 1px solid #0f1939;
}
.generator-button:hover, .generator-button:focus-visible {
  background: #0f1939;
  color: #fff;
  border-color: #0f1939;
}
.generator-button:hover span, .generator-button:focus-visible span {
  color: #fff;
}
.generator-button span {
  color: inherit;
}

#lifecycle-table thead th.sorting:before,
#lifecycle-table thead th.sorting:after,
#lifecycle-table thead th.sorting_asc:before,
#lifecycle-table thead th.sorting_asc:after,
#lifecycle-table thead th.sorting_desc:before,
#lifecycle-table thead th.sorting_desc:after {
  opacity: 0.6;
  color: #1c1c9c;
}

#lifecycle-table thead th.sorting_asc,
#lifecycle-table thead th.sorting_desc {
  background: #e9edff;
  color: #0b1462;
}
#lifecycle-table thead th.sorting_asc:before, #lifecycle-table thead th.sorting_asc:after,
#lifecycle-table thead th.sorting_desc:before,
#lifecycle-table thead th.sorting_desc:after {
  opacity: 0.8;
  color: #0b1462;
}
#lifecycle-table thead th.sorting_asc.sorting_asc:before, #lifecycle-table thead th.sorting_asc.sorting_desc:after,
#lifecycle-table thead th.sorting_desc.sorting_asc:before,
#lifecycle-table thead th.sorting_desc.sorting_desc:after {
  opacity: 1;
  font-size: 1.1em;
  color: #0b1462;
}
#lifecycle-table thead th.sorting_asc.sorting_asc:after, #lifecycle-table thead th.sorting_asc.sorting_desc:before,
#lifecycle-table thead th.sorting_desc.sorting_asc:after,
#lifecycle-table thead th.sorting_desc.sorting_desc:before {
  opacity: 0.35;
}

.inspection-banner {
  position: fixed;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1200;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px 16px;
  background: #fff8e6;
  border: 1px solid #ffe08a;
  border-radius: 999px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  max-height: 36px;
  max-width: 200px;
  overflow: hidden;
  cursor: pointer;
  transition: max-height 0.25s ease, max-width 0.25s ease, border-radius 0.25s ease;
}

.inspection-banner:focus-within,
.inspection-banner:hover {
  max-height: 90px;
  max-width: min(90%, 800px);
  border-radius: 16px;
}

.inspection-banner__collapsed {
  text-transform: uppercase;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: #ab6a00;
  font-weight: 700;
  text-align: center;
}

.inspection-banner__expanded {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: 0.9rem;
  color: #5c4200;
  text-align: center;
}

.inspection-banner:hover .inspection-banner__expanded,
.inspection-banner:focus-within .inspection-banner__expanded {
  display: flex;
}

.inspection-banner:hover .inspection-banner__collapsed,
.inspection-banner:focus-within .inspection-banner__collapsed {
  display: none;
}

.inspection-banner__label {
  text-transform: uppercase;
  font-size: 0.82rem;
  letter-spacing: 0.1em;
  color: #ab6a00;
  font-weight: 700;
}

.inspection-banner__line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
  align-items: baseline;
}

.inspection-banner__meta {
  text-transform: uppercase;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  color: #c18700;
}

.inspection-banner__actions {
  display: inline-flex;
  align-items: center;
}

.inspection-banner__actions form {
  margin: 8px 0 0;
}

.inspection-banner__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #ab6a00;
  background: rgba(255, 255, 255, 0.2);
  color: #5c4200;
  font-size: 0.82rem;
  padding: 4px 16px;
  font-weight: 600;
  transition: background 0.2s ease, color 0.2s ease;
  line-height: 1;
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 4px;
}

.inspection-banner__button:hover,
.inspection-banner__button:focus-visible {
  background: #ab6a00;
  color: #fff;
}

@media (max-width: 768px) {
  .inspection-banner {
    max-width: calc(100% - 24px);
  }
  .inspection-banner__expanded {
    flex-direction: column;
    align-items: flex-start;
  }
  .inspection-banner__actions .btn,
  .inspection-banner__button {
    width: 100%;
  }
}
.generator-page {
  width: 100%;
  /* Widen only the generator form area; keep left panel unchanged */
  /* Increase specificity to override onboarding defaults */
  /* Two-column layout for non-topics inputs */
  /* Allow inputs to stretch with grid (no narrow cap) */
  /* Inputs */
  /* Errors */
  /* Select2 styling to match inputs */
  /* Button */
  /* Override onboarding wide button/stretch */
  /* Header tweaks */
}
.generator-page .login-container {
  width: 98%;
  max-width: 1250px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  align-items: center;
  gap: 24px;
}
.onboard-content .generator-page .login-container, .generator-page .login-container {
  width: 98%;
  max-width: 1250px;
  padding-left: 24px;
  padding-right: 24px;
}
.generator-page .login-header {
  align-items: center;
  text-align: center;
  width: 100%;
}
.generator-page .login-title {
  width: 100%;
  margin: 0 0 14px 0;
  min-width: auto;
}
.generator-page .login-form {
  width: 100%;
  gap: 24px;
  align-self: stretch;
}
.generator-page .login-input-container {
  display: grid !important; /* override onboarding flex */
  grid-template-columns: repeat(2, minmax(420px, 1fr));
  gap: 18px 32px;
  align-items: start;
  width: 100%;
}
.generator-page .login-input-container > .email-input-container {
  width: 100%;
  max-width: none;
}
.generator-page #materiality-topics-wrapper {
  grid-column: 1/-1;
}
.generator-page .input-label {
  display: block;
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 14px;
}
.generator-page .email-input,
.generator-page .login-form select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e1e4ea;
  border-radius: 8px;
  font-size: 14px;
  background: #fff;
  outline: none;
  transition: border-color 0.15s;
}
.generator-page .email-input:focus,
.generator-page .login-form select:focus {
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
.generator-page .text-danger {
  color: #c81e1e;
  font-size: 12px;
  margin-top: 6px;
}
.generator-page .select2-container--default .select2-selection--multiple {
  min-height: 40px;
  border: 1px solid #e1e4ea;
  border-radius: 8px;
  padding: 4px 6px;
}
.generator-page .select2-container--default .select2-selection--multiple:focus,
.generator-page .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
}
.generator-page .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  padding: 2px 6px;
  margin-top: 4px;
  font-size: 13px;
}
.generator-page .select2-error .select2-selection--multiple {
  border-color: #c81e1e !important;
}
.generator-page .topics-checkbox-panel {
  border: 1px solid #d6dcf5;
  border-radius: 16px;
  padding: 16px;
  background: #fff;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}
.generator-page .topics-checkbox-panel .topics-checkbox-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 16px;
  max-height: 420px;
  overflow-y: auto;
  padding-right: 6px;
}
.generator-page .topics-checkbox-panel .topic-card {
  --pillar-bg: #fff;
  --pillar-bg-checked: #f4f6ff;
  --pillar-border: #d6dcf5;
  border: 1px solid var(--pillar-border);
  border-radius: 14px;
  padding: 12px 16px;
  display: flex;
  gap: 12px;
  cursor: pointer;
  background: var(--pillar-bg);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
  /* ESG pillar colour coding */
}
.generator-page .topics-checkbox-panel .topic-card input[type=checkbox] {
  margin-top: 4px;
  width: 18px;
  height: 18px;
  accent-color: #1c1c9c;
}
.generator-page .topics-checkbox-panel .topic-card__content {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.generator-page .topics-checkbox-panel .topic-card__title {
  font-weight: 600;
  color: #0f1939;
}
.generator-page .topics-checkbox-panel .topic-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 0.8rem;
  color: #4c4f67;
}
.generator-page .topics-checkbox-panel .topic-card__pill {
  background: #eef2ff;
  border-radius: 999px;
  padding: 2px 10px;
  font-weight: 600;
}
.generator-page .topics-checkbox-panel .topic-card.checked {
  border-color: #1c1c9c;
  background: var(--pillar-bg-checked);
  box-shadow: 0 0 0 2px rgba(28, 28, 156, 0.1);
}
.generator-page .topics-checkbox-panel .topic-card.pillar-1 { /* Environmental */
  --pillar-bg: #f0f9f4;
  --pillar-bg-checked: #e1f2e7;
  --pillar-border: #b8e4c7;
}
.generator-page .topics-checkbox-panel .topic-card.pillar-2 { /* Social */
  --pillar-bg: #f0f5ff;
  --pillar-bg-checked: #e1e9ff;
  --pillar-border: #bcccf7;
}
.generator-page .topics-checkbox-panel .topic-card.pillar-3 { /* Governance */
  --pillar-bg: #fbf6f0;
  --pillar-bg-checked: #f3eadc;
  --pillar-border: #e5d3b8;
}
@media (max-width: 1024px) {
  .generator-page .topics-checkbox-panel .topics-checkbox-list {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
}
@media (max-width: 768px) {
  .generator-page .login-input-container {
    grid-template-columns: 1fr;
  }
}
.generator-page .generate-button,
.generator-page .btn.btn-primary.btn-form {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 10px;
  background: #4f46e5;
  color: #fff;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: background 0.15s, transform 0.05s;
  min-width: 180px;
  width: auto;
  align-self: center;
}
.generator-page .login-container .login-btn-container {
  align-items: flex-start !important;
  width: 40% !important;
  margin: 0;
  align-self: flex-start;
}
.generator-page .login-container .btn-form {
  align-self: flex-start !important;
  width: auto !important;
  min-width: 180px !important;
  padding-left: 18px;
  padding-right: 18px;
}
.generator-page .generate-button:hover {
  background: #4338ca;
}
.generator-page .generate-button:active {
  transform: translateY(1px);
}
.generator-page .login-p {
  color: #6b7280;
  font-size: 14px;
  margin: 0;
}
.generator-page .progress-wrapper {
  width: 100%;
  margin-bottom: 24px;
}
.generator-page .progress-card {
  width: 100%;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 10px 25px rgba(15, 25, 57, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.generator-page .progress-steps {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.generator-page .progress-step {
  flex: 1;
  text-align: center;
  font-size: 12px;
  color: #94a3b8;
  font-weight: 600;
  position: relative;
  z-index: 2;
}
.generator-page .progress-step:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: 0 auto 6px;
  border-radius: 50%;
  background: #e2e8f0;
  border: 2px solid #e2e8f0;
}
.generator-page .progress-step.active {
  color: #0f1939;
}
.generator-page .progress-step.active:before {
  background: #4f46e5;
  border-color: #4f46e5;
}
.generator-page .progress-bar {
  position: absolute;
  left: 7%;
  right: 7%;
  top: 7px;
  height: 2px;
  background: #e2e8f0;
  z-index: 1;
}
.generator-page .progress-bar-fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: #4f46e5;
  transition: width 0.3s ease;
}
.generator-page .progress-status {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: #0f1939;
}
.generator-page .status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  background: #f59e0b;
}
.generator-page .status-succeeded {
  background: #10b981;
}
.generator-page .status-failed {
  background: #ef4444;
}
.generator-page .progress-message {
  margin: 0;
  color: #475569;
  text-align: center;
  font-weight: 500;
}
.generator-page .progress-error {
  background: #fff1f2;
  border: 1px solid #fecdd3;
  border-radius: 12px;
  padding: 16px;
  color: #b42318;
}
.generator-page .loader {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 4px solid #e5e7eb;
  border-top-color: #4f46e5;
  animation: spin 1s linear infinite;
  margin: 0 auto;
}
.generator-page .generator-step-error {
  margin: 0;
}

/* Left panel styling (global) */
.side-content.generator {
  background: linear-gradient(180deg, #0f1939 0%, #111b3f 100%);
  border-radius: 32px;
  padding: 32px 28px;
  gap: 32px;
  color: #fff;
  box-shadow: 0 10px 40px rgba(3, 8, 20, 0.45);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.side-content.generator .side-cube-container {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 24px;
}

.generator-logo {
  max-width: 160px;
  height: auto;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
}

.generator-eyebrow {
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  color: #df774e;
}

.generator-title {
  color: #fff;
}

.generator-copy {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}

.generator-steps-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 10px;
  margin-top: 20px;
  scrollbar-width: thin;
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 8px;
}

.generator-steps-wrapper::-webkit-scrollbar {
  width: 6px;
}

.generator-steps-wrapper::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 999px;
}

.side-content.generator .generator-stepper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.side-content.generator .generator-stepper .stepper-option {
  position: relative;
  cursor: pointer;
}

.side-content.generator .generator-stepper .stepper-option input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

.side-content.generator .generator-stepper .stepper-content {
  background: transparent;
  border: none;
  color: #f1f5f9;
  min-height: auto;
  border-radius: 0;
  gap: 6px;
  transition: color 0.2s ease, transform 0.2s ease;
  padding: 6px 0;
}

.side-content.generator .generator-stepper .stepper-content:hover {
  transform: translateX(4px);
}

.side-content.generator .generator-stepper .stepper-label {
  color: #fff;
}

.side-content.generator .generator-stepper .stepper-hint {
  color: rgba(255, 255, 255, 0.75);
}

.side-content.generator .generator-stepper .stepper-check {
  margin-left: auto;
  font-size: 16px;
  color: #22c55e;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.side-content.generator .generator-stepper .stepper-indicator {
  border-color: #df774e;
  background: #fff4ee;
  color: #df774e;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: 999px;
}

.side-content.generator .generator-stepper .stepper-option input:checked + .stepper-content {
  color: #fff;
  font-weight: 600;
}

.side-content.generator .generator-stepper .stepper-option input:checked + .stepper-content .stepper-label {
  color: #fff;
}

.side-content.generator .generator-stepper .stepper-option input:checked + .stepper-content .stepper-hint {
  color: #e2e8f0;
}

.side-content.generator .generator-stepper .stepper-option input:checked + .stepper-content .stepper-indicator {
  background: #fff;
  color: #0f1939;
  border-color: #fff;
}

.side-content.generator .generator-stepper .stepper-option input:checked + .stepper-content .stepper-check {
  opacity: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 1024px) {
  .side-content.generator {
    position: static;
    height: auto;
    border-radius: 16px;
  }
}