:root { --general-padding: 8px; --mud-appbar-height: 64px; --mud-typography-h1-size: 1.5rem; --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; } #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%; } .mud-layout > .mud-main-content { position: relative; } :focus-visible { outline: none; } body.iframe-fullscreen header, body.iframe-fullscreen aside { display: none !important; } .iframe-wrap { display: block; height: calc(88vh - var(--mud-appbar-height)); position: relative; box-shadow: 1px 1px 11px rgba(0,0,0,0.5); border-radius: 10px; padding: 0; margin: 0; border: none; } iframe { width: 100%; height: 100%; padding: 0; margin: 0; border: none; top:0; left:0; position: absolute; } .iframe-wrap button { position: absolute; z-index: 1; right: 0; top: 0; padding:0!important; } .iframe-wrap.expanded > iframe, .iframe-wrap.expanded > button { position: fixed; z-index: 9998; } .d-flex.mud-input-helper-text { font-size: max(var(--mud-typography-default-size), 0.8em); }  .mud-container.authenticated-container { min-height: calc(100dvh - (var(--mud-appbar-height) + 16px)); } .single-line { white-space: nowrap; } .img-preview { display:block; height: 180px; border: 1px solid var(--mud-palette-gray-dark); border-radius: 6px; padding:1em; } .img-preview.client-logo { height: 4em; } .img-preview svg, .img-preview img { height: calc(100%-2em)!important; width: auto!important; max-height: 100%; max-width: 100%; color: white; } .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-container-image { height: 100%; background-position: left center; background-repeat: no-repeat; background-size: cover; } .public-container-stars { width: 350px; height: 100%; background-color: #0B50F5; background-repeat: repeat; background-position: top right; } .public-center-container { width: auto; min-width: 380px; 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%); } .public-right-container { width: 30%; max-width: 300px; } .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) { .public-center-container { width: 100%; background: white; } .sub-nav-content.float-left { float: none; width: 100%; } .report-filters.flex-row { align-items: end !important; }} @media (min-width: 700px) { .public-center-container { min-width: 690px; }} th > button.mud-button-text.mud-button-text-secondary { font-size: inherit; --mud-ripple-color: transparent; } @media (hover: hover) and (pointer: fine) { th > button.mud-button-text.mud-button-text-secondary:hover { background-color: transparent; opacity: 0.6; }}