.loader-top {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: var(--color-rgba000025);
  z-index: 650; /*div modal 600-ra van állítva, azért 650*/
}
.loader-overlay {
  /* width: 100vw;
  height: 100vh;
  top: 0;
  left: 0; */
  z-index: 1050;
  position: absolute;
  /* background: var(--color-rgba000025);   */
  width: 10em;
  height: 10em;
  border-top: 1em solid var(--color-frenchblue);
  border-right: 1em solid transparent;
  border-radius: 50%;
  margin: 0 auto;
  animation: loaderspin 3s linear infinite;
  left: calc(50% - 5em);
  top: calc(50% - 10em);
}

.loader {
  position: absolute;
  /* border: 16px solid var(--color-azure);
  border-radius: 50%;
  border-top: 16px solid var(--color-frenchblue);
  width: 120px;
  height: 120px; */
  /* left: calc(50% - 60px);
  top: calc(50% - 60px);
  transform: translate(-50%) translateY(-50%); */
  /* -webkit-animation: loaderspin 2s linear infinite;
  animation: loaderspin 2s linear infinite; */
  width: 1em;
  height: 1em;
  background-color: var(--color-frenchblue);
  border-radius: 50%;
  margin-left: 8.5em;
  margin-top: 0.5em;
  z-index: 2100;
}

.loader-overlay.fadeout {
    animation: loaderfadeout 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes loaderfadeout {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes loaderfadeout {
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

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

@keyframes loaderspin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}