@import "../../../assets/@theme/styles/_dialog.scss";
@import '../../../assets/@theme/styles/themes';
@import '../../../assets/@theme/styles/_text-overflow.scss';

.export-report-dialog {
  width: 45.25rem !important;
  height: 48.25rem;

  .export-report-header {
    height: 8vh;
    font-size: 1.5rem;
  }

  .objective-chart {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .languageContainer {
    display: flex;
    max-width: 8rem;
    min-width: 8rem;

    .flag {
      // object-fit: contain;
      margin-top: 0.5rem;
    }
  }

  .export-radio-buttons {
    float: left;
    clear: none;
    margin-left: 1rem;
  }

  .hint {
    padding-bottom: 0.5rem;
    color: nb-theme(color-danger-default);
  }



  nb-form-field {
    padding: 0.5rem 0 0.75rem;
  }

  .label {
    display: block;
    font-size: 0.95rem;
    padding-bottom: 0.5rem;
  }

  .project-title {
    padding: 0.25rem 0.5rem 0.5rem;
    width: 100%;


    .title {
      @include multiLineEllipsis($font-size: 1.5rem, $font-weight: bold, $line-height: 1.5rem, $lines-to-show: 2, $max-width: 32rem);
    }
  }

  .form-field {
    width: 26.75rem;
    // width: 30rem !important;
    margin-bottom: 0.5rem;
  }

  .form-textarea {
    width: 26.75rem !important;
    // width: 30rem !important;
    height: 8rem;
  }

  .form-textarea:disabled {
    width: 26.75rem !important;
    // width: 30rem !important;
    background-color: nb-theme(color-basic-transparent-focus);
    height: 8rem;
  }

  .generate-report-button {
    width: calc(45.25rem - 5.75rem) !important;
  }

  .element-text {
    font-size: 1rem !important;
    text-transform: uppercase !important;
    padding-left: 0.5rem;
  }

  .error-text {
    float: left;
    color: nb-theme(color-danger-default);
  }
}
