#searchbar {
  display: none;
}

.select2 {
  border: 1px solid black !important;
  padding: 5px;
  border-radius: 4px;
}

.m2m-box {
  display: flex;
  flex-wrap: wrap;
  width: 250px;
  max-height: 100px;
  gap: 5px;
  overflow-y: scroll;
}

.m2m-box a {
  border: 1px solid gray;
  border-radius: 5px;
  padding-left: 2px;
  padding-right: 2px;
}

.dynamic-attendance_set:nth-child(even) {
  background: #e6e6e6;
}

/* Apply styles only to screens with a max width of 600px */
@media (max-width: 600px) {

  /* Make the modal dialog wider */
  .modal-dialog {
    max-width: 90%;
    /* Adjust the percentage as needed */
    width: auto !important;
  }

  /* Ensure modal content takes full width on mobile devices */
  .modal-content {
    width: 100% !important;
  }

  /* Adjust the modal header and body padding for better mobile view */
  .modal-header,
  .modal-body {
    padding: 6px !important;
  }

  /* Set modal body overflow to auto to handle long content */
  .modal-body {
    overflow-y: auto;
  }

  /* Customize the modal header */
  .modal-header .close {
    margin: -6px -6px -6px auto;
  }

  .content-wrapper>.content {
    padding: 0.8rem;
  }

  .card>.p-5 {
    padding: 5px !important;
  }

  .breadcrumb {
    padding: 2px;
  }
}