body {
    padding: 0px;
    margin: 0px;
}

#garvanTop {
    background: rgb(95, 44, 126) none repeat scroll 0% 0% / auto padding-box border-box;
    color: rgb(255, 255, 255);
}

#garvanTop a, #garvanTop a:hover {
    color: white;
}

#garvanTop img {
    background: none;
}

#garvanTop .vertical-align {
    display: flex;
    align-items: center;
}

#garvanTop .text-centered {
    text-align: center;
}

#garvanTop .garvanAppName {
    font-size: 220%;
}

#garvanReportStatus {
    width: 550px;
    margin: 10px auto;
    text-align: center;
}

#garvanReportStatus table tr th {
    text-align: right;
}

.garvanBodyAlignment {
    text-align: center;
    margin: auto;
}

.garvanPadding {
    margin-top: 10px;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.garvanloading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 900ms infinite;
    animation: ellipsis steps(4, end) 900ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
}

@keyframes ellipsis {
    to {
        width: 1.25em;
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;
    }
}