@keyframes zoomIn {
    from {scale: 0}
    to {scale: 1}
}
@keyframes zoomOut {
    from {scale: 1}
    to {scale: 0}
}
@keyframes rotate {
    from {
        transform: translate(-50%, calc(-50% - 40px)) scale(.8,.8);
    }
    to {
        transform: translate(-50%, calc(-50% - 40px)) scale(1,1);
    }
}
.login-box {
    scale: 0;
    animation: zoomIn 1s;
    animation-fill-mode: forwards;
}
.login-box.zoomOut {
    animation: zoomOut 1s;
    animation-fill-mode: forwards;
}
.login-box img {
    width: 50px;
}
.bg-logo {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% - 40px));
    animation: rotate .5s infinite;
    animation-direction: alternate;
    /*animation-delay: 1s;*/
}
.bg-logo img {
    height: 150px;
}
.toast-top-right {
    right: 12px!important;
}