.table-responsive{
    box-shadow: 2px 2px 6px -1px grey;

}

.thead-light{
/* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900 */


 font-size: 1.1rem;
 font-family: "Montserrat", sans-serif;
 font-optical-sizing: auto;
 font-weight: 500;
 font-style: normal;

}

.tbody{
    font-size: 1.0rem;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}

.text-primary{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
}

.title_main{
    font-size: 1.7rem;
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     color: #0E6591;
}

table thead.custom_header th {
    font-size: 0.8rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #333; /* Adjust text color if needed */
    /* Light background color for header */
}

.custom_button {
  background-color: #0E6591 !important;
  border-color: #0E6591 !important;
  color: azure;
}

.custom_button:hover {
  background-color: #0B4C6A !important; /* Optional: darker shade on hover */
  border-color: #0B4C6A !important;
}

.custom-hover-border:focus {
  border-color: #0E6591 !important;
  box-shadow: 0 0 5px rgba(14, 101, 145, 0.5);
}

.custom-checkbox:checked {
  border-color: #0E6591;
  background-color: #0E6591;
}

.custom_manage_column_button{
  color: #0E6591 !important;
  border-color: #0E6591 !important;
}

.custom_manage_column_button:hover{
  background-color: #0E6591 !important;
  color: #fff !important; /* Changes text to white on hover */
  border-color: #0E6591 !important;
}

.title_name{
  color: #0E6591;
  font-size: 1.1rem;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: bold;
}