.modal-backdrop {
  z-index: 1040 !important;
}

.modal {
  z-index: 1050 !important;
}

.modal-content {
  position: relative;
  z-index: 1051;
}
#filterDate,
#searchUsername {
  z-index: 1;
}

  @keyframes slideIn {
    from {
      transform: translateY(-20%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .modal-header {
    background: #0d6efd;
    color: white;
    border-bottom: none;
  }

  .modal-footer {
    border-top: none;
    justify-content: space-between;
  }

  .form-check-label {
    margin-left: 8px;
    font-weight: 500;
    color: rgb(14, 14, 14);
  }

  .form-check-input {
    transform: scale(1.2);
  }

  #notificationMessage {
    resize: none;
  }