:root { --mud-typography-h1-size: 2.125rem; --mud-typography-h2-size: 2.125rem; --mud-typography-h3-size: 2.125rem; --mud-typography-h3-lineheight: 1.167; --mud-typography-h4-size: 2.125rem; --mud-typography-h5-size: 1.125rem; --mud-typography-h6-size: 2.125rem; } html, body { font-family: var(--default-font); min-width: 400px; width: 100%; height: 100%; border: none; padding: 0; margin: 0; } ul { margin-left: 2ch; } #app { display: flex; margin: 0; padding: 0; gap: 0; position: relative; width: 100%; height: 100%; overflow: auto; } #app > .mud-layout, #app > .mud-layout > .mud-layout { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } :focus-visible { outline: none; } iframe { width: 100%; height: calc(100dvh - (3 * var(--mud-appbar-height))); padding: 0; margin: 0; border: none; box-shadow: 1px 1px 11px rgba(0,0,0,0.5); border-radius: 10px; } .subsection .mud-input-control { background-color: inherit; color: inherit; } .mud-input-control label { background-color: var(--currentBgColor); background-image: linear-gradient(0deg, var(--mud-palette-white) 0%, var(--mud-palette-white) 50%, var(--currentBgColor) 50%, var(--currentBgColor) 100%); }  .auth-timer { display: none; } .mud-container.authenticated-container { min-height: calc(100dvh - (var(--mud-appbar-height) + 16px)); } .single-line { white-space: nowrap; } .opyn_form_column { display: flex; min-width: 300px; gap: 1rem; flex-direction: column; } .opyn_form_row { display: flex; flex-direction: row; gap: 1rem; flex-wrap: wrap; } .opyn_form_card { width: 50%; } .opyn_menu_toggle { position: absolute; bottom: 20%; right: -15px; z-index: 9; border-radius: 50%; background: #ffffff; } .flow-break { display: flex; flex-direction: column; align-items: center; justify-content: center; width: auto; height: 100%; gap: 8px; } .flex-column > .flow-break, .flow-break.column { flex-direction: row; width: 100%; height: auto; } .flow-break::after, .flow-break::before { display: block; flex-grow: 1; content: " "; background-color: rgba(200, 200, 200, 255); min-height: 2px; min-width: 2px; } .flow-break > div:not(:empty) { display: block; } .public-container { width: 100%; min-height: 100%; } .public-container-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; } .public-container-content { min-height: 100%; z-index: 2; } .public-center-container { width: auto; min-width: 380px; max-width: 600px; background: white; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 8%, rgba(255, 255, 255, 1) 95%, rgba(0, 0, 0, 0) 100%); } h4.mud-typography-h4 { word-break: break-all; } .public-form-container { height: 100dvh; width: 100%; margin: 0px; border-radius: 0px; } .nav-sub-menu > .mud-button { color: var(--mud-palette-dark); border-bottom: 3px solid var(--palette-gray); border-end-end-radius: 0px; border-end-start-radius: 0px; font-weight: 700; } .nav-sub-menu > .mud-button.mud-button-text-primary { border-bottom-color: var(--mud-palette-primary); background-color: var(--mud-palette-drawer-background); } .float-left { float: left; } .float-right { float: right; } .float-clear { clear: both; } .fit-content { display: inline-flex; width: max-content; } td > button:only-child:not(.mud-icon-button) { padding: 6px; margin: -6px; width: calc(100% + 12px); font-weight: inherit; font-size: inherit; } td > button.mud-button > span.mud-button-label { text-align: left; } td > button.mud-button > span.mud-button-label > .mud-button-icon-end:not(:first-child) { margin-left: auto; } @media (max-width: 700px) { .sub-nav-content.float-left { float: none; width: 100%; } .report-filters.flex-row { flex-direction: column !important; align-items: end !important; }}