h1{
    color: #026397;
}
 

.required { 
  color:red !important;
}

.filter-area{
    background-color: #fbede8;
}

.btn-primary, .btn-success{
    background-color: #026397;
    border-color: #026397;
    color: #fff;
}

.btn-primary:hover, .btn-success:hover{
    background-color: #096ea4;
    border-color: #096ea4;
    color: #fff;
}

a.btn-primary, a.btn-success{ 
    color: #fff !important;
}

.edit-btn{
    font-size: 0.8em !important;
    margin: 0px !important;
}

.text-primary, .nav-link, a{
     color: #026397 !important; 
}

.navbar a.nav-link{
   color: #026397; 
}

/* Select2 style */
/* Change border color and height of the Select2 container */
.select2-container .select2-selection--single {
    height: 40px !important;       
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    padding: 5px 10px;                    /* Optional: padding inside */
    box-sizing: border-box;
}

/* Adjust the line-height to vertically center the text */
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
}

/* Optional: change focus border color */
.select2-container--default.select2-container--focus .select2-selection--single {
    border: none !important;
}

.select2-container .select2-search__field:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: var(--bs-border-color) !important; /* Or your desired color */
}


.select2-container--default.is-invalid .select2-selection--single {
  border-color: #dc3545; 
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,..."); /* Optional: Add icon if needed */
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.select2-container--default.is-valid .select2-selection--single {
  border-color: #198754; 
}

.timeline-row{
    border: 1px solid #ffffff;
}

.timeline-row:hover{
    background-color: #f9f9f9 !important;
    border: 1px solid #c0c0c0;
}

/* DataTable style */
div.dt-container label, div.dt-container select, div.dt-container input, .dt-paging-button .page-link, .dt-info{
    font-size: 0.8em !important;
}

table.dataTable thead th, table.dataTable tbody th, table.dataTable tbody td {
    font-size: 0.8em !important;
    text-align: left !important;
    padding: 2px 5px !important;
}
table.dataTable thead th { 
    background-color: #026397 !important;
    color: #fff !important;

}

.dt-total{
    font-size: 0.8em !important;
}

.dt-top, .dt-bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 5px;
}

.dt-top-right{
  display: flex;
  align-items: center;
  gap: 12px;
   padding: 5px;
}

.dt-bottom-right{
  display: flex;
  align-items: center;
  gap: 12px;
   padding: 5px;
}
 
@media (max-width: 768px){
  .dt-top, .dt-bottom{
    flex-direction: column;
    align-items: stretch;
  }
  .dt-top-right{
    justify-content: space-between;
  }
}


.ui-datepicker{
    background-color: #fff !important;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
}
 
#footer{
    border-top: 1px solid #efefef;
}