:root {
    --palette-01: #003049;
    --palette-02: #006CA5;
    --palette-03: #5D9B00;
    --palette-04: #FCBF49;
    --palette-05: #F77F00;
    --palette-06: #D62828;
    --palette-07: #333333;
    --palette-08: #464646;
    --palette-09: #A6A6A6;
    --palette-10: #C6C6C6;
    --primary-brand-colour: var(--palette-01);
    --app-background-color: #E4E7EB;
    --px16-normal-outfit: normal normal normal 16px/20px Outfit-Regular;
    --text-color: #212529;
}


body {
    display: block;
    margin: 0;
    padding: 0;
    background: var(--app-background-color);
    font: var(--px16-normal-outfit);
    color: var(--text-color);
    height: 100vh;
    width: 100vw;
}

.js_viewer_loader_default {
    border-left: 6px solid var(--palette-01) !important;
}

.stiJsViewerReportPanel {
    margin-top: 0 !important;
}

.stiJsViewerForm {
    top: 10vh !important;
}

/*.stiJsViewerToolBar {
    width: calc(100% - 50px) !important;
}*/

#loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    /*background-image: url("/images/AuraLogo.png");*/
    background-position: center;
    background-repeat: no-repeat;
    animation: fadeIn 5s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.k-loader {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    line-height: 0;
}

.k-loader-canvas {
    display: flex;
    position: relative;
}

.k-loader-segment {
    border-radius: 50%;
    background-color: currentColor;
    position: absolute;
}



.k-loader-lg {
    padding: calc(var(--kendo-spacing-4, 1rem)/2);
}

    .k-loader-lg .k-loader-segment {
        width: var(--kendo-spacing-4, 1rem);
        height: var(--kendo-spacing-4, 1rem);
    }

@keyframes spinner-3-segment {
    0% {
        top: 0;
        left: 50%;
    }

    33.3333% {
        top: 100%;
        left: 0;
    }

    66.6666% {
        top: 100%;
        left: 100%;
    }

    100% {
        top: 0;
        left: 50%;
    }
}

.k-loader-spinner-3 .k-loader-segment {
    transform: translate(-50%, -50%);
}

    .k-loader-spinner-3 .k-loader-segment:nth-child(1) {
        top: 0;
        left: 50%;
        animation: spinner-3-segment 2s ease infinite;
    }

    .k-loader-spinner-3 .k-loader-segment:nth-child(2) {
        top: 100%;
        left: 0;
        animation: spinner-3-segment 2s ease infinite;
        animation-delay: -0.6666666667s;
    }

    .k-loader-spinner-3 .k-loader-segment:nth-child(3) {
        top: 100%;
        left: 100%;
        animation: spinner-3-segment 2s ease infinite;
        animation-delay: -1.3333333333s;
    }

.k-loader-spinner-3.k-loader-sm .k-loader-canvas {
    margin: calc(var(--kendo-spacing-1, 0.25rem)/2);
    width: calc(var(--kendo-spacing-1, 0.25rem)*4 - var(--kendo-spacing-1, 0.25rem));
    height: calc(var(--kendo-spacing-1, 0.25rem)*4*0.8660254038 - var(--kendo-spacing-1, 0.25rem));
}

.k-loader-spinner-3.k-loader-md .k-loader-canvas {
    margin: calc(var(--kendo-spacing-2, 0.5rem)/2);
    width: calc(var(--kendo-spacing-2, 0.5rem)*4 - var(--kendo-spacing-2, 0.5rem));
    height: calc(var(--kendo-spacing-2, 0.5rem)*4*0.8660254038 - var(--kendo-spacing-2, 0.5rem));
}

.k-loader-spinner-3.k-loader-lg .k-loader-canvas {
    margin: calc(var(--kendo-spacing-4, 1rem)/2);
    width: calc(var(--kendo-spacing-4, 1rem)*4 - var(--kendo-spacing-4, 1rem));
    height: calc(var(--kendo-spacing-4, 1rem)*4*0.8660254038 - var(--kendo-spacing-4, 1rem));
}


.k-loader-primary {
    color: #0A2335;
}