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


.timeline.timeline-border-dashed .timeline-icon {
    border-style: dashed !important;
}
.timeline .timeline-icon {
    z-index: 1;
    flex-shrink: 0;
    margin-right: 1rem;
    width: var(--bs-timeline-icon-size);
    height: var(--bs-timeline-icon-size);
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-gray-300);
    border-radius: 50%;
}


.btn-xs {
  height: 25px !important;
  width: 25px !important;
}

.btn-xs *{
  font-size: .95rem !important;
}