<div class="modal-body" style="background-color: #252525 !important">
  <h4 style="color: #ffffff">Input the actual cost of your expenses</h4>
  <p style="color: #ffffff">Building : {{ dataRow.building }}</p>
    <!-- <p style="color: #ffffff">Periode : {{ formattedDate }}</p> -->
</div>
<div
  class="modal-footer justify-content-between"
  style="background-color: #252525 !important; border-style: none !important"
>
  <button
    type="button"
    class="btn btn-secondary"
    style="
      color: #c3f164;
      width: 25%;
      background-color: #252525 !important;
      border-color: #c3f164 !important;
      border-radius: 10px;
    "
    (click)="activeModal.dismiss('Cross click')"
  >
    Close
  </button>
  <button
    type="button"
    class="btn btn-primary"
    style="
      color: #252525 !important;
      width: 25%;
      background-color: #c3f164 !important;
      border-color: #c3f164 !important;
      border-radius: 10px;
    "
  >
    Add
  </button>
</div>
