.grievance-preview-mode {
  #contactInformationTitle {
    padding-top: 30px;
  }

  .sl-text-field.form-floating .form-control {
    font-size: 0.8rem !important;
    height: 3rem !important;
    border: none;
  }

  .sl-text-area {
    border: none !important;
  }

  .sl-text-field.form-floating .form-control:not(:placeholder-shown) ~ label,
  .sl-text-area.form-floating.form-field-container .form-control,
  .sl-text-area.form-floating.form-field-container .form-control ~ label {
    font-size: 0.9rem !important;
  }

  .sl-text-area .form-control:not(:placeholder-shown) ~ label {
    padding-top: 0.15rem;
  }

  .sl-text-area .character-count {
    display: none !important;
  }

  .sl-text-field.form-floating.icon-before .form-control,
  .sl-text-field.form-floating.icon-before label {
    padding-left: 1rem !important;
  }

  .icon-container {
    display: none !important;
  }

  .text.form-input {
    margin-left: -12px;

    label {
      font-weight: 800 !important;
    }
  }

  .form-control:disabled,
  .form-control:disabled ~ label,
  .form-control:disabled ~ label:after,
  input[disabled] {
    background-color: inherit !important;
  }

  .sl-text-area.form-floating.form-field-container .form-control:disabled {
    border-color: white !important;
  }
}


.hidden {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important; 
}

.sl-text-area.form-floating.form-field-container .form-control {
padding-top: 0.375rem !important;
border-bottom: 1.625rem solid var(--white);
}

.grievance-print-mode{
  @media print{
    #nav-header,.header-container,.sticky-header,.sl-header{
      position: static!important;
      margin: 0!important;
    }
    #resourcesCardContainer, #formsCardContainer{
      display: none !important;
    }
    textarea{
        padding:10px !important;    
    }  
    .character-count {
        background:none!important;
    }
     .sl-text-area{
        border:2px solid var(--grey-600) !important;
    } 
  }
}