/* ----- PRELOADER ----- styles defined in system/modules/preloader-icon/assets/preloader-icon.css*/

#preloaderOverlay {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
}

#preloaderOverlay .preloader-icon {
    z-index: 9999;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 50%;
    border-left: 2px solid #e6e6e6;
    border-right: 2px solid #e6e6e6;
    border-top: 2px solid #e6e6e6;
    border-bottom: 2px solid #2acfff;

    -webkit-animation: rotation 1.6s infinite linear;
    -moz-animation: rotation 1.6s infinite linear;
    -ms-animation: rotation 1.6s infinite linear;
    -o-animation: rotation 1.6s infinite linear;
    animation: rotation 1.6s infinite linear;
}

#preloaderOverlay .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  border: 0;
}

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

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