

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

    .sub-menu-header, .sub-menu-column {
        min-width: 150px;  /* Adjust the width as necessary */
      }

      .sub-menu-column {
        text-align: center; /* Ensure the button is centered in the cell */
      }

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

      .custom_header{
        font-size: 0.8rem;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-style: normal;
        color: #333; 
      }

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


      .status{
        font-weight: bold;
        text-align: center; /* Ensures the text is centered */
        display: inline-block; /* Keeps the background confined to the text */
        padding: 4px 8px; /* Adds padding for background */
        border-radius: 4px; 
      }

      /* Custom checkbox styles */
.custom-checkbox:checked .form-check-input:checked {
  background-color: #0E6591; /* Your custom color */
  border-color: #0E6591; /* Custom border color */
}

.custom-checkbox .form-check-input:focus {
  border-color: #0E6591; /* Focus state color */
  box-shadow: 0 0 0 0.25rem rgba(14, 101, 145, 0.5); /* Focus glow effect */
}

.custom-checkbox .form-check-input {
  border-radius: 0.25rem; /* Optional: To make checkbox corners rounder */
}


.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-hover-border:focus {
  border-color: #0b6592 !important;
  box-shadow: 0 0 5px rgba(14, 101, 145, 0.5);
}

.pagination{
  display: flex;
  justify-content: center;
}