html,
body,
#root,
#root > div:first-of-type {
  min-height: 100vh !important;
  /* height: 100%; */
}

html, body {
    touch-action: manipulation;
}

.my-class {
    width: 40px;
    height: 40px;
  }

.loading-wrapper {
  width: 100%;
  height: 100vh;
  display: flex;
  z-index: 9999999;
  text-align: center;
  justify-content: center;
  background-color: white;
}

.loading-spinner {
  top: 70%;
  width: 50px;
  height: 50px;
  position: absolute;
}

.circle-loading-color {
  color: grey;
}

.circle-loading-root {
  display: inline-block;
}

.circle-loading-svg {
  display: block;
}

.circle-loading-circleIndeterminate {
  animation: circle-loading-keyframes-circular-dash 1.4s ease-in-out infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0px;
}

.circle-loading-circle {
  stroke: currentColor;
}

.circle-loading-indeterminate {
  animation: circle-loading-keyframes-circular-rotate 1.4s linear infinite;
}

@-webkit-keyframes circle-loading-keyframes-circular-rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes circle-loading-keyframes-circular-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}