/* Copyright (c) Microsoft Corporation.
Licensed under the MIT license. */

    section#text-container>div>p {
        font: 1.2em "segoe ui", arial, sans-serif;
    }

    section#report-container {
        /* height: calc(0.5625 * 65vw);
        16:9 aspect ratio */
        height: calc(52.25vw);
        max-height: 104vh;
    }

    @media only screen and (max-width: 575px) {
        section#report-container {
            /*height: calc(0.5625 * 200vw);
             16:9 aspect ratio */
            height: calc(56.25vw);
            max-height: 89vh;
        }
    }

    footer>p {
        font: 1em "segoe ui", arial, sans-serif;
    }

    iframe {
        border: none;
    }

    .notification-bar unselectable teaching {
        display: none;
    }

    .nav-flat.nav-child-indent .nav-treeview {
        padding-left: 5px !important;
    }

    span.elegantshadow {
        color: #ec1f28;
        letter-spacing: 0.15em;
        text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777;
    }

    .dropdown-item.active,
    .dropdown-item:active {
        color: #ec1f28 !important;
        text-decoration: none;
        background-color: #00278a !important;
    }

    #load {
        position: absolute;
        margin-left: 50%;
        padding-top: 25px;
        text-align: center;
        width: 120px;
        height: 120px;
        border: 16px solid #ec1f28;
        border-radius: 50%;
        border-top: 16px solid #00278a;
        border-bottom: 16px solid #00278a;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }

    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .LockOff {
        display: none;
        visibility: hidden;
    }

    .LockOn {
        display: block;
        visibility: visible;
        position: absolute;
        z-index: 999;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: #ccc;

        text-align: center;
        padding-top: 20%;
        filter: alpha(opacity=75);
        opacity: 0.75;
    }