/* pre-bootstrap */
body,
html {
    height: 100%;
}
.app-loading {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.app-loading .message {
    display: flex;
    padding: 1rem;
}
.app-loading .message .dots {
    margin-left: 5px;
}
.app-loading .message .dots span {
    position: relative;
    bottom: 0px;
    -webkit-animation: jump 1500ms infinite;
    animation: jump 2s infinite;
}
.app-loading .message .dots .dot-1 {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}
.app-loading .message .dots .dot-2 {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}
.app-loading .message .dots .dot-3 {
    -webkit-animation-delay: 600ms;
    animation-delay: 600ms;
}
@-webkit-keyframes jump {
    0% {
        bottom: 0px;
    }
    20% {
        bottom: 5px;
    }
    40% {
        bottom: 0px;
    }
}

@keyframes jump {
    0% {
        bottom: 0px;
    }
    20% {
        bottom: 5px;
    }
    40% {
        bottom: 0px;
    }
}