::-webkit-scrollbar {
    display: none;
}

body {
    background-color: #224f92;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu,
        Cantarell, 'Helvetica Neue', sans-serif;
}

.dark {
    background-color: #011825;
}

html,
body {
    width: 100%;
    height: 100%;
    /* Overscroll Test */
    position: fixed;
    overflow: hidden;
    overscroll-behavior-y: none;
    touch-action: none;
    font-size: 14px;
}

#svelte {
    height: 100%;
    width: 100%;
}

#app-grid {
    width: 100%;
    height: 100%;
    /* Overscroll Test */
    overscroll-behavior: contain;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    /*******************/
    display: grid;
    grid-template-rows: 56px auto 56px;
    grid-template-areas: 'header' 'body' 'footer';
}

.content {
    grid-area: body;
}

#loader-div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5) url(/images/loader.gif) center center no-repeat;
    /* z-index: 100; */
    /* display: none; */
}

.interactive-link:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}

.interactive-link:active,
.interactive-link:focus {
    background-color: rgba(0, 0, 0, 0.2) !important;
}