/* Custom styling for pagination */
.pagination {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    list-style: none;
}

.pagination li {
    margin: 0 5px;
}

.pagination li a {
    padding: 10px 15px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.pagination li a:hover {
    background-color: #0056b3;
}

.pagination li a.active {
    background-color: #28a745;
}

.pagination li.disabled a {
    background-color: #e0e0e0;
    pointer-events: none;
}

.pagination li a.page-link {
    font-size: 16px;
}

 .form-group {
    margin-bottom: 20px;
}
/*
.form-control {
    width: 300px;
    margin-right: 10px;
}

.btn-primary {
    margin-top: 10px;
} */


.select2-container .select2-selection--single {
  height: calc(2.25rem + 2px); /* same as .form-control height */
  line-height: 2.25rem;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.25rem;
  padding-left: 0.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.25rem + 2px);
  top: 0;
  right: 8px;
}

/* For single select */
.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute;
  right: 0.5rem;         /* space from arrow */
  top: 30%;            /* center vertically */
  transform: translateY(-50%);
  font-size: 1rem;     /* make it visible and clean */
  color: #999;
  cursor: pointer;
  z-index: 2;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: #dc3545; /* red on hover */
}
/* 
#datepicker {
  width: 100%;
}
#datepicker .form-control {
  width: 100%;
  flex: 1;
}
#datepicker .input-group-append {
  flex-shrink: 0;
}
 */