body {
  margin: 0;
}

.share-loader {
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #4160aa, 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.5), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.7), 1.8em -1.8em 0 0em #4160aa, 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.5), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.7), 2.5em 0em 0 0em #4160aa, 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.5), 2.5em 0em 0 0em rgba(65, 96, 170, 0.7), 1.75em 1.75em 0 0em #4160aa, 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.5), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.7), 0em 2.5em 0 0em #4160aa, -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.5), 0em 2.5em 0 0em rgba(65, 96, 170, 0.7), -1.8em 1.8em 0 0em #4160aa, -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.5), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.7), -2.6em 0em 0 0em #4160aa, -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.5), -2.6em 0em 0 0em rgba(65, 96, 170, 0.7), -1.8em -1.8em 0 0em #4160aa;
  }
}

@keyframes load5 {

  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #4160aa, 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.5), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.7);
  }

  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.7), 1.8em -1.8em 0 0em #4160aa, 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.5);
  }

  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.5), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.7), 2.5em 0em 0 0em #4160aa, 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.5), 2.5em 0em 0 0em rgba(65, 96, 170, 0.7), 1.75em 1.75em 0 0em #4160aa, 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.5), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.7), 0em 2.5em 0 0em #4160aa, -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.2), -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.5), 0em 2.5em 0 0em rgba(65, 96, 170, 0.7), -1.8em 1.8em 0 0em #4160aa, -2.6em 0em 0 0em rgba(65, 96, 170, 0.2), -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.5), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.7), -2.6em 0em 0 0em #4160aa, -1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2);
  }

  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(65, 96, 170, 0.2), 1.8em -1.8em 0 0em rgba(65, 96, 170, 0.2), 2.5em 0em 0 0em rgba(65, 96, 170, 0.2), 1.75em 1.75em 0 0em rgba(65, 96, 170, 0.2), 0em 2.5em 0 0em rgba(65, 96, 170, 0.2), -1.8em 1.8em 0 0em rgba(65, 96, 170, 0.5), -2.6em 0em 0 0em rgba(65, 96, 170, 0.7), -1.8em -1.8em 0 0em #4160aa;
  }
}

.splash-screen {
  height: 100vh;
  background: white;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.splash-screen .logo-secom {
  width: 100%;
  max-width: 400px;
}

.splash-screen .share-loader {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%)
}



.fade-enter-active, .fade-leave-active {
  transition: opacity 0.25s;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
}


.fade-enter-active header, .fade-leave-active header {
  transition: height 0.25s;
}

.fade-enter-from header, .fade-leave-to header {
  height: 100vh;
}


.slide-enter-active,
.slide-leave-active {
  transition: all 3s ease-out;
}


.slide-enter-to {
  position: absolute;
  right: 0;
}


.slide-enter-from {
  position: absolute;
  right: -100%;
}


.slide-leave-to {
  position: absolute;
  left: -100%;
}


.slide-leave-from {
  position: absolute;
  left: 0;
}