.login-bg { width: 100%; height: 100vh; align-items: center; justify-content: center; position: relative; background: linear-gradient(200deg, rgb(186, 224, 255) 0%, rgb(9, 88, 217) 100%); }
.login-bg-bottom { position: absolute; width: 100%; height: 20vh; bottom: 0; background: rgb(255, 255, 255); }
.waves { position: absolute; width: 100%; height: 15vh; min-height: 100px; max-height: 150px; bottom: 20vh }
.parallax > use { -webkit-animation: _move-forever_1vc7x_1 25s cubic-bezier(.55,.5,.45,.5) infinite; animation: _move-forever_1vc7x_1 25s cubic-bezier(.55,.5,.45,.5) infinite }
.parallax > use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 7s; animation-duration: 7s }
.parallax > use:nth-child(2) { -webkit-animation-delay: -3s; animation-delay: -3s; -webkit-animation-duration: 10s; animation-duration: 10s }
.parallax > use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 13s; animation-duration: 13s }
.parallax > use:nth-child(4) { -webkit-animation-delay: -5s; animation-delay: -5s; -webkit-animation-duration: 20s; animation-duration: 20s }
.parallax { position: absolute; width: 100%; height: 20vh; bottom: 0 }
.login-logo { background-color: #ffff; background-image: url(/img/logo.png); background-repeat: no-repeat; height: 90px; background-position: center; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.login-box .is-invalid { background-image: none !important }
.login-footer { position: absolute; bottom: 0; width: 100%; padding: 5px 0; }

@-webkit-keyframes _move-forever_1vc7x_1 {
    0% { -webkit-transform: translate3d(-90px,0,0); transform: translate3d(-90px,0,0) }
    to { -webkit-transform: translate3d(85px,0,0); transform: translate3d(85px,0,0) }
}

@keyframes _move-forever_1vc7x_1 {
    0% { -webkit-transform: translate3d(-90px,0,0); transform: translate3d(-90px,0,0) }
    to { -webkit-transform: translate3d(85px,0,0); transform: translate3d(85px,0,0) }
}

@media (max-width: 768px) {
    .waves { height: 40px; min-height: 40px }
}