/* Define CSS variables for light mode */
:root {
  --active-row-background-color: rgba(217, 239, 253, 0.8);
  --danger-row-background-color: rgba(253, 217, 225, 0.925);
}

/* Dark mode overrides */
[data-bs-theme="dark"]{
  --active-row-background-color: rgba(58, 58, 58, 0.6); /* Example dark mode color */
  --danger-row-background-color: rgba(253, 217, 225, 0.1); /* Example dark mode color */
}

/* Apply the variables */
.activeRowColor {
  background-color: var(--active-row-background-color) !important;
}
.dangerRowColor{
  background-color: var(--danger-row-background-color) !important;
}

.btn-xs {
  padding-top: 2px !important;
  font-size: 0.5rem;
}
.btn-xxs {
  padding: 5px !important;
  padding-top: 5px !important;
  font-size: 5px !important;
}
.btn-circular {
  border-radius: 50% !important;
  text-align: center !important;
  line-height: 50px;
}
.floating-btn {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 0px;
    height: 0px;
  }
.lds-ripple div {
    position: absolute;
    border: 4px solid #6aac00;
    opacity: 1;
    border-radius: 100%;
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 25px;
    left: 25px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 25px;
    left: 25px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 25px;
    left: 25px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    opacity: 0;
  }
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 15px;
}
.lds-ellipsis div {
  position: absolute;
  top: 0px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #6f48b2;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.btn-sacit{
   padding: 0px !important;
}
.btn-group-xs>.btn, .btn-xs {
   --bs-btn-padding-y: 0.30rem;
   --bs-btn-padding-x: 0.30rem;


  /* --bs-btn-border-radius: 0.425rem; */
}
.btn-orange i{
  color: #ffffff !important;
}
.btn-orange {
  --bs-btn-color: #000000;
  --bs-btn-bg: #ffb400;
  --bs-btn-border-color: #ffb400;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #ffb400;
  --bs-btn-hover-border-color: #ffb400;
  --bs-btn-focus-shadow-rgb: 217,169,0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #ffb400;
  --bs-btn-active-border-color: #ffb400;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #ffb400;
  --bs-btn-disabled-border-color: #ffb400;
}

.btn-circular {
 border-radius: 50% !important;
 text-align: center !important;
 line-height: 50px;
}
.floating-btn {
 position: fixed;
 bottom: 100px;
 right: 20px;
 z-index: 1000;
}


.row-highlight {
  background-color: #f5f5a9 !important;
  color: #000 !important
}
.card{
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.034), 0 1px 2px rgba(0, 0, 0, .2) !important
}
.form-control{
  border-radius: .25rem;
}
.card-primary.card-outline {
  border-top: 3px solid #007bff;
}
html[data-bs-theme="light"] .bg-light  {
  background-color: #eceff3 !important;
}
table.dataTable.table-striped>tbody>tr.odd>* {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .05) !important;
}
.table td{
  border-top: 1px solid #dee2e6 !important;
}
.form-check-input-Credit, .form-check-input-Credit1{
  --bs-form-check-bg: transparent;
  vertical-align: top;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  height: 1.55rem;
  width: 1.55rem;
  border-radius: 0.45em;
  margin: 0;
  flex-shrink: 0;
  background-color: #dee2e6;
  border: #c8ccd1 solid 1px;
  box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, 0.04);
}

/* Checked State */
.form-check-input-Credit:checked {
  background-color: #1b84ff;
  border-color: #1b84ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input-Credit1:checked {
  background-color: #1b84ff;
  border-color: #1b84ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input-Settle, .form-check-input-Settle1{
  --bs-form-check-bg: transparent;
  vertical-align: top;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  height: 1.55rem;
  width: 1.55rem;
  border-radius: 0.45em;
  background-color: #dee2e6;
  border: #c8ccd1 solid 1px;
  box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, 0.04);
}

/* Checked State */
.form-check-input-Settle:checked {
  background-color: #1b84ff;
  border-color: #1b84ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.form-check-input-Settle1:checked {
  background-color: #1b84ff;
  border-color: #1b84ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}
.btn-xs {
  height: 25px !important;
  width: 25px !important;
}


.form-check-sacit{
  --bs-form-check-bg: transparent;
  vertical-align: top;
  appearance: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
  height: 1.55rem;
  width: 1.55rem;
  border-radius: 0.45em;
  background-color: #dee2e6;
  border: #c8ccd1 solid 1px;
  box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, 0.04);
}

.form-check-sacit:checked {
  background-color: #1b84ff;
  border-color: #1b84ff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
}