body {
  margin: 0;
}

.base-wrapper-index {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f4f4f4;
  position: absolute;
  top: 0;
  z-index: 9999999;
  opacity: 1;
}

.ftci-ng-mat-spinner {
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
}

.ftci-ng-mat-spinner .spinner {
  width: 65px;
  height: 65px;
  animation: rotator 1.4s linear infinite;
  stroke: #607d8b;
  stroke-width: 3;
  position: relative;
  top: -8px;
}

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

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

.ftci-ng-mat-spinner .path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  transform-origin: center;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

.ftci-ng-mat-spinner #loaderText {
  margin: 20px 0 0;
  width: 100px;
  height: 14.5px;
}

@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }

  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg);
  }

  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg);
  }
}