.bg-info {
    background-color: #163963!important;
  }
  
  /* Add this new style for the hover effect */
  .table-striped tbody tr:hover {
    background-color: #aecfe6; /* This is a light blue color for the hover effect */
  }
  
  .table tr {
    display: table-row;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
  }
  
  .table th,
  .table td {
      text-align: left;
    vertical-align: middle;
    padding: .75rem; /* Add this line to ensure consistent padding */
    border-top: 1px solid #dee2e6;
  }
  
  th { 
    color: #fff;
  }
  
  /* Responsive table */
  @media (max-width: 768px) {
    .table-responsive {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
  }
  
  #prevButton, #nextButton {
    background-color: #163963; /* Blue */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
  }
  
  #prevButton:hover, #nextButton:hover {
    background-color: #94CFFF;
    color: white;
  }
  
  .bootstrap-select > select {
      position: static !important;
      bottom: auto !important;
      left: auto !important;
      display: inline !important;
      width: 100% !important;
      height: auto !important;
      padding: 9px 1rem;
      opacity: 1 !important;
        border: 1px solid #ced4da;
      font-family: gelasio;
      font-size: 16px;
      letter-spacing: 1.8px;
  }
  .bootstrap-select>select {
          padding: 10px !important;
          
  }
      
      
  .bootstrap-select .dropdown-item:active {
      background-color: #94CFFF;
  }
  
/* Hide the button with a specific data-id */
.btn.dropdown-toggle[data-id="search-input"] {
    display: none !important;
}

/* Hide the button with the title "Nothing selected" */
.btn.dropdown-toggle[title="Nothing selected"] {
    display: none !important;
}
.card {
    transition: transform 0.3s ease-in-out;
}
.card:hover {
    transform: scale(1.05);
}

.card img {
    width: 100%;
    height: auto;
}

.card-body {
    padding: 10px;
    background: linear-gradient(to right, rgba(255, 255, 255), rgba(178, 206, 230, 0.2));
    text-align: center;
}

.card-body p {
    margin: 0;
    font-size: 16px;
}