.nav-link.active, .dropdown-item.active {
      background-color: #007bff; /* Active link background color */
      color: white !important; /* Text color for active link */
    }

    .btn{
		border-radius: 0em;
	}
	.form-control{
		border-radius: 0em;
		border-color: black;
    border-width: 0.15em;
	}
 
 .smart-style-5 a.select2-choice, .smart-style-5 a.select2-choice {
    color: #FFD600;
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}
.smart-style-4 a.select2-choice, .smart-style-0 a.select2-choice {
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}
.smart-style-3 a.select2-choice, .smart-style-0 a.select2-choice {
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}
.smart-style-2 a.select2-choice, .smart-style-0 a.select2-choice {
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}
.smart-style-1 a.select2-choice, .smart-style-0 a.select2-choice {
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}
.smart-style-0 a.select2-choice, .smart-style-0 a.select2-choice {
    text-decoration: none;
    height: 3.3em;
    border-color: black;
    border-style: solid;
    border-width: 0.2em;
}

 .select2-container .select2-choice {
  height: 3.3em;
  font-size: 1em;
  padding-top: 0.3em;
  border-color: black;
}



/*
input.is-invalid,
select.is-invalid {
    border-color: red; 
    background-color: #f8d7da; 
}
input.is-valid,
select.is-valid {
    border-color: green; 
}
*/

.spinner-border-div{
    /*padding: 0em;*/
    display: none;
  }
  .spinner-border{
    color: white;
  }
  .h4-spinner-border{
    color: white;
  }     


/*
For forms
*/

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: var(--bs-success-text)
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius)
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: green;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: green;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: var(--bs-success)
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: var(--bs-success);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: var(--bs-success)
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: var(--bs-success-text)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: var(--bs-success-text)
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: red
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius)
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

/*for select2*/
.select2.is-valid,
.was-validated .select2:valid {
  border-color: green;
  border-style: solid;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.select2.is-valid:focus,
.was-validated .select2:valid:focus {
  border-color: green;
  border-style: solid;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25)
}

.select2.is-invalid,
.was-validated .select2:invalid {
  border-color: red;
  border-style: solid;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.select2.is-invalid:focus,
.was-validated .select2:invalid:focus {
  border-color: red;
  border-style: solid;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}
/*End for select2*/

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: red;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: red;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: var(--bs-danger)
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3rem + calc(1.5em + .75rem))
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: var(--bs-danger)
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: var(--bs-danger-text)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: var(--bs-danger-text)
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.pagination{
  margin: 0em; padding: 0em;
}
.pagination-container {
        display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .pagination-left {
    flex-grow: 1;
}
.pagination-right {
    text-align: right;
}
    .pagination li {
        display: inline-block;
    }
    .pagination li a {
        padding-left: 2em;
    }
.table{
  margin: 0em; padding: 0em;
}

/*For select dropdown*/
.form-control.mySelect {
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  padding: 0em;
  margin: 0em;
}
.select2-container .select2-choice {
  height: 2.4em;
}

/*End For select dropdown*/


/*For table progress when searching or clicking next, previous etc*/
 #table-container {
    position: relative; /* Ensure that the overlay is positioned relative to this container */
}

.crud_table_loader_class{
  position: absolute;
    top: 120px; /* Adjust this to position the loader below the transactionTableContainer */
    left: 50%;
    transform: translateX(-50%);
    z-index: 1999;
}
.loading-message {
   font-weight: bold; background-color: white;
}
/*End For table progress when searching or clicking next, previous etc*/

/*For table article*/
@media (max-width: 576px) {
    .noPaddingInSmallDevices {
        margin: 0 !important;
        padding: 0 !important;
    }
}
.widget-body.wb_table_class {
    min-height: 35em; /* Set your desired minimum height */
}
/*End For table article*/

#sparks li h5 {
  color: #555;
  float: left;
  font-size: 11px;
  font-weight: 400;
  margin: 0px 0 0 0;
  padding: 0;
  border: none;
  text-transform: uppercase;
}