@media (max-width: 1919px) and (min-width: 768px) {
    @-ms-viewport {
        width: 1920px;
    }
}

@font-face {
    font-family: "SAP-icons";
    src:
        url("/fonts/sap-icons/SAP-icons-2.woff2") format("woff2"),
        url("/fonts/sap-icons/SAP-icons-1.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}

html {
    font-family: "72", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.clp-shell-body {
    justify-content: center;
    background: var(--clp-shell-loading-background, #f7f9fb);
}

.clp-shell-loading {
    display: none;
    height: 100%;
    min-height: 100vh;
    width: 100%;
    position: absolute;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    background: var(--clp-shell-loading-background, #f7f9fb);
    color: var(--clp-shell-loading-text, #1d2d3e);
}

.clp-shell-loading .clsAppBusyLoading {
    min-height: 100vh;
    background: var(--clp-shell-loading-background, #f7f9fb);
    color: var(--clp-shell-loading-text, #1d2d3e);
}

html[data-theme="sap_horizon"],
html[data-theme="sap_fiori_3"],
.clp-shell-loading[data-theme="sap_horizon"],
.clp-shell-loading[data-theme="sap_fiori_3"] {
    --clp-shell-loading-background: #f7f9fb;
    --clp-shell-loading-text: #1d2d3e;
}

html[data-theme="sap_horizon_dark"],
html[data-theme="sap_fiori_3_dark"],
html[data-clp-login-resolved-theme="sap_horizon_dark"],
html[data-clp-login-resolved-theme="sap_fiori_3_dark"],
.clp-shell-loading[data-theme="sap_horizon_dark"],
.clp-shell-loading[data-theme="sap_fiori_3_dark"] {
    --clp-shell-loading-background: #12171c;
    --clp-shell-loading-text: #dce7f2;
}