.button-loading {
  /* Basic button styles */
 
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: relative; /* Essential for positioning the spinner */
  overflow: hidden; /* Hide spinner overflow if it's outside the button bounds initially */
}

.button-loading.loading {
  /* Styles for the loading state */
  pointer-events: none; /* Disable button interaction */
  opacity: 0.7; /* Optional: visually dim the button */
}
.hidden
{
  display: none !important
}
.button-loading.loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px; /* Adjust spinner size */
  height: 20px; /* Adjust spinner size */
  border: 3px solid rgba(255, 255, 255, 0.3); /* Spinner border color */
  border-top-color: white; /* Spinner active color */
  border-radius: 50%;
  animation: spin 0.8s linear infinite; /* Apply spin animation */
}

@keyframes spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.table-center thead th,td
{
  text-align: center !important
}
.pull-left
{
  float: left !important
}

.padding_main
{
  padding-top: 70px !important;
   min-height: 90vh !important
}
.input-group-btn select
{
  height: 34px !important;
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}