@media screen {

    html,
    body {
        position: relative;
        width: 100%;
        height: 100%;
    }
}

:root {
    --mdc-typography-font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen-Sans,
        Ubuntu,
        Cantarell,
        "Helvetica Neue",
        sans-serif;
}


body {
    color: #333;
    margin: 0;
    box-sizing: border-box;
    font-family: -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen-Sans,
        Ubuntu,
        Cantarell,
        "Helvetica Neue",
        sans-serif;
}

.cursor-pointer {
    cursor: pointer;
}

.vertical-align-text-top>* {
    vertical-align: top;
}

.vertical-align-text-middle>* {
    vertical-align: middle;
}

.vertical-align-text-bottom>* {
    vertical-align: bottom;
}

.print-only,
.screen-only {
    display: none !important;
}

@media screen {
    .screen-only {
        display: unset !important;
    }
}

@media print {
    .print-only {
        display: unset !important;
    }
}

@keyframes pulseopacity {

    0%,
    100% {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

.anim-pulseopacity {
    animation: pulseopacity 3s infinite linear;
}

/* Fix ugly clash of materialise css and SMUI */
.mdc-segmented-button button:focus,
button.mdc-button:focus:not(.mdc-button--raised) {
    background-color: unset;
}