.modal-dialog {
  width: 100%;
  max-width: 1200px;
}

.modal-content {
	height: 80vh;
}

.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;
}