.table-responsive{
    box-shadow: 2px 2px 6px -1px grey;
    border-radius: 0.8rem;

}
/* Ensures checkboxes behave like regular table content */
.table-responsive input[type="checkbox"] {
  position: static !important;
  margin: 0 auto;
  display: block;
  vertical-align: middle;
}

.thead-light{
     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 */
      }

       /* Datatype - 1 */
       .form_body{
        font-size: 1.1rem;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;
       }

    /* datatype-4 styles */
    .payment_details{
      font-size: 1.7rem;
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
    }

    /* datatype-5 & datatype-6 styles,system parameter*/
    .title_main{
      font-size: 1.7rem;
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     font-weight: 500;
     font-style: normal;
     color: #0E6591;
    }

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


    .heading_main{
      font-size: 1.1rem;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
     
    }
 
  /* userdetails views */
  .user-details-wrapper {
    padding-top: 11rem;
    padding-bottom: 5rem;/* Adjust as needed for the space between the navbar and component */
    margin-top: -10rem;
    margin-right: 2rem;
  }
  

 /*  user report  */
  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;
}


/* system parameter */
.system_parameter{
  border-radius: 2px;
  box-shadow: 2px 2px 2px grey;

}

.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Smooth scrolling for touch devices */
  padding: 0.5rem; /* Optional padding for better spacing */
}

.table-flush {
  width: 100%;
  min-width: 900px; /* Adjust based on your table's expected width */
}

.table-light.custom_header {
  white-space: nowrap; /* Prevent headers from breaking into multiple lines */
}
