.event-entry {
    display: flex;
}
.user-activity-table {
    border-collapse: collapse;
    display: block;
    width: 100%;
}

.user-activity-table td {
    border: 1px solid #000;
}

.user-activity-table td, .user-activity-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.user-activity-table td:first {
    width: 25%;
}


.user-activity-table td:nth-child(1),
.user-activity-table td:nth-child(2) {
    width: 15%;
}

.user-activity-table td:nth-child(3) {
    width: 70%;
}

.user-activity-table .table-row {
    display: none;
}

.user-activity-table .table-row.show {
    display: table-row;
}

.user-activity-table tr:nth-child(even){background-color: #f2f2f2;}

.user-activity-table tr:hover {background-color: #ddd;}

.user-activity-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #20214d;
    color: white;
}

.user-activity-table .td-15 {
    width: 15%;
}

.user-activity-table .td-70 {
    width: 70%;
}

.btn-admin {
    
    background: #20214d;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
}



div.dataTables_wrapper div.dt-buttons {
    float: left;
    display: flex;
    gap: 10px; /* spacing between buttons */
    align-items: center;
  }

  div.dataTables_wrapper div.dataTables_filter {
      float: right;
      text-align: right;
      margin-left: auto;
  }

  div.dataTables_wrapper .top-row {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 10px;
  }



  .dataTables_wrapper .dataTables_length label {
      display: flex;
      align-items: center;
      width: 100%;
      max-width: 200px;
      gap: 5px;
  }
  .dataTables_wrapper .dataTables_length label select {
      width: 100%;
  }
  .dataTables_wrapper .dataTables_length {
      width: 100%;
      margin-top: 20px;
  }
  button.dt-button {
      padding: 6px 8px;
  }
  .dataTables_wrapper .dataTable tr.odd {
    background-color: #f6f7f7;
  }