body {
    background: #bbb;
}

/* Lade Animation */
#loadingAnimation {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 350px;
    margin-left: -195px;
    margin-top: -80px;
    text-align: center;
    padding: 20px 20px 10px 20px;
    border: 0;
    border-radius: 3px;
    color: #333;
    font-family: helvetica, arial, verdana, sans-serif;
    background: #fff;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

#loadingAnimation img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    animation-name: logoLoadingIndicator;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes logoLoadingIndicator {
    0% {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }
    50% {
        -webkit-filter: grayscale(0%);
        -moz-filter: grayscale(0%);
        -o-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    100% {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }
}

/* Rueckmeldungs-Moped JIRA */
.atlwdg-trigger {
    z-index: 99;
}