@font-face {
    font-family: Frutiger;
    src: url(../assets/fonts/frutiger_light.ttf);
}
@font-face {
    font-family: Frutiger;
    src: url(../assets/fonts/frutiger_bold.ttf);
    font-weight: bold;
}
@font-face {
    font-family: FA;
    src: url(../assets/fonts/fa_free_solid.ttf);
}

* {
    font-family: Frutiger, sans-serif !important;
}

html {
    background-color: #e5e5e5 !important;
}

html.input-preview {
    overflow: hidden;
}

html.input-preview,
html.input-preview body {
    height: 100%;
    max-height: 100%;
    margin: 0 !important;
}

html.input-preview #input {
    height: 100%;
    overflow: auto;
}

@media screen and (max-width: 768px) {
    html.input-preview #input,
    html.input-preview #preview {
        width: 100%;
        height: 50%;
        overflow: auto;
    }
}

.dropdown-trigger[disabled] {
    border-color: transparent;
    box-shadow: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.dropdown-trigger[disabled] .button {
    cursor: not-allowed;
}