.QuestionDetail {
  background-color: var(--light-grey);
  border-radius: 4px;
  color: var(--darkest-grey);
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  line-height: 1.5em;
  margin-bottom: 1em;
  overflow: hidden;
  padding: 0.5em 0.8em; }
  .QuestionDetail i {
    user-select: none; }
  .QuestionDetail .QuestionDetail-left {
    display: flex;
    align-items: center; }
    .QuestionDetail .QuestionDetail-left i {
      align-self: flex-start;
      margin-right: 13px; }
  .QuestionDetail .QuestionDetail-right {
    display: flex;
    align-items: center;
    margin-left: 13px; }
    .QuestionDetail .QuestionDetail-right .linked-indicator {
      font-size: 1em;
      padding-right: 0.4em; }

.QuestionDetailModal-header {
  display: flex;
  justify-content: space-between; }
  .QuestionDetailModal-header h2 {
    text-transform: none; }

.QuestionDetailModal-body {
  display: flex;
  flex-direction: column;
  margin-top: 20px; }
  .QuestionDetailModal-body .QuestionDetailModal-body-limit-section {
    display: flex;
    justify-content: space-between;
    margin-top: 2em; }
  .QuestionDetailModal-body .QuestionDetailModal-body-limit-section-wordlimit {
    width: 60%; }
    .QuestionDetailModal-body .QuestionDetailModal-body-limit-section-wordlimit div {
      display: flex;
      margin-top: 10px; }
      .QuestionDetailModal-body .QuestionDetailModal-body-limit-section-wordlimit div div {
        margin: 0;
        display: flex;
        align-items: center; }
        .QuestionDetailModal-body .QuestionDetailModal-body-limit-section-wordlimit div div label {
          margin-bottom: 0;
          margin-right: 5px; }
        .QuestionDetailModal-body .QuestionDetailModal-body-limit-section-wordlimit div div input {
          margin-right: 10px; }
  .QuestionDetailModal-body div .QuestionDetailModal-body-limit-section-maxScore {
    width: 27%;
    flex: none; }
    .QuestionDetailModal-body div .QuestionDetailModal-body-limit-section-maxScore label {
      margin-bottom: 0; }
    .QuestionDetailModal-body div .QuestionDetailModal-body-limit-section-maxScore input {
      margin-top: 10px;
      width: 94%; }

.QuestionDetailModal-footer {
  width: 100%; }

.SectionDetails {
  display: flex;
  flex-direction: column;
  padding: 30px 40px;
  width: 100%;
  background-color: var(--white-color);
  border-radius: 4px;
  margin-bottom: 25px;
  min-width: 430px; }
  .SectionDetails:hover {
    box-shadow: 0 0 6px var(--medium-grey); }
  .SectionDetails.moving {
    background-color: var(--main-color-light2-hsl); }
  .SectionDetails-header {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .SectionDetails-header h2 {
      margin-bottom: 0; }
    .SectionDetails-header-right {
      display: flex;
      align-items: center; }
      .SectionDetails-header-right div {
        margin-bottom: 0; }
      .SectionDetails-header-right i {
        cursor: pointer;
        user-select: none; }
  .SectionDetails-body-animated {
    overflow: hidden; }
  .SectionDetails-body {
    display: flex;
    justify-content: space-between;
    padding-top: 35px; }
    .SectionDetails-body-details {
      display: flex;
      flex-direction: column;
      width: 47%; }
      .SectionDetails-body-details-subtitle {
        margin-top: 10px; }
        .SectionDetails-body-details-subtitle p {
          line-height: 1.5em;
          overflow-wrap: break-word; }
      .SectionDetails-body-details-description {
        margin-top: 20px; }
        .SectionDetails-body-details-description p {
          line-height: 1.5em;
          overflow-wrap: break-word; }
      .SectionDetails-body-details-checkboxGroup {
        margin-top: 20px;
        display: flex;
        flex-wrap: wrap; }
        .SectionDetails-body-details-checkboxGroup .CheckMarkDetail {
          display: flex;
          align-items: center;
          margin-right: 30px;
          font-weight: 600; }
          .SectionDetails-body-details-checkboxGroup .CheckMarkDetail i {
            margin-right: 10px;
            color: var(--darker-grey); }
      .SectionDetails-body-details p {
        margin-top: 13px; }
    .SectionDetails-body-questions {
      width: 47%;
      height: 100%; }
      .SectionDetails-body-questions-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        margin-top: 10px; }
        .SectionDetails-body-questions-header h4:nth-child(2) {
          font-style: italic; }

.FormSectionConfigSection {
  height: 100%;
  overflow: auto; }
  .FormSectionConfigSection .modal-content-divider {
    margin: 0; }
  .FormSectionConfigSection .modal-content-body {
    display: flex;
    flex-flow: wrap;
    gap: 10px 10px;
    margin-top: 30px;
    justify-content: space-between; }
    .FormSectionConfigSection .modal-content-body .modal-content-body-details {
      flex-basis: 350px;
      margin-right: 10px;
      flex-grow: 900; }
      .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div {
        margin-top: 2em; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-title,
        .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-footer {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-title label.bold,
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-footer label.bold {
            font-weight: 600; }
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-title label.italic,
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-footer label.italic {
            font-style: italic; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-body .QuestionDetail {
          cursor: pointer; }
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-body .QuestionDetail:hover {
            background-color: var(--main-color-light3-hsl); }
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-body .QuestionDetail.moving {
            background-color: var(--main-color-light2-hsl); }
        .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-addButton {
          padding: 0; }
          .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .questions-div-addButton i {
            order: -1; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-details .questions-div .droppable.isTarget .questions-div-body {
          outline: 3px dashed var(--medium-grey);
          outline-offset: -3px; }
    .FormSectionConfigSection .modal-content-body .modal-content-body-settings {
      flex-basis: 35%;
      flex-grow: 1;
      margin-right: 10px; }
      .FormSectionConfigSection .modal-content-body .modal-content-body-settings .SectionDetailsCheckBox {
        display: flex;
        align-items: center; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-settings .SectionDetailsCheckBox .FieldComponent-checkbox-box {
          cursor: pointer;
          user-select: none; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-settings .SectionDetailsCheckBox label {
          margin-bottom: 0;
          cursor: text; }
        .FormSectionConfigSection .modal-content-body .modal-content-body-settings .SectionDetailsCheckBox + .description {
          margin-left: 27px;
          line-height: 1.5em; }
  .FormSectionConfigSection .modal-content-footer {
    display: flex;
    margin-top: 30px; }
    .FormSectionConfigSection .modal-content-footer .discardButton {
      color: var(--discardButton);
      text-align: left;
      width: 142px;
      margin-left: 10px; }

.StandardFooterActions {
  justify-content: space-between; }
  .StandardFooterActions .button-container-left {
    display: flex; }
    .StandardFooterActions .button-container-left .submitButton {
      margin-bottom: 0;
      min-width: 100px;
      justify-content: center; }
      .StandardFooterActions .button-container-left .submitButton.saving {
        opacity: 0.7;
        cursor: wait; }
    .StandardFooterActions .button-container-left .discardButton {
      color: var(--discardButton);
      text-align: left;
      width: 142px;
      margin-left: 10px;
      margin-bottom: 0; }
    .StandardFooterActions .button-container-left .dangerButton {
      background-color: var(--warning-color);
      margin-bottom: 0; }
  .StandardFooterActions .button-container-right {
    display: flex;
    align-items: center; }
    .StandardFooterActions .button-container-right p {
      color: var(--dark-grey);
      margin-bottom: 0;
      margin-right: 15px; }
    .StandardFooterActions .button-container-right button.deleteButton {
      color: var(--warning-color);
      margin-bottom: 0; }
      .StandardFooterActions .button-container-right button.deleteButton:hover {
        color: var(--warning-color-dark); }
    .StandardFooterActions .button-container-right .noButton {
      color: var(--discardButton);
      margin-bottom: 0; }

.config {
  height: 100%;
  overflow: auto; }
  .config .modal-content-divider {
    margin: 0; }
  .config .modal-content-body {
    margin-top: 30px; }

.config-with-toggle {
  height: 100%;
  overflow: auto; }
  .config-with-toggle .modal-content-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .config-with-toggle .modal-content-header .modal-content-header-left {
      width: 80%; }
    .config-with-toggle .modal-content-header .modal-content-header-right {
      width: 15%;
      text-align: end; }
  .config-with-toggle .modal-content-divider {
    width: 80%; }
    .config-with-toggle .modal-content-divider.full-width {
      width: 100%; }
  .config-with-toggle .modal-content-body {
    margin-top: 30px; }

.ConfirmDeleteModal h2 {
  margin-bottom: 2.5rem; }

.modal-footer {
  display: flex;
  justify-content: space-between; }
  .modal-footer button.confirmDeleteButton {
    background-color: var(--warning-color); }
    .modal-footer button.confirmDeleteButton:hover {
      background-color: var(--warning-color-dark); }

.Uploader {
  width: 100%; }
  .Uploader .file-drop-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px dashed var(--photo-uploader-border);
    padding: 0.7em 1em;
    background-color: var(--light-grey);
    border-radius: 10px;
    position: relative;
    gap: 1em; }
    .Uploader .file-drop-area.is-active {
      background-color: var(--main-color-light2-hsl); }
    .Uploader .file-drop-area .file-input {
      cursor: pointer;
      height: 100%;
      left: 0;
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%; }
      .Uploader .file-drop-area .file-input:focus {
        outline: none; }
    .Uploader .file-drop-area .left-area {
      width: 70%;
      display: flex;
      align-items: center;
      gap: 1em; }
      .Uploader .file-drop-area .left-area .upload-button {
        padding: 0.75em 1.75em;
        margin-bottom: 0;
        flex-shrink: 0; }
        .Uploader .file-drop-area .left-area .upload-button i {
          order: -1;
          font-size: 24px;
          padding-left: 0;
          margin-right: 5px; }
    .Uploader .file-drop-area .right-area {
      width: 30%;
      display: flex;
      justify-content: center; }
      .Uploader .file-drop-area .right-area i {
        color: var(--photo-uploader-image-icon);
        font-size: 7em; }
  .Uploader .uploaded-file-area {
    width: 100%;
    margin-top: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 2em; }
    .Uploader .uploaded-file-area .photo-area,
    .Uploader .uploaded-file-area .file-area {
      position: relative;
      display: flex;
      width: 12em;
      height: 8.5em;
      padding: 0.7em;
      border-radius: 5px;
      border: 0.5px solid var(--medium-grey); }
      .Uploader .uploaded-file-area .photo-area img,
      .Uploader .uploaded-file-area .file-area img {
        width: 100%;
        height: auto;
        object-fit: contain; }
      .Uploader .uploaded-file-area .photo-area i,
      .Uploader .uploaded-file-area .file-area i {
        position: absolute;
        top: -10%;
        right: 0;
        color: var(--medium-grey);
        background-color: var(--photo-elements-bg);
        width: fit-content;
        justify-self: end;
        transition: all 0.2s;
        opacity: 0; }
        .Uploader .uploaded-file-area .photo-area i.background,
        .Uploader .uploaded-file-area .file-area i.background {
          position: relative;
          opacity: 1;
          top: 0;
          font-size: 56px;
          background-color: white;
          color: var(--photo-elements-bg);
          align-self: center;
          flex-grow: 1;
          text-align: center; }
      .Uploader .uploaded-file-area .photo-area span,
      .Uploader .uploaded-file-area .file-area span {
        position: absolute;
        bottom: -10%;
        left: 0;
        text-overflow: ellipsis;
        color: var(--medium-grey);
        background-color: var(--photo-elements-bg);
        padding: 0.7em;
        padding-top: 0.3em;
        word-break: break-all;
        line-height: 1.4em;
        font-weight: 500;
        width: 100%;
        font-size: 90%;
        transition: all 0.2s;
        opacity: 0; }
      .Uploader .uploaded-file-area .photo-area:hover i,
      .Uploader .uploaded-file-area .file-area:hover i {
        opacity: 1;
        top: 0; }
      .Uploader .uploaded-file-area .photo-area:hover span,
      .Uploader .uploaded-file-area .file-area:hover span {
        opacity: 1;
        bottom: 0; }
    .Uploader .uploaded-file-area .file-area {
      align-items: center;
      justify-content: center; }
      .Uploader .uploaded-file-area .file-area img {
        width: auto;
        height: auto; }
    .Uploader .uploaded-file-area .photo-additional-info {
      margin: 1em;
      font-size: 0.9em;
      font-style: italic;
      color: var(--main-color-hsl); }
  .Uploader .disabled {
    background-color: var(--medium-grey);
    cursor: not-allowed;
    padding: 3em;
    justify-content: center; }

.CheckBoxFieldInput.FieldComponent {
  cursor: pointer; }
  .CheckBoxFieldInput.FieldComponent.large .FieldComponent-checkbox .FieldComponent-checkbox-box {
    height: 30px;
    width: 30px; }
    .CheckBoxFieldInput.FieldComponent.large .FieldComponent-checkbox .FieldComponent-checkbox-box i {
      font-size: 28px; }
  .CheckBoxFieldInput.FieldComponent .FieldComponent-checkbox input:disabled + .FieldComponent-checkbox-box {
    background-color: var(--light-grey);
    border-color: var(--light-grey); }
    .CheckBoxFieldInput.FieldComponent .FieldComponent-checkbox input:disabled + .FieldComponent-checkbox-box i {
      color: var(--darkest-color);
      display: block; }
  .CheckBoxFieldInput.FieldComponent .FieldComponent-checkbox.inline {
    display: flex;
    align-items: center; }
    .CheckBoxFieldInput.FieldComponent .FieldComponent-checkbox.inline label {
      margin-bottom: 0; }

.MultiCheckboxInput-checkbox-area {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5em; }
  .MultiCheckboxInput-checkbox-area > div.FieldComponent {
    margin-top: 0; }

.MultiCheckboxInput-checkbox {
  display: flex;
  align-items: center; }
  .MultiCheckboxInput-checkbox .FieldComponent-checkbox-box {
    cursor: pointer;
    user-select: none; }
  .MultiCheckboxInput-checkbox label {
    margin-bottom: 0; }

.MultiSwitchFieldInput-switch-area {
  margin-top: 2em; }

.SwitchFieldInput {
  display: flex;
  flex-direction: column; }
  .SwitchFieldInput.align-self-center {
    align-self: center; }
  .SwitchFieldInput.align-self-start {
    align-self: flex-start; }
  .SwitchFieldInput .toggle-div {
    display: flex;
    align-items: center;
    align-self: flex-end; }
    .SwitchFieldInput .toggle-div .success {
      color: var(--main-color); }
    .SwitchFieldInput .toggle-div label {
      margin-bottom: 0;
      padding: 0 1em; }
    .SwitchFieldInput .toggle-div .danger {
      color: var(--warning-color); }
    .SwitchFieldInput .toggle-div .disabled {
      color: var(--dark-grey); }
    .SwitchFieldInput .toggle-div.disabled-state .offOnText {
      color: var(--medium-grey); }
  .SwitchFieldInput.inline {
    flex-direction: row;
    justify-content: space-between;
    align-items: center; }
    .SwitchFieldInput.inline div.text-div {
      width: 60%; }
      .SwitchFieldInput.inline div.text-div label {
        margin-bottom: 0; }
    .SwitchFieldInput.inline div.toggle-div {
      align-self: center; }
    .SwitchFieldInput.inline.disabled .text-div, .SwitchFieldInput.inline.disabled .toggle-div {
      opacity: 0.75; }
    .SwitchFieldInput.inline.align-right {
      justify-content: flex-end;
      text-align: end;
      margin-bottom: 0.5em; }

.ProfilePictureUploader {
  display: flex;
  align-items: center;
  gap: 2em; }
  .ProfilePictureUploader-photo {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.2s ease-in-out;
    width: 108px;
    height: 108px;
    background-color: var(--light-grey);
    border-radius: 50%; }
    .ProfilePictureUploader-photo-value {
      width: 100%;
      height: 100%;
      border-radius: 50%;
      object-fit: cover; }
    .ProfilePictureUploader-photo i.ProfilePictureUploader-photo-empty_icon {
      font-size: 34px;
      color: var(--darker-grey); }
    .ProfilePictureUploader-photo-file_input {
      opacity: 0;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      cursor: pointer; }
      .ProfilePictureUploader-photo-file_input:focus {
        outline: none; }
    .ProfilePictureUploader-photo-required_input {
      opacity: 0;
      position: absolute;
      bottom: 0;
      right: 0;
      height: 0;
      width: 0; }
    .ProfilePictureUploader-photo:hover, .ProfilePictureUploader-photo.saving, .ProfilePictureUploader-photo.is-active {
      opacity: 0.7; }
    .ProfilePictureUploader-photo.disabled {
      cursor: not-allowed;
      background-color: var(--medium-grey); }
  .ProfilePictureUploader-right_area-actions {
    margin-top: 2em;
    display: flex;
    gap: 1.5em; }
    .ProfilePictureUploader-right_area-actions.saving {
      opacity: 0.7; }
      .ProfilePictureUploader-right_area-actions.saving .link {
        pointer-events: none;
        cursor: wait; }

.FilterList-container-with-tip {
  padding-top: 1em; }

.FilterList-container.FieldComponent-container {
  justify-content: space-between;
  align-items: center; }
  .FilterList-container.FieldComponent-container button.cancel {
    background-color: var(--warning-color); }

.FilterChoice-fields-container.FieldComponent-container {
  padding-top: 0; }

.FilterChoice-delete-icon {
  color: var(--warning-color); }

.FilterView-fields-container.FieldComponent-container {
  padding-top: 0; }
  .FilterView-fields-container.FieldComponent-container .value-list {
    display: flex;
    flex-direction: column;
    gap: 1em; }

.FilterView-value {
  flex: 1; }

.InputList .listItem,
.NestedInputList .listItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px; }
  .InputList .listItem.listItem-align-top,
  .NestedInputList .listItem.listItem-align-top {
    align-items: flex-start; }

.InputList .deleteButton.button.no-bg,
.NestedInputList .deleteButton.button.no-bg {
  color: var(--warning-color);
  margin-bottom: 0;
  margin-left: 0.8em;
  padding: 0;
  justify-content: center; }

.InputList .addButton.button.no-bg,
.NestedInputList .addButton.button.no-bg {
  padding: 0;
  margin-bottom: 0;
  margin-top: 1.5em; }
  .InputList .addButton.button.no-bg i,
  .NestedInputList .addButton.button.no-bg i {
    order: -1;
    padding: 0;
    margin-right: 0.15em; }

.TicketList .labelContainer {
  display: flex;
  gap: 1em; }
  .TicketList .labelContainer .ticket-type {
    flex-basis: 62%; }

.TicketList .listItem {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 1em; }

.TicketList .addButton.button.no-bg {
  padding: 0;
  margin-bottom: 0;
  margin-top: 1.5em; }
  .TicketList .addButton.button.no-bg i {
    order: -1;
    padding: 0;
    margin-right: 0.15em; }

.BetterSelect {
  position: relative; }

.EventConfigSection .eventbrite-section {
  display: flex;
  grid-gap: 20px; }
  .EventConfigSection .eventbrite-section .half {
    max-width: 50%; }

.EventConfigSection .EventBrite-card {
  border-radius: 0.3em;
  padding: 1.4em;
  height: fit-content;
  width: 327px;
  margin-left: auto; }
  .EventConfigSection .EventBrite-card-main {
    background-color: var(--main-color-light3-hsl); }
  .EventConfigSection .EventBrite-card-danger {
    background-color: var(--red-color-lightest); }
  .EventConfigSection .EventBrite-card-title {
    display: flex;
    align-items: center;
    grid-gap: 0.6em;
    font-size: 16px;
    margin-bottom: 12px; }
  .EventConfigSection .EventBrite-card-description {
    line-height: 24px;
    margin-bottom: 20px; }
  .EventConfigSection .EventBrite-card-input {
    display: flex;
    align-items: center;
    grid-gap: 1em; }
  .EventConfigSection .EventBrite-card .EventBrite-button {
    width: fit-content;
    margin-bottom: 0; }
    .EventConfigSection .EventBrite-card .EventBrite-button a {
      color: unset;
      text-decoration: unset; }