@import "../../../themes/core/colors";
@import "../../../themes/core/typography";

$bg-secondary: rgba(62, 87, 183, 0.12);

.qms-comment {
  font-family: Open Sans;
  margin-bottom: 1rem;
  display: block;

  .mat-card-subtitle {
    font-size: 0.75rem;
    color: black(0.6);
  }

  .mat-card-content {
    .content {
      padding: 10px 16px 10px 16px;
      background-color: black(0.04);
      display: block;
      border-radius: 4px;
      font-size: 0.875rem;
      max-height: 125px;
      overflow-y: auto;

      &.delete-action-wrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 56px;
      }

      &.secondary {
        background-color: $bg-secondary;
      }
    }

    .qms-form {
      width: 100%;
    }
  }

  .btn-action {
    color: $primary;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
  }

  .textarea-comment {
    font-size: 0.875rem;
  }
}

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

.mt-15 {
  margin-top: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.edit-action-wrap {
  display: block;
  margin-top: -10px;
}
