.blockUI {
   border: none !important;
}

:is(
   .contentLoader,
   .contentLoaderSend
) {
   position: fixed !important;
   z-index: 9999 !important;
}

.contentLoader,
.contentLoaderSend {
   position: fixed !important;
   width: 100% !important;
   height: 100% !important;
   top: 0 !important;
   left: 0 !important;
   background-color: var(--blackFont) !important;
}

.loader {
   position: absolute !important;
   top: 50% !important;
   left: 50% !important;
   transform: translate(-50%, -50%) !important;
   width: 250px !important;
   height: 250px !important;
   box-sizing: border-box !important;
   border: none !important;
}

.loader .face {
   position: absolute !important;
   border: 2px solid transparent !important;
}

.loader .face.face1 {
   top: 0 !important;
   left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   border-radius: 50% !important;
   border-left: 2px solid #ffff00 !important;
   border-top: 2px solid #ffff00 !important;
   animation: animate 3s linear infinite;
}

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

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

.loader .face.face2 {
   top: 40px !important;
   left: 40px !important;
   right: 40px !important;
   bottom: 40px !important;
   border-radius: 50% !important;
   border-right: 2px solid #03a9f4 !important;
   border-bottom: 2px solid #03a9f4 !important;
   animation: animate 3s linear reverse infinite;
}

.loader .face .circle {
   position: absolute !important;
   top: calc(50% - 1px) !important;
   left: 50% !important;
   width: 50% !important;
   height: 2px !important;
   transform-origin: left !important;
}

.loader .face.face1 .circle {
   transform: rotate(-45deg);
}

.loader .face.face2 .circle {
   transform: rotate(-45deg);
}

.loader .face .circle::before {
   content: '' !important;
   position: absolute !important;
   width: 10px !important;
   height: 10px !important;
   border-radius: 50% !important;
   background: #fff !important;
   top: -4px !important;
   right: -6px !important;
}

.loader .face.face1 .circle::before {
   background: #ffff00 !important;
   box-shadow: 0 0 20px #ff0,
      0 0 40px #ff0,
      0 0 60px #ff0,
      0 0 80px #ff0,
      0 0 100px #ff0,
      0 0 0 5px rgba(255, 255, 0, .1) !important;
}

.loader .face.face2 .circle::before {
   background: #03a9f4 !important;
   box-shadow: 0 0 20px #03a9f4,
      0 0 40px #03a9f4,
      0 0 60px #03a9f4,
      0 0 80px #03a9f4,
      0 0 100px #03a9f4,
      0 0 0 5px rgba(3, 169, 244, .1) !important;
}