:root { --default-font: Montserrat, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; font-synthesis: none; font-family: var(--default-font); font-size: var(--mud-typography-default-size); text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; --gap-base: 0.3%; --general-padding: 8px; --mud-appbar-height: 0px; --mud-default-borderradius: 4px; --mud-drawer-width-left: 240px; --mud-drawer-width-right: 400px; --mud-drawer-width-mini-left: 56px; --mud-drawer-width-mini-right: 56px; --mud-elevation-0: none; --mud-elevation-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); --mud-elevation-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); --mud-elevation-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); --mud-elevation-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); --mud-elevation-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); --mud-elevation-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); --mud-elevation-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); --mud-elevation-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); --mud-elevation-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); --mud-elevation-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); --mud-elevation-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); --mud-elevation-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); --mud-elevation-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); --mud-elevation-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); --mud-elevation-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); --mud-elevation-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); --mud-elevation-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); --mud-elevation-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); --mud-elevation-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); --mud-elevation-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); --mud-elevation-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); --mud-elevation-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); --mud-elevation-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); --mud-elevation-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); --mud-elevation-25: 0 5px 5px -3px rgba(0, 0, 0, .06), 0 8px 10px 1px rgba(0, 0, 0, .042), 0 3px 14px 2px rgba(0, 0, 0, .036); --mud-typography-default-family: var(--default-font); --mud-typography-default-size: 16px; --mud-typography-default-weight: 400; --mud-typography-default-lineheight: 1.43; --mud-typography-default-letterspacing: .01071em; --mud-typography-default-text-transform: none; --mud-typography-h1-family: var(--default-font); --mud-typography-h1-size: 1.3rem; --mud-typography-h1-weight: 800; --mud-typography-h1-lineheight: 1.235; --mud-typography-h1-letterspacing: 0; --mud-typography-h1-text-transform: none; --mud-typography-h2-family: var(--default-font); --mud-typography-h2-size: 1.3rem; --mud-typography-h2-weight: 700; --mud-typography-h2-lineheight: 1.235; --mud-typography-h2-letterspacing: 0; --mud-typography-h2-text-transform: none; --mud-typography-h3-family: var(--default-font); --mud-typography-h3-size: 1.3rem; --mud-typography-h3-weight: 600; --mud-typography-h3-lineheight: 1.235; --mud-typography-h3-letterspacing: 0; --mud-typography-h3-text-transform: none; --mud-typography-h4-family: var(--default-font); --mud-typography-h4-size: 1.3rem; --mud-typography-h4-weight: 500; --mud-typography-h4-lineheight: 1.235; --mud-typography-h4-letterspacing: 0; --mud-typography-h4-text-transform: none; --mud-typography-h5-family: var(--default-font); --mud-typography-h5-size: 1.3rem; --mud-typography-h5-weight: 500; --mud-typography-h5-lineheight: 1.235; --mud-typography-h5-letterspacing: 0; --mud-typography-h5-text-transform: none; --mud-typography-h6-family: var(--default-font); --mud-typography-h6-size: 1.3rem; --mud-typography-h6-weight: 400; --mud-typography-h6-lineheight: 1.235; --mud-typography-h6-letterspacing: 0; --mud-typography-h6-text-transform: none; --mud-typography-subtitle1-family: var(--default-font); --mud-typography-subtitle1-size: 16px; --mud-typography-subtitle1-weight: 400; --mud-typography-subtitle1-lineheight: 1.75; --mud-typography-subtitle1-letterspacing: .00938em; --mud-typography-subtitle1-text-transform: none; --mud-typography-subtitle2-family: var(--default-font); --mud-typography-subtitle2-size: 16px; --mud-typography-subtitle2-weight: 500; --mud-typography-subtitle2-lineheight: 1.57; --mud-typography-subtitle2-letterspacing: .00714em; --mud-typography-subtitle2-text-transform: none; --mud-typography-body1-family: var(--default-font); --mud-typography-body1-size: 16px; --mud-typography-body1-weight: 400; --mud-typography-body1-lineheight: 1.5; --mud-typography-body1-letterspacing: .00938em; --mud-typography-body1-text-transform: none; --mud-typography-body2-family: var(--default-font); --mud-typography-body2-size: 16px; --mud-typography-body2-weight: 400; --mud-typography-body2-lineheight: 1.43; --mud-typography-body2-letterspacing: .01071em; --mud-typography-body2-text-transform: none; --mud-typography-button-family: var(--default-font); --mud-typography-button-size: 16px; --mud-typography-button-weight: 500; --mud-typography-button-lineheight: 1.75; --mud-typography-button-letterspacing: .02857em; --mud-typography-button-text-transform: none; --mud-typography-caption-family: var(--default-font); --mud-typography-caption-size: 16px; --mud-typography-caption-weight: 400; --mud-typography-caption-lineheight: 1.66; --mud-typography-caption-letterspacing: .03333em; --mud-typography-caption-text-transform: none; --mud-typography-overline-family: var(--default-font); --mud-typography-overline-size: 16px; --mud-typography-overline-weight: 400; --mud-typography-overline-lineheight: 2.66; --mud-typography-overline-letterspacing: .08333em; --mud-typography-overline-text-transform: none; --mud-zindex-drawer: 1100; --mud-zindex-appbar: 1300; --mud-zindex-dialog: 1400; --mud-zindex-popover: 1200; --mud-zindex-snackbar: 1500; --mud-zindex-tooltip: 1600; } html, body, body * { scrollbar-color: #c4c4c4 transparent; scrollbar-width: thin; } html, body { font-size: var(--mud-typography-default-size); } .mud-dialog-content > ul { margin-left: 2ch; } ul ul { margin-left: 2ch; } a { color: inherit; } a:not(:disabled):not([disabled]):not(.disabled):focus, a:not(:disabled):not([disabled]):not(.disabled):focus-within, .clickable:not(:disabled):not([disabled]):not(.disabled):focus, .clickable:not(:disabled):not([disabled]):not(.disabled):focus-within, button:not(:disabled):not([disabled]):not(.disabled):focus, button:not(:disabled):not([disabled]):not(.disabled):focus-within { --currentBgColor: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent); outline: 1px solid var(--currentBgColor); } a:not(:disabled):not([disabled]):not(.disabled):focus, a:not(:disabled):not([disabled]):not(.disabled):focus-within, .clickable:not(:disabled):not([disabled]):not(.disabled):focus, .clickable:not(:disabled):not([disabled]):not(.disabled):focus-within, button:not(:disabled):not([disabled]):not(.disabled):focus, button:not(:disabled):not([disabled]):not(.disabled):focus-within { color: var(--mud-palette-primary-text); background-color: var(--currentBgColor); } .showfocus a[tabindex]:not(:disabled):not(.disabled):focus, .showfocus a[href]:not(:disabled):not(.disabled):focus, .showfocus .clickable:not(:disabled):not(.disabled):focus, .showfocus button:not(:disabled):not(.disabled):focus { --currentBgColor: color-mix(in srgb, var(--mud-palette-primary) 50%, transparent); outline: 1px solid var(--currentBgColor) !important; background-color: var(--currentBgColor) !important; } .showfocus a[tabindex]:not(:disabled):not(.disabled):focus, .showfocus a[href]:not(:disabled):not(.disabled):focus, .showfocus .clickable:not(:disabled):not(.disabled):focus, .showfocus button:not(:disabled):not(.disabled):focus { color: var(--mud-palette-primary-text); } ::-webkit-scrollbar { width: 8px; height: 8px; z-index: 1; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #c4c4c4; border-radius: 1px; } ::-webkit-scrollbar-thumb:hover { background: #a6a6a6; } .mud-layout>.mud-main-content { padding-top: 0px; min-height: calc(100dvh - (var(--mud-appbar-height))); } .mud-breadcrumb-item { line-break: anywhere; } .mud-layout > header ~ .mud-main-content { padding-top: var(--mud-appbar-height); } .mud-expand-panel .mud-expand-panel-header { font-size: 16px; font-weight: 700; } .mud-layout > .mud-main-content:not(:last-child) { } .mud-grid-spacing-xs-3 { width: 100%; margin: 0; } .mud-picker .mud-input-adornment svg { color: var(--icon-color); } .mud-picker-color-controls .mud-picker-color-controls-row .mud-picker-color-inputs .mud-picker-color-inputfield .mud-input input { width: 100%; height: 2em; } .mud-popover { position: fixed; } .flex-column>*:not(.opyn_menu_toggle) { width: 100%; width: -webkit-fill-available; max-width: 100%; } .mud-dialog .mud-dialog-title { padding-right: 60px; } .mud-dialog .mud-dialog-title .mud-button-close { top:0; right:0; padding:8px; } .mud-menu-list button { text-align: left; justify-content: flex-start; } input::placeholder { color: black !important; opacity: 0.5 !important; font-weight: 400 !important; } .mud-input-label { overflow: hidden; } .mud-input-label-outlined { transform: translate(0.5em, 0.5em) scale(1); } .search.mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text { margin-top: 0; } .mud-chart-serie:hover { filter: url(#lighten); } .mud-alert-close { margin: auto auto auto 8px; } .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled) { color: inherit; } .mud-nav-link.active:not(.mud-nav-link-disabled) { font-weight: 600 !important; } .mud-table-cell { padding: var(--general-padding); } .mud-table-root { border-bottom: 1px solid var(--mud-palette-table-lines); margin-bottom: 10px; } .mud-input.mud-input-outlined > .mud-input-outlined-border legend { font-size: var(--mud-typography-subtitle1-size); } .mud-input-control.mud-input-outlined-with-label { margin-bottom: 0; } .mud-table-head tr:last-child>th.mut-table-cell { border-bottom: 1px solid var(--mud-palette-table-lines); } .mud-table-body td.mud-table-cell { border-left: 1px solid var(--mud-palette-table-lines); border-right: 1px solid var(--mud-palette-table-lines); } td .mud-menu { margin:0px; padding:0px; } td .mud-menu > .mud-button-root { margin:0px; padding:0px; } .mud-table-dense * .mud-table-row .mud-table-cell:last-child { line-height: 0.5em; } .mud-table-container { padding-bottom: 5px; } .mud-table-pagination { margin-top: -10px; } .mud-table-pagination-toolbar { border-top: none; } .mud-table-cell .mud-input-control>.mud-input-control-input-container>div.mud-input.mud-input-text { margin-top: 0px; } .mud-table-cell .mud-input>input.mud-input-root { padding: 0px; } .mud-expand-panel { background-color: transparent; color: inherit; } button, .mud-button { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .mud-ripple:after { transition: transform 200ms,opacity 200ms; } .mud-input, .mud-button, .mud-icon-default { color: inherit; } .mud-button-filled-transparent { background-color: transparent; color: inherit; } .mud-chip.mud-chip-size-small { font-size: 14px; } .authenticated-container > .mud-divider-fullwidth { flex-grow: 0; } .mud-tooltip { font-size: inherit; font-weight: inherit; padding: 0.4em; border: 1px solid var(--mud-palette-black); } .mud-tooltip.mud-tooltip-default { background-color: var(--mud-palette-gray-light); color: var(--mud-palette-black); } .mud-popover .mud-list-item.mud-selected-item { background-color: var(--mud-palette-gray-lighter) !important; color: black !important; } .mud-expand-panel .mud-expand-panel-header { min-height: 16px; } .profile-grouping .mud-expand-panel-header { padding: 0px; } .nav-sub-menu > .mud-button.mud-button-filled.mud-button-filled-primary { color: var(--mud-palette-primary-text); --mud-ripple-color: var(--mud-palette-primary-text); background-color: var(--mud-palette-primary); } .profile-grouping .mud-expand-panel .mud-collapse-container { background-color: var(--mud-palette-drawer-background); --currentThemeColor: var(--mud-palette-drawer-background); --currentBgColor: var(--currentThemeColor); } .mud-disabled .mud-icon-root, .mud-disabled .mud-svg-icon, .mud-disabled .mud-icon-default, .mud-disabled>.mud-expand-panel-header { color: inherit; } .mud-icon-size-small { font-size: 1.1em; } svg.mud-icon-root > svg { font-size: 1em !important; } .mud-button-text-size-small, .mud-button-outlined-size-small, .mud-button-filled-size-small { font-size: 14px; } .mud-button-text-size-large, .mud-button-outlined-size-large, .mud-button-filled-size-large { font-size: 16px; } .mud-button-text-size-small { font-size: 14px; } .mud-button-outlined-size-large, .mud-button-filled-size-large { padding: 3px 10px; } .mud-list-item-gutters { padding: 3px 10px; } .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined, .mud-input-control.mud-field .mud-input-slot { box-sizing: border-box; } .mud-input > input.mud-input-root, div.mud-input-slot.mud-input-root { height: 2.5em; box-sizing: border-box; width: auto; flex-grow: 1; max-width: 100%; } .mud-input > input.mud-input-root-outlined, div.mud-input-slot.mud-input-root-outlined { padding: 6px 10px; } .mud-input>input.mud-input-root-outlined.mud-input-root-adorned-end, div.mud-input-slot.mud-input-root-outlined.mud-input-root-adorned-end { padding-left: 10px; } .mud-select .mud-input-control input.mud-select-input[readonly] { text-transform: capitalize; } .mud-button-label { gap: 0.8em; line-height: 1em; } .mud-button-filled .mud-button-label { min-height: 1.6em; } .mud-button-root.mud-button-text[disabled] { color:inherit!important; } .mud-chip { position: relative; } .mud-chip>.mud-chip-content { overflow: hidden; text-overflow: ellipsis; } .mud-chip:hover { max-width: none; z-index: 9; } .mud-button-label { display: flex; flex-direction: row; gap: 0.5em; } .mud-button-label > .mud-button-icon-end, .mud-button-label > .mud-button-icon-end.mud-button-icon-size-small { margin-left: 0px; margin-inline-start: 0px; } .mud-button-label .mud-button-icon-start { margin-left: 0px !important; margin-right: 0px !important; } .mud-overlay { background-color: rgba(0, 0, 0, 0.01); } .mud-select:has(+ .mud-overlay) { z-index: 6; } .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters { padding: 0; } .mud-panel-expanded.hide-header .mud-expand-panel-header.mud-expand-panel-header-gutters { display: none; } label.mud-switch { margin: 0; } .d-flex > hr.mud-divider { margin: 0; } .mud-divider-vertical { min-height: 2ch; } .mud-input-control.fix-display .mud-input { display:grid; grid-template-columns:1fr max-content; } .mud-toolbar-appbar .mud-input-control:not(.mud-input-control-boolean-input), .mud-toolbar-appbar .opyn-dropdown .dropdown-preview, .mud-toolbar-appbar *:not(svg) { background-color: transparent; color: inherit; font-size: 1em; font-weight: 500; } .mud-input>input.mud-input-root, div.mud-input-slot.mud-input-root { padding-top:8px; padding-bottom:8px; } @media screen and (max-width: 767px) { .dropdown-preview>.dropdown-input, input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="password"] {  font-size: inherit; }} .gap-x-1 { column-gap: calc(var(--gap-base) * 1); } .gap-x-2 { column-gap: calc(var(--gap-base) * 2); } .gap-x-3 { column-gap: calc(var(--gap-base) * 3); } .gap-x-4 { column-gap: calc(var(--gap-base) * 4); } .gap-x-5 { column-gap: calc(var(--gap-base) * 5); } .gap-x-6 { column-gap: calc(var(--gap-base) * 6); } .gap-x-7 { column-gap: calc(var(--gap-base) * 7); } .gap-x-8 { column-gap: calc(var(--gap-base) * 8); } .gap-x-9 { column-gap: calc(var(--gap-base) * 9); } .gap-x-10 { column-gap: calc(var(--gap-base) * 10); } .gap-x-11 { column-gap: calc(var(--gap-base) * 11); } .gap-x-12 { column-gap: calc(var(--gap-base) * 12); } .gap-x-13 { column-gap: calc(var(--gap-base) * 13); } .gap-x-14 { column-gap: calc(var(--gap-base) * 14); } .gap-x-15 { column-gap: calc(var(--gap-base) * 15); } .gap-x-16 { column-gap: calc(var(--gap-base) * 16); } .gap-x-17 { column-gap: calc(var(--gap-base) * 17); } .gap-x-18 { column-gap: calc(var(--gap-base) * 18); } .gap-x-19 { column-gap: calc(var(--gap-base) * 19); } .gap-x-20 { column-gap: calc(var(--gap-base) * 20); }