.loader-modal {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    z-index: 2000;
    opacity: 1 !important;
}

.loader-modal-dialog {
position: relative;
max-width: 500px;
width: 100%;
margin: 1.75rem;
display: flex;
align-items: center;
min-height: calc(100% - 1.75rem* 2);
margin-right: auto;
margin-left: auto;
pointer-events: none;
justify-content: center;
}

.loader-modal-content {
  /* background: white; */
  overflow: hidden;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  /* background-color: #fff; */
  background-clip: padding-box;
  border-radius: 0.5rem;
  outline: 0;
  width: 250px;
}

.loader-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.loader-modal-close {
  font-size: 24px;
  cursor: pointer;
}

.loader-modal-body {
  padding: 20px;
}

.three-body {
  --uib-size: 35px;
  --uib-speed: 0.8s;
  --uib-color: #ffcb05;
  position: relative;
  display: inline-block;
  height: var(--uib-size);
  width: var(--uib-size);
  animation: spin78236 calc(var(--uib-speed) * 2.5) infinite linear;
}

.three-body__dot {
position: absolute;
height: 100%;
width: 30%;
}

.three-body__dot:after {
content: '';
position: absolute;
height: 0%;
width: 100%;
padding-bottom: 100%;
background-color: var(--uib-color);
border-radius: 50%;
}

.three-body__dot:nth-child(1) {
bottom: 5%;
left: 0;
transform: rotate(60deg);
transform-origin: 50% 85%;
}

.three-body__dot:nth-child(1)::after {
bottom: 0;
left: 0;
animation: wobble1 var(--uib-speed) infinite ease-in-out;
animation-delay: calc(var(--uib-speed) * -0.3);
}

.three-body__dot:nth-child(2) {
bottom: 5%;
right: 0;
transform: rotate(-60deg);
transform-origin: 50% 85%;
}

.three-body__dot:nth-child(2)::after {
bottom: 0;
left: 0;
animation: wobble1 var(--uib-speed) infinite calc(var(--uib-speed) * -0.15) ease-in-out;
}

.three-body__dot:nth-child(3) {
bottom: -5%;
left: 0;
transform: translateX(116.666%);
}

.three-body__dot:nth-child(3)::after {
top: 0;
left: 0;
animation: wobble2 var(--uib-speed) infinite ease-in-out;
}

@keyframes spin78236 {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
}
}

@keyframes wobble1 {
0%,
100% {
transform: translateY(0%) scale(1);
opacity: 1;
}

50% {
transform: translateY(-66%) scale(0.65);
opacity: 0.8;
}
}

@keyframes wobble2 {
0%,
100% {
transform: translateY(0%) scale(1);
opacity: 1;
}

50% {
transform: translateY(66%) scale(0.65);
opacity: 0.8;
}
} 

    


#loaderModal .loader-modal-body{
display: flex;
justify-content: center;
align-items: center;
/* height: 224px; */
height: 150px;
}
#loaderModal .loader-modal-header{
text-align: center;
align-items: center;
margin: 0 auto;
border: 0;
margin-top: 15px;
}