/* inter-cyrillic-ext-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(04c5d2c480c226920a9b.woff2) format('woff2'), url(e98ef8217eff70b1c6a0.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(f9e5f604a45c00a532f2.woff2) format('woff2'), url(9e0ae30c98c08621bd65.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(c0dba9f477d8b8e0198f.woff2) format('woff2'), url(678a6de32725959471bf.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(3703eb6abf02d92c4c6d.woff2) format('woff2'), url(af02be9dc0594b20f539.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(2a4055b17286ecdd503d.woff2) format('woff2'), url(364184c9994e78d1ec87.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(c339d02bc1066c5eb0eb.woff2) format('woff2'), url(8eeafc82bf1e3850a262.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-300-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src: url(eb229bb9406cc043d5a4.woff2) format('woff2'), url(07e0e0017a987f6c727e.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(fd1478dcc74de00ee4c0.woff2) format('woff2'), url(c676f175d430bd465724.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(cb04b2ee2f7d192478b8.woff2) format('woff2'), url(062321ff8a8844520dc5.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(f2fa0d9ef98f59d4a75b.woff2) format('woff2'), url(02f9e7ef5cf29425f684.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(a8de720a6f13c66c8a4e.woff2) format('woff2'), url(9ec3b40ece10debf7a33.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(44c9df135eec470b0ab6.woff2) format('woff2'), url(aaa15d735e3826061950.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(210fb826cb25acbd4094.woff2) format('woff2'), url(c616205185f0d3677df9.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(eca1e21531598d5db58f.woff2) format('woff2'), url(2ea1079c0069eb040a52.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(023db878f10be2203b60.woff2) format('woff2'), url(69e09a587b911ec8ad0f.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(b9dcbca183ac93f02061.woff2) format('woff2'), url(397037a7cc1ed6f3012e.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(b187635a3d8a0b90faa0.woff2) format('woff2'), url(045dde1e05b73ab35d25.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(0d91a975f010051e7150.woff2) format('woff2'), url(debd93e5ca5313a6d262.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(63d02ea896a7406849b6.woff2) format('woff2'), url(296d66c0bba9086788b9.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(cdb4dd5dc508fe6e7398.woff2) format('woff2'), url(2f93aaa35e870cec4704.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(b7c27c60f848f2083f45.woff2) format('woff2'), url(5014db633e71a7741bf5.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(5631f054acb5a33a716a.woff2) format('woff2'), url(0ddea3beace60380deb1.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(36e9cf9ecc07ac6bce28.woff2) format('woff2'), url(03cc5c4a68b77f60ea9b.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(4cdf2b4e817dade3d4aa.woff2) format('woff2'), url(ca8751b8c028cb9ae710.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(f5fbdfc39c2431160896.woff2) format('woff2'), url(04d33a0bd87050834f1a.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(5d9bfcacc44f345662ff.woff2) format('woff2'), url(cceb6e3d4483c3136077.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(be70ab2888339fe67ac5.woff2) format('woff2'), url(454735e8a8af2928485e.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(084676038be5b1c38324.woff2) format('woff2'), url(02426d017cf367236f56.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
*,
::before,
::after {
    margin: 0;
    padding: 0;
}

*[hidden] {
    display: none !important;
}

html {
    height: 100%;
    min-height: 0;
}

body {
    height: 100%;
    min-height: 0;
}

#body {
    height: 100%;
    min-height: 0;
}

.bottom-nav {
    justify-self: flex-end;
    position: relative;
}

.full-page div[class*="SwCardHeader"] {
    padding-bottom: 30px;
    padding-top: 10px;
}

.full-page .logo-box {
    background-color: #ffffff;
    box-shadow: rgba(0,0,0,0.25) 0 1px 3px;
    flex: 0 0 40px;
    height: 40px;
    padding: 4px;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(100% - 20px);
}

@media (orientation: portrait) {

    /* Systemware Brand accents only available in portrait */

    .bottom-nav::after {
        /* Systemware Brand 9 degree angle */
        border-bottom-width: calc(100vw * tan(9deg));
        border-color: transparent;
        border-style: solid;
        border-left-width: 100vw;
        border-right-width: 0;
        border-top-width: 0;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        top: calc(-99vw * tan(9deg));
        width: 100vw;
    }

    .bottom-nav::before {
        /* Systemware Brand "dovetail" accent */
        content: '';
        display: block;
        height: calc((100vw * tan(9deg)) * 0.25);
        left: 10vw;
        position: absolute;
        top: calc((-100vw * tan(9deg)) * 0.5);
        transform: skew(0deg, -9deg);
        width: 40vw;
    }

    .full-page div[class*="SwCardHeader"] {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .full-page div[class*="SwCardHeader"]::before {
        content: "";
    }

    .full-page .logo-box {
        top: calc(100% + 15px);
    }

}

@media (orientation: landscape) {

    /* Systemware Brand accents only available in landscape */

    .bottom-nav::after {
        /* Systemware Brand 9 degree angle */
        border-left-width: calc(300px * tan(9deg));
        border-color: transparent;
        border-style: solid;
        border-bottom-width: 300px;
        border-right-width: 0;
        border-top-width: 0;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        right: 0;
        top: -300px;
        width: 0;
    }

    .bottom-nav::before {
        /* Systemware Brand "dovetail" accent */
        bottom: 80px;
        content: '';
        display: block;
        height: 120px;
        left: auto;
        position: absolute;
        right: calc(300px * tan(9deg) * 0.65);
        top: auto;
        transform: skew(-9deg, 0deg);
        width: calc(300px * tan(9deg) * 0.35);
    }

}

.page-body {
    flex-grow: 1;
    padding: 0px 5px;
}

.page-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

/* Like display:none, but it's still available to screen readers */
/* Can also use: import { visuallyHidden } from '@mui/utils'; */
.sr-only {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Like visibility:hidden, but it's still available to screen readers */
/* Can also use: import { visibilityHiddenSr } from 'css/cssUtil.js'; */
.visibility-none-sr {
    opacity: 0;
    pointer-events: none;
}