/* De body van de masterpage moet de volledig pagina innemen*/

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Loading icon */
div.loading-container
{
    color: White;    
    display: none;
    left:50%;
    margin-left: -250px;
    margin-top: -15px;
    position: fixed;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 400px;
    z-index: 199; /*Guide4You window heeft 203 */
}

div.loading-container span.badge
{
    background-color: #f0ad4e;
    font-size: 20px;
    padding: 6px;
}

/* Optimalisaties voor mobiel gebruik */

/* We kunnen niet wachten op de javascript onMobileChanged, want de melding die we tonen moet onmiddelijk op het scherm weergegeven worden.
   Indien we wachten op die functie, ziet de gebruiker de tekstsize aangepast worden. Wat niet mooi is. */
@media all and (max-device-width : 450px) {

    div.loading-container span.badge
    {
        font-size: 12px;
    }

    div.loading-container
    {
        width: 30em;
        margin-left: -15em; /*gelijk aan de helft van de ingestelde breedte*/
    }
}