/* node_modules/ag-grid-community/styles/ag-grid.css */ body { --ag-legacy-styles-loaded: "true"; } .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; font-family: inherit; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #bbb; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-color: var(--ag-secondary-border-color); --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-chart-menu-panel-width: var(--ag-tab-min-width); --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } .ag-sticky-bottom { border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-root-wrapper, .ag-popup { --ag-indentation-level: 0; } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-selectable { -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-virtual-list-viewport .ag-tab-guard { position: sticky; } .ag-tab-guard-top { top: 1px; } .ag-tab-guard-bottom { bottom: 1px; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9b9b9b; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport, .ag-header-viewport, .ag-floating-top-viewport, .ag-floating-bottom-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { overflow-x: auto; -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar, .ag-header-viewport::-webkit-scrollbar, .ag-floating-top-viewport::-webkit-scrollbar, .ag-floating-bottom-viewport::-webkit-scrollbar, .ag-sticky-top-viewport::-webkit-scrollbar, .ag-sticky-bottom-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; overflow-x: hidden; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-sticky-top-container, .ag-sticky-bottom-container { min-height: 1px; } .ag-center-cols-viewport { min-height: 100%; width: 100%; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container, .ag-sticky-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; overflow: hidden; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .ag-header-group-cell .ag-header-cell-comp-wrapper { display: flex; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -3px; } .ag-rtl .ag-header-cell-resize { left: -3px; } .ag-pinned-left-header .ag-header-cell-resize { right: -3px; } .ag-pinned-right-header .ag-header-cell-resize { left: -3px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, opacity 0.2s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; word-break: break-word; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; width: 100%; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { display: inline-flex; align-items: center; cursor: move; white-space: nowrap; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top, .ag-sticky-bottom { position: absolute; display: flex; width: 100%; overflow: hidden; height: 0px; } .ag-sticky-bottom { box-sizing: content-box !important; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-pill-container { display: flex; gap: 0.25rem; flex-wrap: nowrap; } .ag-pill { display: flex; white-space: nowrap; padding: 0 0.25rem; align-items: center; } .ag-pill .ag-pill-button { border: none; padding: 0; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; } .ag-header-group-cell-label, .ag-cell-label-container { padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: inline; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: visible; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue, .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { background: linear-gradient( to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); width: 100%; height: 100%; } .ag-spectrum-alpha { --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,'); } .ag-spectrum-alpha-background { background: linear-gradient( to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px; width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; position: relative; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-spectrum-alpha .ag-spectrum-slider { background: linear-gradient( to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-pill-select { display: flex; flex-direction: column; } .ag-pill-select .ag-column-drop { flex: unset; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-measurement-container { width: 0; overflow: hidden; visibility: hidden; } .ag-measurement-container div { position: absolute; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); padding-right: var(--ag-grid-size); } .ag-color-picker .ag-picker-field-display { display: flex; flex-direction: row; align-items: center; min-height: var(--ag-list-item-height); } .ag-ltr .ag-color-picker-color, .ag-ltr .ag-color-picker-value { margin-right: var(--ag-grid-size); } .ag-rtl .ag-color-picker-color, .ag-rtl .ag-color-picker-value { margin-left: var(--ag-grid-size); } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient( to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient( to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 2px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; border: 2px solid white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-colors { margin-top: 10px; } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-color-input .ag-color-input-color { position: absolute; } .ag-ltr .ag-color-input .ag-color-input-color { margin-left: var(--ag-grid-size); } .ag-rtl .ag-color-input .ag-color-input-color { margin-right: var(--ag-grid-size); } .ag-color-picker-color, .ag-color-input-color { width: var(--ag-icon-size); height: var(--ag-icon-size); border: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-radius: 2px; } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row:hover, .ag-rich-select-row-highlighted { background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color)); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-pill { border: 1px solid var(--ag-chip-border-color); border-radius: var(--ag-border-radius); background-color: var(--ag-chip-background-color); } .ag-ltr .ag-pill .ag-pill-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-pill .ag-pill-button { margin-right: var(--ag-grid-size); } .ag-pill:focus-visible { border-color: var(--ag-input-focus-border-color); } .ag-pill .ag-pill-button:hover { cursor: pointer; } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-column, .ag-ltr .ag-column-select-column-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-column, .ag-rtl .ag-column-select-column-group { padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-pill-select .ag-column-drop { border-bottom: 0; min-height: unset; } .ag-pill-select .ag-column-drop-list { padding: 0; } .ag-pill-select .ag-select { padding-top: var(--ag-grid-size); } .ag-pill-select .ag-picker-field-wrapper { background-color: transparent; border: 0; } .ag-pill-select .ag-picker-field-display { cursor: pointer; } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-row > .ag-cell-wrapper.ag-row-group { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .ag-cell-wrapper.ag-row-group, .ag-cell-wrapper.ag-row-group-leaf-indent, .ag-cell-wrapper.ag-pivot-leaf-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: -1px; } .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-ltr .ag-right-aligned-cell .ag-skeleton-effect { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-skeleton-effect { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-skeleton-container { width: 100%; height: 100%; align-content: center; } .ag-skeleton-effect { background-color: var(--ag-row-loading-skeleton-effect-color); width: 100%; height: 1em; border-radius: 0.25rem; animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; } @keyframes ag-skeleton-loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu.ag-tabs { min-width: var(--ag-tab-min-width); } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs-header { display: flex; } .ag-tabs-header-wrapper { display: flex; } .ag-tabs-header-wrapper .ag-tabs-header { flex: 1; } .ag-tabs-close-button-wrapper { border: 0; border-right: var(--ag-borders) var(--ag-border-color); padding: var(--ag-grid-size); } .ag-tabs-close-button { border: 0; background-color: unset; cursor: pointer; padding: 0; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter { --ag-indentation-level: 0; } .ag-ltr .ag-set-filter-item { padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-item { padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { display: none; } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-highlight-before::after, .ag-header-highlight-after::after { content: ""; position: absolute; height: 100%; width: 1px; } .ag-header-highlight-before::after { left: 0px; } .ag-header-highlight-after::after { right: 0px; } .ag-pinned-left-header .ag-header-highlight-after::after { right: 1px; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; min-width: var(--ag-chart-menu-panel-width); } .ag-chart-menu-hidden ~ .ag-chart-docked-container { display: none; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev:focus-within, .ag-chart-settings-next:focus-within { box-shadow: var(--ag-input-focus-box-shadow); border-radius: 1px; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper { display: flex; flex-direction: column; position: relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper { height: 100%; overflow-y: auto; } .ag-chart-advanced-settings { background-color: var(--ag-control-panel-background-color); } .ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings { width: 100%; } .ag-chart-advanced-settings-wrapper { padding-bottom: 0; } .ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section { display: flex; margin: 0; } .ag-chart-advanced-settings-section { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-chart-advanced-settings-section:not(:last-child) { border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-charts-data-group-item:not(:last-child) { margin-bottom: var(--ag-grid-size); } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-menu-toolbar-button { border: 0; background-color: unset; padding: 0 2px; border-radius: 1px; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); border-width: 2px; } .ag-chart-mini-thumbnail:focus-visible { outline: none; border-color: var(--ag-minichart-selected-chart-color); box-shadow: var(--ag-input-focus-box-shadow); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); position: relative; } .ag-charts-advanced-settings-top-level-group-title-bar { position: relative; background-color: unset; } .ag-charts-data-group-title-bar:focus-visible { outline: none; } .ag-charts-data-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-format-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-format-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-title-bar .ag-charts-data-group-title, .ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title { cursor: pointer; } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { margin-top: var(--ag-grid-size); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container { padding: var(--ag-grid-size); } .ag-ltr .ag-charts-format-top-level-group-container, .ag-ltr .ag-charts-advanced-settings-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-charts-format-top-level-group-container, .ag-rtl .ag-charts-advanced-settings-top-level-group-container { margin-right: calc(var(--ag-grid-size) * 2); } .ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-no-header-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header { margin: 0; } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-charts-theme-default { --ag-charts-align: none !important; --ag-charts-justify: none !important; } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button { line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard { position: absolute; } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); font-family: inherit; color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } /* node_modules/ag-grid-community/styles/ag-theme-alpine.css */ @font-face { font-family: "agGridAlpine"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABMUAAsAAAAAKMwAABLCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KqmyjKwE2AiQDgkALgSIABCAFhEYHhUEbnyMzg/aatGqziOpJNvu/JGhLhnjjdVVKiQVRRpQIMYb+arBrcnXzpDWxiZ/03+6d7uYA0kgNGvfxjeHHsZxySFI0efhYa+/v7iGeriQ0iXmiiXjIROjWyEwnREJiiNL8r7ned9lNjoj/UviIZqqAwagvZXWN7vQH2uY/PCuxGixE3Zco9c7GTcI4jGiM5Ixl6zZYJOu4deqq/4JF6qJ74B9A4MjcdjWnBf6vzeoX1p0qiEwH0j3ielqTJCVtAmTUucAVrqMqJHm7J9HDZROQwmB/an6zL7XMHhb7kozZWv+/7xgEJkGCJ4SvEGy5v2EaHaSESvAJKgL+b+1f7X9BlMATAqHj4/Ts7Pz/9965+zA0mU+02dBmQ5sfphJYIEX8Xjanfa8cAFStrQKWdRW+vpqEqbN1cToVOJ6CtsfmMoLfUD/X9o81JEiwSx5ix9/Y/D1YFRZgNHb89HY+AigxopP6BiQ4BLYXmusgA7t/bICvlWN7o7wQXGc5eKRfcJ1eti2g4qav/kYgjmNd0tLkOJ2Z/s9UagziUjLg4EUfjozhKEJQaXQSBRvG1xhMyJishB+RIifj9w6SMEZ1KBbXsdcUQmxLtN9Y2RPEjbehOT882Zbg6JXTtclU1IKAeRSMqKLcjrgNk40wT889wmXtgNBtcVthsjULZ4tB2WK6N7J190VFqlzEbaj5YYFjdj8VOa0t8WaELTaNWbZ2zJ36dM0BpxvCVJZlmP07Ku01wgZhT+xoxJdg3JpQhms8MU4R0KC64anv+rx2E9QmUFl/ortRSm2LPVbXu/6mNu5MGHAN4b2DK64KlaiuEGXqwIjTcKY+GVvvXXv07MWrT/8ARxGnhMUgqnrxK5p1WI/vEslM7FNW4qVzW4pQxmZGfTcfLa5FzMYh1DDHeHmEBYawVuhveThz4/Z2dCZM6QPZepCtu0Awgr9fxzGZfEA7NUeBnvZPglAHxmEeGS0TuaKyQz0dlSU+5CaqdHjGJPZMGbqSalOhn8ZkfcgmGZmvf+NtZ3kuxJoanXfBFT1apf/pNpfg7r5/jDDbG8TMmArFxZdY2RunTLjo7A1bhEgOKxy/44qp4TPcaX8TBaqr5I03XL2wOnWsmcJR+qYaVC4sUcTEa3fttqtEtmJTFzkEkKOHEg0IW2xbu847njOcPMS1HEguk4O4evv+401DJCAhp+5PaGo1rgT+qPli3jGfRZOPcxsxeZA4fApUAxlI8uONUTX04VdDPKlrg/1DGRcJ1vfKR7+/mgs1Hnnj81f8qLjXwfcQzmm4Aq0wK9YeoM575jiqJZvSu0mGAXtHYlg7unCQIJhMGY7Vxc3Dy8cvICgkLCIabTAhKSXtT4BZOXkFRSVlFVU1dQ1NLW0dXT19A0MlI2MTSMjUzNwViAL3M3lQqcZ+K0F0pgsVlj2jUW27//+7xP6ErY9y4JcBemZdmAFqntggsMAagUXWDyyxbmCZDQErrAVYZRPAGmsC1lkvsMHagC3WB2yzHmCHDQO7rAPYY+3APhsFDlkzcMS6gGPWCpywEeCUjQNnrBM4ZwPABRsDLkdPgi8AvREIIQhCMIQQCKEQwiCEQ4iAEAkhCkI0hBgIsRDiIMRDSICQCCEJQjKEFAipENIgpEPIgJAJIQtCNoQcCLkQ8iDkQyiAUAihCEIxhBIIpRDKIJRDqIBQCaEKQjWEGgi1EOog1LM3nQboL40QmiA0m0QKvha7bbRCebRBaIfQAWjE1KT6Mbe4oaAEFD15V8c1Npu8CiuJ+AgmZ+ibQWlcWmSAxALcWmEZSyAXGzLeJkSCSHP7vut0TVNSh01dwfysllW0nFagpJbIKHpGxmNm9hthJGqxHh2r9a1LpXoZteJbRCtpSsJSTEsukVAcjaubhmElaof2qUe+BlVN1Giq1mAaAZwEyNjKPVCn9M/ombCZRJqctqcDmwMD6YIbHZTN5WLZAkbni25GeSMT81p3zBduRVryQiIyK7q2F9KY/XxW7heJar+AV/4A237mtCB4kYk89YiCOQFcIhL20uGLC5C//SXJRK8vo5pgx6uNrmAl9nqbrUmU8rR0zekKrHF/ZrbTLBjbkj1RfwZ8jD6jIGTXaC+ppjqxRFrkNJGP9hy7FDGeHl4FhagGY/X+NWKIFlCDQdymq8aSUjqFqWvzkiu8bbxidd5BC5FI3fF2jDbWGGyHuZOQtm5/x4kTONSe2rVrHwpWnb9Nov1nwZZwm7XrFA63gb0no9N9tm+PtjL/zA0c+m27WJbiO3duJdFGFKiPWcdOnQvOn15mzcmdkfJv2xWeAFu3msOOmlv/ywgmtudQ7OBWH57bsiXY22Zxy0oiunOJu23/6avmojw/8UbZj+OwUkFBDKcnL4LlKINqlUTcrvDGGf/szej2+eDcraXhh5YpEnwqsZbt+05dyXoFKq+nwn92ShXNCF6yaHCcROsbmMjVyCpwAIykbGupvSPhMYsX7aOP4HADCurdUp6yJYUFrFqsL8zM7IV47ry5hRjHlQq3cper7EY8sVz1JEovtIkocwPG87er0DaWVUVFTeGaqMp0HFOhdHeVMhkVV0tzq8tXBfsy//f1KNCUo9RSBsUQa7goUOYSCQuMCJP3Zbl1eg901ANJ1JRAwAFWOYEiMGh9B6P5mSBGbmFdFGynyI2W4PF7ElIWwub1lx8hNmUO1YOBRJcelh+8wWAXdQFOYZnMheiyn3mxR0fGUhmEAcuc0OnNoWUCwy9APEPC6JLB3qh3kZxqcakMAz8X5/svbeB0nmCM8gVMTMCsHehWTxx6nn2v4oSV+aW7ZfBDrePhfZfDN33xNOiUOjI9Wu+fCE8FpxclVQIGIiWe206+Due/uv6F2Dfh9JzjOWfkmZE3plNza8PBsWdmDuV0/pIj2R1mA3029clIJ3d6wO7BvYW5lWx1PN6He1fL5X6/NO6J46m/dV+rVPr/2rK/Wp3xZ1dSKYvrnwdUl/rm3o/ThqFSdj1Ba/Tqqdhcb67xvOzTGc/HnB6w3B9EEI8HEiTC8ENfShDpAdJ/36fp3UfwVDATzzCQDf0hai8P8iAP1iG7MWwHe49R29iVpyW9Jvtm//FoVsNrHYxLzl1zj65MQXIJUXDHTCplOz0lt6XklEpsrSs6PLMb6BSjDSNiDdgbT82/rqLjG1PMyGr2IobBMyLY+X4EAyY1FNd7H4onDuKwRiWMHcCARyf3nsBnvo5KE1xM9KRgXZq0hw+FgIGlhoMR4oeQzvBT8Dn66H9YSWzWsLV9s7jHRfgE/EbI/8Ej2I93AzqCDlA9AK8XIc7u5PFcBFOLkAMDS9PTM9JhLmbk04cZURi0w2qd7hf+66VugwSKgGdMv7JAkMfj5QkKnobP8+fxCgRPHXzPW9Q/37AIkv38NMC12IJgEeQP4ifR2kq0EcCfpzP1CB70OLWDwR7ww/Gmm9rbS6VnTq9ZI5UFe9OZQQ1B3ukO03qi/5bXB+aH18eWL1cXFenpRYSf8ZmdOX1ma8SmTTNeK5xpEAc0Z/zNDGBd/alkK3erypElW5WytjZwbAoWVH/+gx9HCEzk8AgdaGJcPKJKuUADupgGNFpHE9PBedUXxBdgmJuRGR2dKetggTA4nAwcEfAGX5aXttT3xW6n+Jf7h/qX+fPke2vc5J1XXf9vbZ9CuW4cEGl9l1K//Kb5TPdBO+vy0J/LYu1pJ1sQW8cwP6rJUouO8Ga2leNOlteBUq/0dOduyyXbLJ2d7B3cLc+PUM1mWHZWNLwxt0mjWi53/MJbCSF2Tx2oKv02+2UWlSLZEw+qhUnWumgHh9WnqYvDZgQeYJBOgWDfYdYqMTVw4gw51S2w2pfrxLoUYmy6jKqEzebc7sO8W6mXh6IiGWxFKEtRln4KVtmHhyrYaGRhe26Tf7YX2+mU4QwUoWw/9+WJLucWczXnuPs13MX7EYp/m7xNhgMG5WFjfnJSewnFh4FjMzKGtkvD3L7BMxntY6pm1IxxwKxsaN/CMrHMpdfwk8ZWo8xtJNKa1PbD86kznOycuOndaR3cSQbGVl5WVGgg+ZUTvO++r47jqoukWKwIyE/TxDR1uskZgbyYnOOXyNIcVnUaaGKbOlzlImGitKTA+GJMSqhzZEFRLy8hOYG+fimXmcBgxDO5pkb5bexUo6AYZ4vFUhE9yymyUKBtBiBO4uEPv+XJmZWmgiLnyPjrip65yps6NTGb8zyI4WYOucqFEzWBqfHwSSm4Bt6OItctPkBmdBu2NRm9W6u/W3znLnzlHDls3FCbwPlhfASHOb0+gZIqjMAOqPgDsVDnDCKsDIooUQHKJzEWptpNYETVo8QPFQtuacUEmOqHGXb71sLHHTli235ZDtXjl063vvdgfVcWhZXDdJcddK1cK8zn8/MawweElsPRd7jQ1zNkuKx1za4W4gLD9MxX5gEXCUcy2ffr1zJhoDJdWWY4R8LZmZjNabLmXvN8MuyroYrDbrStLeMBhRIVRaE8MBqy/fTKvF/oPrCuCZWoklBi8rNRJaC78aN5225GCoBjavCGP+/x1wv48Mz9Y3fy5FzmBH27rG6nemh5dpCEmZjIlARlC8vpKwYHXejlEltICf1KQei46i3X/yT9ObmVBjSNTAk0EG8ziT6JBl9+zrsEDU4sJ3BIIubMMXYRyaadUeuqigpmrwtHPW67uyfufhofX15ioO/kI5Kfrurv//9/8tnMUbN2EF80mtxGqqmzc0uxg1GTzfz+pnlmj286fhoaglDb9Q2xDEasEeJmx4j8hQa2B8R5BTt+CfnvDd4Ze7Opxu++XbSxorK9P3btt1xI4ngqTk5uCGDExwUqmyeT5iuEk4s+chzm3jDhuccbqbo7D8FofaIH/c5JbNGHvE4MO9il6qTE/mh3vW3C2aqew6oGcXcPbP60YUXV6//8adz8urIcvwzfqVN9M/xyLoZPeurU+4lz/C565DcsHl+bw8vkcDJ5OXfF9fyZnBzeXcfqMPwutjE6unEyOVOT+X8u5kc+jZ4xUeuXsvKJUAvPdIOnmFvGNmyb4B3KQuGZ2lLqemDsRLRBliB5lnsm8Ti6Spdv36KjRUIPj6goIKOUeUr4tHlcZtT8VqqGEycmUYwZL1Z9UYQWhgvnzK8JWJOTmmosru7rXSCuiBROt9PwvhU9rFB44o15uQkJWi17334wH3JVYwu1Gd7cvBDT8tnEsljHw4eG0DaKtfuJw3C/f5mMzPX7wbsMnxaIVr7vW6OIb8Djd+9D9+3B4xoUcdo+ZzQgLglliur21l6/uv3Y/t3DEY1f0+sUEaBIwvEHKEDV86+/PX/hvdTfI8H/fqEb8m4cgE20TZ1+lAcpS6tpR0rACZbtRdvoIL3IEWc22wH0G6lD3qJHLUPupbURVMZxp6VZQd1qGPjt791g2KxXZdkyeqdw1T/kYxszbYM3jeNchQ3ulriPeY5Y12m2mjIbFdIFzhZvIlqZh5Eg1TAA0dPwvg+C0AqvZmsQ27zdGORuyWvX6jzLUXOUVJC/L7O75APlycErPsjuSM39f5PI/wGg5sSf93y0cf9U14K0beNCvem/gM1t/pdv/YhgcZT0X4L81ycKtSDt2zC32xwwPgjgI0h12mmkkIA0tAQ1Jwkgc7cOEkrnAUwFAmOYBjpMB+zhRsOnE6hTSwakJABBvd4dkyAJO0B+dNaCAp0PMxUsN0GDzm8ZBh7Kb0ZgeDQva7gn9uYmJE/wG1wJiu2boG/zHzj7SM1ld+F2ek9AwErANP2iyaO7ErGN5YjNY6R1QiHEJnH8Ai3dIJKup1OLz7jTEVcU5wnzjBtB4hHwG5xeuSJQWGCrkP4PjpDhhxaRxqXOhWDiSVCRBwgEjUZvoUazkXNFiLYa2WMRcvWYqhCEQCDeVfL2vgCNTWeI4SXXpmR3VtR0dCpyLiujaovvj5+KtUgji1wURGEURfHfW2t7xN78uHdWCaIkK6qmG6ZlO67nB2EUJ2mWF2VVN23XD+M0L+u2H+d1P+/3c+PWnXsPHj159uLVm3cfPv3w06+1E4djcEp8pIkajrO8rrae6CANodanYjnsMOjvPs5bVgvm3PY5ngwIMHpSAsduswsJRXd1h8ht8qbuvHEFC1Le1k3CSguYSnda1Hpizut6j+v6lcpk1jV8WTubnUkq9YJmC35oc1B5WOf1E1shw7y1Lc5SufGpPvWxpMrXEQTTyiQU5XykG6GV8eQ2MeYe/RIqTCqbJZWWI6WcS0VNsEMtrQohzsDUKYUjhPVUVKcao2ymgdHHkg85oe8mtn0RidRGaw9spajmcoNUOUbYzvdjUWvijHRRJNoBOwxt3qwSgzTM8xwLA7Sk2rIvHxPQZnnqEqjSVXLtxxs3a2EV10pDp0j97k5eVRwGhBeRmUwLBt96c+0fKpKFkbVcKwAA); font-weight: normal; font-style: normal; } .ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark { --ag-alpine-active-color: #2196f3; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-row-hover-color: rgba(33, 150, 243, 0.1); --ag-column-hover-color: rgba(33, 150, 243, 0.1); --ag-input-focus-border-color: rgba(33, 150, 243, 0.4); --ag-range-selection-background-color: rgba(33, 150, 243, 0.2); --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36); --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49); --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59); --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: #babfc7; --ag-secondary-border-color: #dde2eb; --ag-header-background-color: #f8f8f8; --ag-tooltip-background-color: #f8f8f8; --ag-odd-row-background-color: #fcfcfc; --ag-control-panel-background-color: #f8f8f8; --ag-subheader-background-color: #fff; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: #999; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-alpine-active-color); --ag-range-selection-border-color: var(--ag-alpine-active-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-input-border-color: var(--ag-border-color); --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-menu-background-color: var(--ag-header-background-color); --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5); --ag-chip-background-color: rgba(24, 29, 31, 0.07); --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3); --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15); --ag-borders: solid 1px; --ag-border-radius: 3px; --ag-borders-side-button: none; --ag-side-button-selected-background-color: transparent; --ag-header-column-resize-handle-display: block; --ag-header-column-resize-handle-width: 2px; --ag-header-column-resize-handle-height: 30%; --ag-grid-size: 6px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridAlpine; --ag-selected-tab-underline-color: var(--ag-alpine-active-color); --ag-selected-tab-underline-width: 2px; --ag-selected-tab-underline-transition-speed: 0.3s; --ag-tab-min-width: 240px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: var(--ag-card-shadow); --ag-side-bar-panel-width: 250px; } .ag-theme-alpine-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-alpine-auto-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar { font-weight: 700; color: var(--ag-header-foreground-color); } .ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row { font-size: calc(var(--ag-font-size) + 1px); } .ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-alpine input[class^=ag-][type=text], .ag-theme-alpine input[class^=ag-][type=number], .ag-theme-alpine input[class^=ag-][type=tel], .ag-theme-alpine input[class^=ag-][type=date], .ag-theme-alpine input[class^=ag-][type=datetime-local], .ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]), .ag-theme-alpine-dark input[class^=ag-][type=text], .ag-theme-alpine-dark input[class^=ag-][type=number], .ag-theme-alpine-dark input[class^=ag-][type=tel], .ag-theme-alpine-dark input[class^=ag-][type=date], .ag-theme-alpine-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark input[class^=ag-][type=text], .ag-theme-alpine-auto-dark input[class^=ag-][type=number], .ag-theme-alpine-auto-dark input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark input[class^=ag-][type=date], .ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab { padding: calc(var(--ag-grid-size) * 1.5); transition: color 0.4s; flex: 1 1 auto; } .ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar { padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px); } .ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); } .ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-advanced-settings-top-level-group-toolbar { margin-top: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar { padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar { padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: var(--ag-border-color); padding-left: var(--ag-grid-size); margin-bottom: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 700; } .ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons { width: calc(var(--ag-grid-size) * 5); } .ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: 1px solid; border-color: var(--ag-alpine-active-color); color: var(--ag-alpine-active-color); background-color: var(--ag-background-color); font-weight: 600; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover { border-color: var(--ag-alpine-active-color); background-color: var(--ag-row-hover-color); } .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active { border-color: var(--ag-alpine-active-color); background-color: var(--ag-alpine-active-color); color: var(--ag-background-color); } .ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar { padding: calc(var(--ag-grid-size) * 2); padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); opacity: 0.75; } .ag-theme-alpine .ag-pill-select .ag-column-drop, .ag-theme-alpine-dark .ag-pill-select .ag-column-drop, .ag-theme-alpine-auto-dark .ag-pill-select .ag-column-drop { min-height: unset; } .ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon { color: inherit; } .ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button { margin-left: calc(var(--ag-grid-size) * 2); margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button { margin-right: calc(var(--ag-grid-size) * 2); margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { border-left: dashed 1px; border-left-color: var(--ag-border-color); margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { border-right: dashed 1px; border-right-color: var(--ag-border-color); margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list { padding-top: calc(var(--ag-grid-size) * 0.5); padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .ag-theme-alpine .ag-list-item-hovered::after, .ag-theme-alpine-dark .ag-list-item-hovered::after, .ag-theme-alpine-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-pill .ag-pill-button:hover, .ag-theme-alpine-dark .ag-pill .ag-pill-button:hover, .ag-theme-alpine-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-highlight-before::after, .ag-theme-alpine .ag-header-highlight-after::after, .ag-theme-alpine-dark .ag-header-highlight-before::after, .ag-theme-alpine-dark .ag-header-highlight-after::after, .ag-theme-alpine-auto-dark .ag-header-highlight-before::after, .ag-theme-alpine-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-alpine-active-color); } /* node_modules/ag-grid-community/styles/ag-theme-material.css */ @font-face { font-family: "agGridMaterial"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABFoAAsAAAAAJkgAABEYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KpXCfVQE2AiQDgjgLgR4ABCAFhF4HhS8bxyFFJCOtoY6iYlKLqKCkZP8fEsghg77xKkhaKGEaKwO6lrY1b6YxxKUASMSl4yPDHPYi3fdu5d7Kbyt/D7IwsJrgsEOSoklQjLW9F0MTJZloool4ZIiE5jESEkOm+Y9zva9J2iPCtkn5CP82BQzCslEzenpGo3H/f2ibX7ASC3CC3NngEivpEQsOIwpWEdyKBWcsq26Fe49b3PJQZ96ZEt9JdgpIe5phJkHoAcugxVrltchzh61rR6AGJKAwOOmWsCZ3P9Vt6tS1P0wVC9REYIX14V1qYpH9qflReps9LPYlGfP23PRL3XUgMAmWeEL4SgRkAEDYvHO9dhkBqnmXpDlI0x5wf+5Y9XN/Rx0gy6kvR9j2PqwDRGOA3d7snCFhJiXx//QXQ9lnn3hR1u4csqjxACBAiT03VdHjEVrYjiUjwOGyN1M6c6rPjJCGzZexSaiPAhujUVH27FsRQEGfAQ0OTy7y7i2fHUgiwpYBbieNve3NZfbtMNLTOdivLbXHq+i8136FN86iPVGPafw6OT/5NxmnSZhdXhfHRWrPT0ZJRIxCpUEEcjOmSmfA3GBGyoLi+GjxtY0YQqbYJCvWtFXhJ1qmmHZhZo1hh+qCat9ub5Wv9/5pangKyQRDOGX1aUIctqgFg0VkbI0fZDe3IV7cErUUwJszUZYwPBrP1/atXdbFZfRQVg71DCVb3WfiFnW17hF6k0VlpM30OGKnV21Qmg5CYZoWs0tTYVoVsyCyZjbTi7sQ1ByTR3K8PErgVaU557a3WlxWM9iioCR/0JgtxpbJttQ0D17VQu0xbfZGv7YxZs+QseysJIY6QrRrrtctae2p7zqd8Obdp38Ol2MTNWkOv2lqRjUv1tbtgiPB2m9Gdp5aEvhHzKW3zMFNLVeFbGFTVD0lc3HSMzKR+YJlS062scXWVjQGQqgDsvSUN+OESMZ46nU0g8GNqlt8y1vTZTs+uAKLEU5JdUPppKRCVY0kBV+Tt8gSxeMG9skkRWcoN+a/zw3mNVkkznPXb/Gpoww70ZxSOvWAytlcoT1qPQKovK4fzgw/DXiNG7LJ8S1+sf3H9dlprDdWgSGbFyxrklifkTIZtfu84QSpIv7Nc6qcmO0qtvcAgXt5CU6nRwRhkdxla9lZdDST51ZwvMRvD8YWQG+yLK0q71L2SOIhvnMCiZvEEeD+8u3HB9QFAgl8UriM2Y2hNT9VfTH8H1hK5Xy3zeHSKoA0kAQqgRRIVPQXohzwdVklzBl7OMRvFLNDiI4Hnvv4xU5PUeWGR15+cffcQQnuVp9WJYGl4DPmJ4DtP5mjKaYsTKsmUgy6dj66ua0DDoIRPKG5WDsHJxc3Dy8fv4CgUGnb71ExcQk/gClpGVk5LnkFRSVlQRVVNXUNTS1tHS5dPX2Y38DQyBhERrh5yLemAXNJ99JEgWnvSKf6vv9/N1vvuubbKV7FgJr5hHmg6nRDwPKagJUNAKvrAdY2DKyvFdjYJLC5ZmBrfcD22oHd9QN76wX2NwIcrBM4XAdwtDHgZC3A6bqBs7UB5xsFLjYBXK4LuNogcL1x4OaaAl9cLiEBC0TgBUGwCXbBITgFl+AWPIJX8Al+ISAEhZAQFiJCVIgJcSEhJIWUkBYyQlbICXmHIvBVyGNFoSSUhYpQ9eSqJn3qQkNoCi2hLXSErtAT+g5F4GuQcYbCSBg7JMGXeCgHX1LmkwUqMEYpBUyfn+QRuAXpQ5B9FVJx5yqKfAsz1FJ8wLhfhpSA78H3ySFNT7aO18k5ieFtls9iuDZHS2b44//lC2stKBqhd77BnZSsF9afpeMWYZ7lLSLWYDpGd6R5Bfc5bmscF9ohKR8qkEMbvIEky5J8A1kfb7YxbPDITY5mIvoSm5XZZEtEKpcXecwssiRbS3YGxBqijLb4s3ECFuZBorBGXmJko1gRKo18zQABgyEgbWnSsxHHerDqQh2uzhIinVWRdZYFetyWrlF9awba9tQcR3S+2YQsA7lWuLDDrdp9hWs+Xd7nG37vbX7V6nO69BCbCyxd1rJNrnNqtauXV8ZW60dxEfYG+FX/eV9si22DSDMEKIBAqxYY5wM6wiA66aWuVj3rRPjh4lTqMFf9Qtm9WOr/mkUqXV8ZCaMeGPdEoAnzFhgon/ss4f2G1M/irR48s1hZIhEQQjGbzcV7//Y5rE83OSZFT7B1grDDcUbV9VTzClVD0sYJCAX6CqWOb7VqsF7nvS2UEOrckrfXiwej1lbmOq5EOJoWn/85UPvXEJF9msh31moSd2Uy1at6gpCwsY+gdUnDPC4Hvb8GJVOdciVfq5fSRWN4KaKd93df4eOmuv3kuhDVfQEJi/r7Hn2KiBi3dI/EFJnuyjRojV7GSWFYR5ORuGl7EFgNp6gOPdZZDSihBAGWMQBCjPdzNeqgPZh7b+4ohZciw2CNCNFfcZn5lgueFRlJPwLhK4Ve3xKNHDAIAqXmv6ifJcHOQVA+ky+dVUms/hoQ9J8VqA++Xs9YTUiF8TicbEibp+r5trx11gWRVqHE6xetcsvYga9nlSNyBZSXSyxuyWrnBdA5EGjr112fzVwWUyMb8vvvcO4oh4yUtha2v7wyMHLi77+5WhcwrggRytedVqwsEQArva1uPohcGGOe0ntWKwbSygChMrZXZ6uRh2zRkAJXQmEhiOh44WatBIESFDFYlJ/37RPq9tEJYU1Kl69oT6DGc5eE00hZojenMppGF2zz8rqAqKNSRInJ6wOGlEEin1Md27Ry+KiqhmPo2aPOEN72mqGdFct9QDsgTpMEfE5EcrHbaxvxrK42wEvtflXHotUIOcAydySwfu4NXiEzNB9gCoaoQhe0k4YOGNkzK8+0s1zqagFS9c65qLgcXdumxPMWvvlAx3xJ23tKn7NG0OjmVM715/aseO9Kjdh7x8UAcEnvnaG1P0Wab+rvGE6fBv3+d6E2qbbzg7vuB0hsYnOafwH3AAHdN9bFUPHGBS6FP/lf/ZV+hFBZog8NaJb29H2LdC7PF4bHOYOOt1AZoqUCXFF9Bbq/zqb03jRHG1Djwm9cN4SDZTxhNJ5kMWNiWGKUD/RQMkYk5K8JCDtOkr+x3+/JTo0G+JJlg8qTShMSSpPKXwkmUJowS381g0iYly0lNTu+ZeIu4Xr9OPO4D4qhyqEkPezXMEhcQrrz4m7x3Hm34njo3RGg7oGBWu35c1arVlevzhWKTKLywCj33VZPi7HWHD6etFjwykoGIz3tPM/5/Lnz29O3bJn30cBBQAYIB/s0Dwic6BBtdoHVh4VBmsZsnQDrqIVUgyVf8KPHeP44TYOQeYxCAVFgCmrswMsIoAoEkMAJUaAgwC8rLkOvyU87STane16QcOt9Xc0w4yTpToeouqheUbVRCc5/UzZz942Q18NHznK44xqd5fvIwWi55zk/9FaAb12vX+ukgciZYUz/4NRIlttar1FpQ/v4BO/uHXaoJiwvjzPee80Obw47MCjU+xLF8pjnPbre9MnTL5flbQn+lrABuge8CmKNdRwRuM6rIUX3ksfycitszwkK2nSOtTp1XuyhmMPsWAgc5TFc4+7EFt9mt67wOVDC7n21u6v7OtYgENm9Dh+yPXrET4p2NnvyYSc+cKV9YuzhwjnP/UCIgLNIsshN4rYQ4c5WMT6HiyQ/S7KQg3APqFSPHpXyQexHXUQLZV88t1vn80f2bZzX3Dco08cP+ZFakFmw9iZ2xtWnh6efRtusH3lsKWseO4Adnzc+d1T8DCdXnzAfFszbdZzgoiP2EmGJb/UTCRIlaK/RaPJ71/VX8GS8hpYQeTNWYdJqpJMldQ5mnURqchMkjJfUXJUiUeH/5LIcjlIKNF5FRFn/zMKiyX2mzrgcHRY/D+zveoCELpfxFDxLpkc3ebcp+i0VqYRCVb5g/PliWiGDe3G1ePVFsXduYKEJPYFa9Da9CaUwCr6Ljx+j2Ana4ZIdozAQswbhetxMuHmQa4LO76naArWmIBPx9CIvpYytQiMrNRmfthprMvB1V3tphKHh/SbJDg2lHQf+uLDBjnJ3oUQ/IrksMbF0sGBocqoIuovb4azDdMOtRiZWHtugbdkgUxCOqq7R6WqqF5oWXvi2qa6Ze66iZmpxVpZtAS63m2x6G4ylPXWcDbPd2EUN0NcpPZVHhK5PB7+ghQvlgXK1Ry1FIo1QrRZqREXJdej6W7e4aJ3GP/InVzlBrylN28/87f/3zjYEkFWOrAw04X4z0BkIPp74i3IVNs4yDoPC+Nmza3VNz54LhU+fdo08bMC6ujDD4ZFdT0Hsm4TzRaf4N3NKxBcJVgCxNvapR6YdCd1q66pF9nUOd+8SbcSn7rX/u+ZM8NPcem2g9Rnx7KmVou0zJ2uLI/MjZs+OyI8sviKYwOzZ320XR14pMXeumtpSnFAgFhckFD8aOLUXiIsTHuWmBPsX6eCcnMEzG7Z/pvjtJPQ4Bb4ku+PqFS6lGaHXJCpcGa4P37PacE1IUxN+nXnxp3QJBmhRzKHotN9uDtoOnXNeLQO3bOl4T9rtZrgeqsSUsGvesXtrsINmSTh9+vyzQ0UJUvxKSkZFWrL1qRXWYr3eVdE0aeIKRX1W8ll7Lajgfo7dYOBjg0tLlEqC6HPgIHjeDsEzVxIaPHToykwCZo5UJZmA3b5NFlBuml8Y2AkEpHwdAlpcEygbbJOsBrkJk+89kHFgHyYzGWTEJE5GtKw/mhhSI4dPrMoezDy4NxBGuXUiOz3a0B+jDRhg7IT//+n/P4GZIBszBwAA74QQyDlp77IWsJcNAW8xklld1w8tYNg2m8g8LjPO6R9mK/OzN25mk52tzNNlywIGGUhNJIp+1HXLYQzaSinTHbuhtWOcldxJADdxThVb2OBm2rMrcjPUbWcxM3bZpaIfOssokUrG8ASusgKuYnpizmbwcMrGWDDGkk1juWgUKVWDTtd/py/y401kaZlP2jdXDyYJwBW6vT42kaDD1YxM2SH6wnf97fN4c/lP7PpLgGt+GZzvnzPuwPG14EZVBABOshrAf/KUH84d6hQHhbQKgKCRIhbFQt6AAWmxbwQPDGeoUNaiPcIJx6Dv6V2wDoYBE9DRDRC2w0w8IoICPtEYt9hFE9zi2ogUNsJHb4YODjCCwCZE+uuDCuLlcanJf0MjTZh/U2wZp3NJvYn/pDUJd6/DS6G6JCZdPk7frbZdneObWeiCytR9CBvlLF1R+SRnw2hW3heLMD+Pwcm0h6IllXjfaDdDKsp+EyVqYvuRSs13OftPacXvumCdV4MXabBknCZlWq+zsvW01Sx6W3YxQRsoMQn2oRhL0sypLFkpVz8RR/lg7KAW7xZ8aUGWD5wScmvvAAXs5NOBMMYEU8ywgU3Mv+W4QPnz/WdsBYKhcCQaiyeSqXQmm8sXiqVypVqrN5qtdqfb6w+Go7EoyZQpqqYbpmViamZuYWllbWNrZ+/g6KQL0TEqRbQkfIyqsq4HWN2xQ3aUj9yIarfWk/tayaYPM+SfM2dJ7MlIp8RodF8UbSxlvHSSRfuSEm305D62ieu5EzZFZ+QPnZTtkVOp9cDV+cA1O/RU3RFthvaeOlhQuaU/oy31NWMdD0TuOKQ8oPcoTlrtMGoqR1GllcNKCzvMFOw4Jx75fE+yoE8cTyfcpCnt6HAibqdASeo4LEwXLNZjzrJG8Ki0DtABjHxU0ix2q8s3I/2qmQn3EsJNxomPNMXRDivOdF4nBRW9lzVHWAvpAgtNpNMFgkhtX9Ryb0p06NhZdkIpxKeNwWsOS271qApaPIWNQCIVCpnt0IupgBBBgcAggQDDGio4yDDCF6xgA/0aTNCgwBZmCLDbAw==); font-weight: normal; font-style: normal; } .ag-theme-material, .ag-theme-material-dark, .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #ff4081; --ag-foreground-color: rgba(0, 0, 0, 0.87); --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-background-color: #fff; --ag-header-background-color: #fff; --ag-tooltip-background-color: #fff; --ag-subheader-background-color: #eee; --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-header-cell-hover-background-color: #f2f2f2; --ag-chip-background-color: #e2e2e2; --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34); --ag-range-selection-highlight-color: #fce4ec; --ag-row-hover-color: #fafafa; --ag-column-hover-color: #fafafa; --ag-control-panel-background-color: #fafafa; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-checkbox-unchecked-color: #333; --ag-value-change-value-highlight-background-color: #00acc1; --ag-side-button-selected-background-color: transparent; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-range-selection-border-color: var(--ag-material-primary-color); --ag-checkbox-checked-color: var(--ag-material-accent-color); --ag-borders: none; --ag-borders-critical: solid 1px; --ag-border-color: #e2e2e2; --ag-grid-size: 8px; --ag-icon-size: 18px; --ag-header-height: calc(var(--ag-grid-size) * 7); --ag-row-height: calc(var(--ag-grid-size) * 6); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size)); --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4); --ag-checkbox-border-radius: 2px; --ag-toggle-button-switch-border-width: 2px; --ag-toggle-button-height: var(--ag-icon-size); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75); --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridMaterial; --ag-selected-tab-underline-color: var(--ag-material-primary-color); --ag-selected-tab-underline-width: 2px; --ag-input-focus-border-color: var(--ag-material-primary-color); --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); --ag-card-radius: 2px; --ag-invalid-color: #e02525; } .ag-theme-material-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material .ag-filter-toolpanel-search, .ag-theme-material .ag-status-bar, .ag-theme-material .ag-header-row, .ag-theme-material .ag-panel-title-bar-title, .ag-theme-material .ag-multi-filter-group-title-bar, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-search, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-dark .ag-header-row, .ag-theme-material-dark .ag-panel-title-bar-title, .ag-theme-material-dark .ag-multi-filter-group-title-bar, .ag-theme-material-auto-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-search, .ag-theme-material-auto-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-header-row, .ag-theme-material-auto-dark .ag-panel-title-bar-title, .ag-theme-material-auto-dark .ag-multi-filter-group-title-bar { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-header-foreground-color); } .ag-theme-material .ag-tab, .ag-theme-material-dark .ag-tab, .ag-theme-material-auto-dark .ag-tab { height: calc(var(--ag-grid-size) * 4.5); flex: 1 1 auto; } .ag-theme-material .ag-tabs-header, .ag-theme-material .ag-column-drop-horizontal, .ag-theme-material-dark .ag-tabs-header, .ag-theme-material-dark .ag-column-drop-horizontal, .ag-theme-material-auto-dark .ag-tabs-header, .ag-theme-material-auto-dark .ag-column-drop-horizontal { background-color: var(--ag-subheader-background-color); } .ag-theme-material .ag-tabs-body, .ag-theme-material-dark .ag-tabs-body, .ag-theme-material-auto-dark .ag-tabs-body { padding: calc(var(--ag-grid-size) * 0.5) 0; } .ag-theme-material .ag-tabs-body .ag-menu-list, .ag-theme-material-dark .ag-tabs-body .ag-menu-list, .ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list { padding-top: 0; padding-bottom: 0; } .ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell, .ag-theme-material-dark .ag-header-cell, .ag-theme-material-dark .ag-header-group-cell, .ag-theme-material-auto-dark .ag-header-cell, .ag-theme-material-auto-dark .ag-header-group-cell { transition: background-color 0.5s; } .ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing { bottom: 0; } .ag-theme-material .ag-cell-inline-editing, .ag-theme-material-dark .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-cell-inline-editing { padding: var(--ag-grid-size); height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3); border-color: var(--ag-border-color) !important; } .ag-theme-material .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-theme-material .ag-column-drop-vertical, .ag-theme-material-dark .ag-column-drop-vertical, .ag-theme-material-auto-dark .ag-column-drop-vertical { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); padding-top: var(--ag-grid-size); } .ag-theme-material .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-theme-material .ag-column-drop-vertical-cell, .ag-theme-material-dark .ag-column-drop-vertical-cell, .ag-theme-material-auto-dark .ag-column-drop-vertical-cell { margin-left: 0; } .ag-theme-material .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-disabled-foreground-color); } .ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-right: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-left: var(--ag-grid-size); } .ag-theme-material .ag-status-bar, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-status-bar { border: solid 1px; border-color: var(--ag-border-color); } .ag-theme-material .ag-column-panel-column-select, .ag-theme-material-dark .ag-column-panel-column-select, .ag-theme-material-auto-dark .ag-column-panel-column-select { border-top: solid 1px; border-top-color: var(--ag-border-color); } .ag-theme-material .ag-column-select, .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select, .ag-theme-material-auto-dark .ag-column-select-header { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); } .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select-header { height: var(--ag-header-height); } .ag-theme-material .ag-group-title-bar, .ag-theme-material-dark .ag-group-title-bar, .ag-theme-material-auto-dark .ag-group-title-bar { padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size); } .ag-theme-material .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size); } .ag-theme-material .ag-chart-data-section, .ag-theme-material .ag-chart-format-section, .ag-theme-material .ag-chart-advanced-settings-section, .ag-theme-material-dark .ag-chart-data-section, .ag-theme-material-dark .ag-chart-format-section, .ag-theme-material-dark .ag-chart-advanced-settings-section, .ag-theme-material-auto-dark .ag-chart-data-section, .ag-theme-material-auto-dark .ag-chart-format-section, .ag-theme-material-auto-dark .ag-chart-advanced-settings-section { padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-material input[class^=ag-]:not([type]), .ag-theme-material input[class^=ag-][type=text], .ag-theme-material input[class^=ag-][type=number], .ag-theme-material input[class^=ag-][type=tel], .ag-theme-material input[class^=ag-][type=date], .ag-theme-material input[class^=ag-][type=datetime-local], .ag-theme-material textarea[class^=ag-], .ag-theme-material-dark input[class^=ag-]:not([type]), .ag-theme-material-dark input[class^=ag-][type=text], .ag-theme-material-dark input[class^=ag-][type=number], .ag-theme-material-dark input[class^=ag-][type=tel], .ag-theme-material-dark input[class^=ag-][type=date], .ag-theme-material-dark input[class^=ag-][type=datetime-local], .ag-theme-material-dark textarea[class^=ag-], .ag-theme-material-auto-dark input[class^=ag-]:not([type]), .ag-theme-material-auto-dark input[class^=ag-][type=text], .ag-theme-material-auto-dark input[class^=ag-][type=number], .ag-theme-material-auto-dark input[class^=ag-][type=tel], .ag-theme-material-auto-dark input[class^=ag-][type=date], .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-material-auto-dark textarea[class^=ag-] { background: transparent; color: var(--ag-foreground-color); font-family: inherit; font-size: inherit; padding-bottom: var(--ag-grid-size); border-width: 0; border-radius: 0; border-bottom: 2px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):not(textarea), .ag-theme-material input[class^=ag-][type=text]:not(textarea), .ag-theme-material input[class^=ag-][type=number]:not(textarea), .ag-theme-material input[class^=ag-][type=tel]:not(textarea), .ag-theme-material input[class^=ag-][type=date]:not(textarea), .ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material textarea[class^=ag-]:not(textarea), .ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea), .ag-theme-material-dark input[class^=ag-][type=text]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=number]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=date]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material-dark textarea[class^=ag-]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) { height: calc(var(--ag-grid-size) * 5); } .ag-theme-material input[class^=ag-]:not([type]):focus, .ag-theme-material input[class^=ag-][type=text]:focus, .ag-theme-material input[class^=ag-][type=number]:focus, .ag-theme-material input[class^=ag-][type=tel]:focus, .ag-theme-material input[class^=ag-][type=date]:focus, .ag-theme-material input[class^=ag-][type=datetime-local]:focus, .ag-theme-material textarea[class^=ag-]:focus, .ag-theme-material-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-dark input[class^=ag-][type=text]:focus, .ag-theme-material-dark input[class^=ag-][type=number]:focus, .ag-theme-material-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-dark input[class^=ag-][type=date]:focus, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-dark textarea[class^=ag-]:focus, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-auto-dark input[class^=ag-][type=text]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=number]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=date]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-auto-dark textarea[class^=ag-]:focus { border-bottom: 2px solid; border-bottom-color: var(--ag-material-primary-color); outline: none; box-shadow: none; } .ag-theme-material input[class^=ag-]:not([type])::placeholder, .ag-theme-material input[class^=ag-][type=text]::placeholder, .ag-theme-material input[class^=ag-][type=number]::placeholder, .ag-theme-material input[class^=ag-][type=tel]::placeholder, .ag-theme-material input[class^=ag-][type=date]::placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material textarea[class^=ag-]::placeholder, .ag-theme-material-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-dark textarea[class^=ag-]::placeholder, .ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-auto-dark textarea[class^=ag-]::placeholder { color: var(--ag-disabled-foreground-color); } .ag-theme-material input[class^=ag-]:not([type]):disabled, .ag-theme-material input[class^=ag-][type=text]:disabled, .ag-theme-material input[class^=ag-][type=number]:disabled, .ag-theme-material input[class^=ag-][type=tel]:disabled, .ag-theme-material input[class^=ag-][type=date]:disabled, .ag-theme-material input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material textarea[class^=ag-]:disabled, .ag-theme-material-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-dark textarea[class^=ag-]:disabled, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-auto-dark textarea[class^=ag-]:disabled { border-bottom: 1px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):invalid, .ag-theme-material input[class^=ag-][type=text]:invalid, .ag-theme-material input[class^=ag-][type=number]:invalid, .ag-theme-material input[class^=ag-][type=tel]:invalid, .ag-theme-material input[class^=ag-][type=date]:invalid, .ag-theme-material input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material textarea[class^=ag-]:invalid, .ag-theme-material-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-dark textarea[class^=ag-]:invalid, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-auto-dark textarea[class^=ag-]:invalid { border-width: 0; border-bottom: 1px solid; border-bottom-color: var(--ag-invalid-color); color: var(--ag-invalid-color); } .ag-theme-material .ag-standard-button, .ag-theme-material-dark .ag-standard-button, .ag-theme-material-auto-dark .ag-standard-button { appearance: none; background-color: transparent; border: 0; color: var(--ag-material-primary-color); font-family: inherit; font-size: inherit; margin: 0; padding: 0; text-transform: uppercase; } .ag-theme-material .ag-standard-button:disabled, .ag-theme-material-dark .ag-standard-button:disabled, .ag-theme-material-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-material.ag-dnd-ghost, .ag-theme-material-dark.ag-dnd-ghost, .ag-theme-material-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 4); } .ag-theme-material .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 7); } .ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button { margin-left: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button { margin-right: var(--ag-grid-size); } .ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-viewport, .ag-theme-material .ag-layout-print .ag-center-cols-container, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-print .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-material .ag-picker-field-wrapper:focus-within, .ag-theme-material-dark .ag-picker-field-wrapper:focus-within, .ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within { box-shadow: 0 0 0 1px var(--ag-material-primary-color); } .ag-theme-material .ag-rich-select-list, .ag-theme-material-dark .ag-rich-select-list, .ag-theme-material-auto-dark .ag-rich-select-list { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .ag-theme-material .ag-advanced-filter-builder-button-label, .ag-theme-material-dark .ag-advanced-filter-builder-button-label, .ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label { text-transform: uppercase; } .ag-theme-material .ag-filter-active .ag-icon-filter, .ag-theme-material-dark .ag-filter-active .ag-icon-filter, .ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-material-accent-color); } .ag-theme-material .ag-list-item-hovered::after, .ag-theme-material-dark .ag-list-item-hovered::after, .ag-theme-material-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-material-primary-color); } .ag-theme-material .ag-pill .ag-pill-button:hover, .ag-theme-material-dark .ag-pill .ag-pill-button:hover, .ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-material-primary-color); } .ag-theme-material .ag-header-highlight-before::after, .ag-theme-material .ag-header-highlight-after::after, .ag-theme-material-dark .ag-header-highlight-before::after, .ag-theme-material-dark .ag-header-highlight-after::after, .ag-theme-material-auto-dark .ag-header-highlight-before::after, .ag-theme-material-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-material-primary-color); } /* src/app/styles.scss */ :root { --mdc-typography-font-family: $default-font-family; --mat-form-field-container-text-size: $basline-text-body-1-size; --mat-form-field-container-text-line-height: $basline-text-body-1-size; --mat-menu-item-label-text-size: $basline-text-body-1-size; --mat-menu-item-label-text-line-height: $basline-text-body-1-size; --mat-option-label-text-size: $basline-text-body-1-size; --mat-option-label-text-line-height: $basline-text-body-1-size; --mat-optgroup-label-text-size: $basline-text-body-1-size; --mat-optgroup-label-text-line-height: $basline-text-body-1-size; --mat-select-trigger-text-size: $basline-text-body-1-size; --mat-select-trigger-text-line-height: $basline-text-body-1-size; --mdc-typography-body1-font-size: $basline-text-body-1-size; --mdc-typography-body1-line-height: $basline-text-body-1-size; --mdc-typography-body2-font-size: $basline-text-body-2-size; --mdc-typography-body2-line-height: $basline-text-body-2-size; --mdc-dialog-supporting-text-size: $basline-text-caption-size; --mdc-typography-subtitle1-font-size: $basline-text-subheading-1-size; --mdc-typography-subtitle1-line-height: $basline-text-subheading-1-height; --mdc-typography-subtitle2-font-size: $basline-text-subheading-2-size; --mdc-typography-subtitle2-line-height: $basline-text-subheading-2-height; --mdc-typography-button-line-height: $basline-text-button-height; --mdc-dialog-subhead-tracking: 0px; --mdc-dialog-supporting-text-tracking: 0px; --mdc-chip-elevated-container-color: "#e0e0e0"; --mdc-dialog-supporting-text-color: black; --mdc-checkbox-state-layer-size: 20px; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-text-button-label-text-tracking: .0178571429em; --mat-divider-width: 1px; --mat-form-field-container-height: 100%; --mat-tab-header-divider-height: 0px; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-radio-state-layer-size: 40px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mdc-switch-disabled-handle-opacity: 0.38; --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 22px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 10px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-state-layer-size: 40px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-chip-outline-width: 0px; --mdc-chip-flat-selected-outline-width: 0px; --mdc-icon-button-state-layer-size: 48px; --mdc-icon-button-icon-size: 24px; --mat-chip-trailing-action-opacity: 0.54; --mat-menu-item-spacing: 16px; --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-focus-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-pressed-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-container-color: var(--static-white-color); --mdc-text-button-label-text-color: inherit; --mdc-outlined-button-label-text-color: inherit; --mdc-text-button-container-shape: 4px; --mdc-fab-small-container-shape: 50%; --mat-badge-container-shape: 50%; --mat-switch-track-outline-width: 1px; --mat-switch-selected-track-outline-width: 1px; --mat-switch-track-outline-color: rgba(0,0,0,0); --mat-switch-selected-track-outline-color: rgba(0,0,0,0); --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-label-text-color: black; --mat-app-elevation-shadow-level-8: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-active-indicator-height: 4px; } @font-face { font-family: DinamoFont; src: url(/assets/fonts/ABCFavorit-Regular-Trial.woff2) format("woff2"), url(/assets/fonts/ABCFavorit-Regular-Trial.woff) format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: DinamoFont; src: url(/assets/fonts/ABCFavorit-Regular-Trial.woff2) format("woff2"), url(/assets/fonts/ABCFavorit-Regular-Trial.woff) format("woff"); font-weight: normal; font-style: normal; } body { background-color: #131416; color: #FFFFFF; font-family: "DinamoFont", sans-serif; font-size: 14px; line-height: 1.5; overflow-x: hidden; } h1 { font-size: 24px; font-weight: 600; margin-bottom: 1rem; } h2 { font-size: 18px; font-weight: 500; margin-bottom: 1rem; } h3 { font-size: 18px; font-weight: 500; margin-bottom: 0.75rem; } p { font-size: 14px; margin-bottom: 1rem; } .error { color: red; font-size: 24px !important; } .warning { color: #ffc83f; font-size: 24px !important; } .info, .filtered { color: gray; font-size: 24px !important; } .correction { color: green; font-size: 24px !important; } .ag-cell { font: 400 9.3333333333px DinamoFont !important; flex-direction: row; box-sizing: border-box; display: flex; place-content: flex-start; align-items: center; height: 100%; } .ag-header-cell-text { font: 400 9.3333333333px DinamoFont !important; color: #131416 !important; font-weight: bold !important; } input, select, textarea { font-size: 14px; } label { font-size: 18px; font-weight: 500; } button { font-size: 14px; } .small-text, .helper-text { font-size: 12px; color: rgb(118, 120, 125); } .spinner-container { height: 50vh; display: flex; align-items: center; justify-content: center; } .spinner { animation: rotator 1.2s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .spinner-path { stroke-dasharray: 190; stroke-dashoffset: 0; transform-origin: center; animation: dash 1.2s ease-in-out infinite; } @keyframes dash { 0% { stroke-dashoffset: 190; } 50% { stroke-dashoffset: 47.5; transform: rotate(135deg); } 100% { stroke-dashoffset: 190; transform: rotate(450deg); } } @keyframes ripple { 0% { transform: scale(0, 0); opacity: 1; } 20% { transform: scale(25, 5); opacity: 1; } 100% { opacity: 0; transform: scale(40, 8); } } @keyframes continuous-progress { 0% { left: 0; right: 90%; } 25% { left: 0; right: 0; } 50% { left: 90%; right: 0; } 75% { left: 0; right: 0; } 100% { left: 0; right: 90%; } } @keyframes show { 0% { transform: scale(0); } 60% { transform: scale(1.1); } 100% { transform: scale(1); } } .mat-checkbox.primary-color-checkbox, .mat-mdc-checkbox.primary-color-checkbox { } .mat-checkbox.primary-color-checkbox.mat-checkbox-checked.data-error-color .mat-checkbox-background, .mat-mdc-checkbox.primary-color-checkbox.mat-checkbox-checked.data-error-color .mat-checkbox-background { background-color: #f44336; } .mat-checkbox.primary-color-checkbox.mat-checkbox-checked .mat-checkbox-background, .mat-mdc-checkbox.primary-color-checkbox.mat-checkbox-checked .mat-checkbox-background { background-color: #ff6d4a; } .custom-dialog-container .mat-dialog-container, .custom-dialog-container .mat-mdc-dialog-container { padding: 0; background-color: #131416; border-radius: 12px; } .expression-builder-dialog .mat-dialog-content, .expression-builder-dialog .mat-mdc-dialog-content { max-height: 67vh; } .login-dialog-backdrop { background-color: #aaaaaa; } .select-account-dialog-backdrop { background-color: #aaaaaa; opacity: 0.7 !important; } .confirmation-dialog-backdrop { background-color: rgba(19, 20, 22, 0.8); backdrop-filter: blur(2px); } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { background-color: #f2f2f2 !important; } .ag-row-hover { background-color: #f2f2f2 !important; cursor: pointer; } .data-uploads-action-cell button:hover { background-color: rgba(211, 210, 210, 0.19); } .ag-cell:not(:has(div)) { white-space: pre; } .ag-header { background-color: #FFFFFF !important; } .ag-icon { color: var(--disable-code-color); } .preserved-spaces-text { white-space: pre; white-space-collapse: preserve; } .ag-theme-alpine .ag-pinned-left-header, .ag-theme-alpine .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: none !important; } .ag-status-bar-center { font-family: DinamoFont; } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border: none !important; } .ag-theme-alpine .ag-body-horizontal-scroll-viewport { overflow-x: hidden; border: hidden; border-top: none !important; } .ag-theme-alpine:hover .ag-body-horizontal-scroll-viewport { overflow-x: auto; } .ag-center-cols-viewport { overflow-x: hidden !important; } .ag-body-horizontal-scroll-viewport { height: 2px !important; max-height: 2px !important; min-height: 7px !important; } .stopIcon { color: #FC5660; font-weight: bold; margin-left: 2px; margin-right: 2px; } .correctionIcon { color: #9BE380; margin-left: 2px; margin-right: 2px; } .warningIcon { color: #ffcc00; margin-left: 2px; margin-right: 2px; } .filterIcon { color: rgb(118, 120, 125); margin-left: 2px; margin-right: 2px; font-size: 18px !important; } .done-text { font: 400 13px/15px DinamoFont; } .greyed-out { opacity: 0.3; pointer-events: none; } .not-displayed { display: none !important; } .ag-theme-alpine .ag-cell-focus { outline: none !important; border: none !important; box-shadow: none !important; } .cdk-column-datasetScope span.PUBLISHED { padding: 4px 6px; border-radius: 3px; background: var(--green-background-chips-color); color: var(--green-foreground-chips-color); } .cdk-column-datasetScope span.DRAFT { padding: 4px 6px; border-radius: 3px; color: var(--blue-foreground-chips-color); background-color: var(--blue-background-chips-color); } .cdk-column-datasetScope span.STAGED { padding: 3px 6px; border-radius: 3px; color: var(--purple-foreground-chips-color); background-color: var(--purple-background-chips-color); } .no-hover { background-color: transparent !important; box-shadow: none !important; } .mat-mdc-form-field-type-mat-select:not(.mat-form-field-disabled) .mat-mdc-text-field-wrapper { background-color: #131416 !important; } .mat-mdc-select-panel { background: rgb(118, 120, 125) !important; } /* node_modules/font-awesome/css/font-awesome.min.css */ /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face { font-family: "FontAwesome"; src: url("./media/fontawesome-webfont.eot?v=4.7.0"); src: url("./media/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("./media/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("./media/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("./media/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("./media/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } .fa-gitlab:before { content: "\f296"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpforms:before { content: "\f298"; } .fa-envira:before { content: "\f299"; } .fa-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before { content: "\f29c"; } .fa-blind:before { content: "\f29d"; } .fa-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-signing:before, .fa-sign-language:before { content: "\f2a7"; } .fa-low-vision:before { content: "\f2a8"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-first-order:before { content: "\f2b0"; } .fa-yoast:before { content: "\f2b1"; } .fa-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before { content: "\f2b8"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .fa-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .fa-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before { content: "\f2be"; } .fa-user-o:before { content: "\f2c0"; } .fa-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .fa-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .fa-id-card-o:before { content: "\f2c3"; } .fa-quora:before { content: "\f2c4"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .fa-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before { content: "\f2cc"; } .fa-bathtub:before, .fa-s15:before, .fa-bath:before { content: "\f2cd"; } .fa-podcast:before { content: "\f2ce"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .fa-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .fa-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-grav:before { content: "\f2d6"; } .fa-etsy:before { content: "\f2d7"; } .fa-imdb:before { content: "\f2d8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-eercast:before { content: "\f2da"; } .fa-microchip:before { content: "\f2db"; } .fa-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-meetup:before { content: "\f2e0"; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } /* src/app/styles/material-custom-style.scss */ :root { --mdc-typography-font-family: $default-font-family; --mat-form-field-container-text-size: $basline-text-body-1-size; --mat-form-field-container-text-line-height: $basline-text-body-1-size; --mat-menu-item-label-text-size: $basline-text-body-1-size; --mat-menu-item-label-text-line-height: $basline-text-body-1-size; --mat-option-label-text-size: $basline-text-body-1-size; --mat-option-label-text-line-height: $basline-text-body-1-size; --mat-optgroup-label-text-size: $basline-text-body-1-size; --mat-optgroup-label-text-line-height: $basline-text-body-1-size; --mat-select-trigger-text-size: $basline-text-body-1-size; --mat-select-trigger-text-line-height: $basline-text-body-1-size; --mdc-typography-body1-font-size: $basline-text-body-1-size; --mdc-typography-body1-line-height: $basline-text-body-1-size; --mdc-typography-body2-font-size: $basline-text-body-2-size; --mdc-typography-body2-line-height: $basline-text-body-2-size; --mdc-dialog-supporting-text-size: $basline-text-caption-size; --mdc-typography-subtitle1-font-size: $basline-text-subheading-1-size; --mdc-typography-subtitle1-line-height: $basline-text-subheading-1-height; --mdc-typography-subtitle2-font-size: $basline-text-subheading-2-size; --mdc-typography-subtitle2-line-height: $basline-text-subheading-2-height; --mdc-typography-button-line-height: $basline-text-button-height; --mdc-dialog-subhead-tracking: 0px; --mdc-dialog-supporting-text-tracking: 0px; --mdc-chip-elevated-container-color: "#e0e0e0"; --mdc-dialog-supporting-text-color: black; --mdc-checkbox-state-layer-size: 20px; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-text-button-label-text-tracking: .0178571429em; --mat-divider-width: 1px; --mat-form-field-container-height: 100%; --mat-tab-header-divider-height: 0px; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-radio-state-layer-size: 40px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mdc-switch-disabled-handle-opacity: 0.38; --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 22px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 10px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-state-layer-size: 40px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-chip-outline-width: 0px; --mdc-chip-flat-selected-outline-width: 0px; --mdc-icon-button-state-layer-size: 48px; --mdc-icon-button-icon-size: 24px; --mat-chip-trailing-action-opacity: 0.54; --mat-menu-item-spacing: 16px; --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-focus-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-pressed-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-container-color: var(--static-white-color); --mdc-text-button-label-text-color: inherit; --mdc-outlined-button-label-text-color: inherit; --mdc-text-button-container-shape: 4px; --mdc-fab-small-container-shape: 50%; --mat-badge-container-shape: 50%; --mat-switch-track-outline-width: 1px; --mat-switch-selected-track-outline-width: 1px; --mat-switch-track-outline-color: rgba(0,0,0,0); --mat-switch-selected-track-outline-color: rgba(0,0,0,0); --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-label-text-color: black; --mat-app-elevation-shadow-level-8: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-active-indicator-height: 4px; } @font-face { font-family: DinamoFont; src: url(/assets/fonts/ABCFavorit-Regular-Trial.woff2) format("woff2"), url(/assets/fonts/ABCFavorit-Regular-Trial.woff) format("woff"); font-weight: normal; font-style: normal; } .mat-card:not([class*=mat-elevation-z]), .mat-mdc-card:not([class*=mat-elevation-z]) { box-shadow: 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); } .mat-card.app-content-card-container, .mat-mdc-card.app-content-card-container { max-width: 98% !important; margin: -12px 0 10px; } .card-without-breadcrumb .mat-card.app-content-card-container, .card-without-breadcrumb .mat-mdc-card.app-content-card-container { margin: -15px 0 10px; } .mat-card-actions, .mat-mdc-card-actions { padding-top: 6px !important; padding-bottom: 6px !important; } .mat-card-actions .mat-button:not(:first-child), .mat-card-actions .mat-raised-button:not(:first-child), .mat-mdc-card-actions .mat-mdc-button:not(:first-child), .mat-card-actions .mat-mdc-raised-button:not(:first-child) { margin-left: 3px !important; margin-right: 3px !important; } .padding-less .mat-dialog-container, .padding-less .mat-mdc-dialog-container { padding: 0 !important; border-radius: 0 !important; overflow: hidden; } .padding-less .mat-card, .padding-less .mat-mdc-card { padding: 0 !important; } .mat-dialog-content, .mat-mdc-dialog-content { padding-left: 18px !important; padding-right: 18px !important; } .app-smoke-dialog .mat-dialog-container, .app-smoke-dialog .mat-mdc-dialog-container { background-color: whitesmoke; } .app-smoke-dialog .mat-dialog-container .mat-dialog-content, .app-smoke-dialog .mat-dialog-container .mat-mdc-dialog-content, .app-smoke-dialog .mat-mdc-dialog-container .mat-dialog-content, .app-smoke-dialog .mat-mdc-dialog-container .mat-mdc-dialog-content { max-height: 100vh; } .mat-toolbar.mat-light { box-shadow: 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); } .mat-toolbar.app-header { position: relative; z-index: 3; height: 48px; } .mat-toolbar.app-sub-header { color: white; } .mat-drawer-content .mat-toolbar.app-sub-header { padding: 0 42px; } .mat-drawer-content.app-sidenav-shown .mat-toolbar.app-sub-header { padding: 0 24px; } .mat-toolbar.app-sub-footer { height: 60px; } .mat-drawer.mat-light { box-shadow: 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); } .mat-divider.app-list-divider { margin: 15px 15px; } .mat-list-item, .mat-mdc-list-item { } .mat-list-item .mat-list-text, .mat-mdc-list-item .mat-list-text { padding: 0 !important; } .mat-form-field-label { font-size: 9px; line-height: 12px; font-weight: normal; } .mat-step-header .mat-step-label-selected .mat-step-text-label { font-size: 13.5px; } .mat-step-header[aria-labelledby=stepper-disabled] { pointer-events: none !important; cursor: not-allowed; opacity: 0.6; } .mat-stepper-header { height: 54px !important; padding: 0 18px !important; } .app-edit-wizard .mat-step-header .mat-step-icon span, .app-edit-wizard .mat-step-header .mat-step-icon-not-touched span { opacity: 0; } .mat-stepper-header .mat-step-icon, .mat-stepper-header .mat-step-icon-not-touched { margin-right: 6px !important; } .mat-step-icon, .mat-step-icon-not-touched { height: 18px !important; width: 18px !important; } .mat-step-icon .mat-icon { font-size: 12px !important; height: 12px !important; width: 12px !important; } .mat-form-field.mapper-header-field, .mat-mdc-form-field.mapper-header-field { } .mat-form-field.mapper-header-field .mat-form-field-flex, .mat-mdc-form-field.mapper-header-field .mat-form-field-flex { min-height: 34.5px !important; padding: 3px 12px 1.5px !important; } .mat-form-field.mat-light, .mat-mdc-form-field.mat-light { } .mat-form-field.mat-light .mat-form-field-flex, .mat-mdc-form-field.mat-light .mat-form-field-flex { padding: 6px 0; background-color: #f1f0f2; } .mat-form-field.mat-light .mat-form-field-flex .mat-form-field-prefix, .mat-mdc-form-field.mat-light .mat-form-field-flex .mat-form-field-prefix { color: #7d7d7d; padding: 0 12px; } .mat-form-field.mat-light .mat-form-field-flex textarea, .mat-mdc-form-field.mat-light .mat-form-field-flex textarea { line-height: 13.5px; } .mat-form-field.mat-light .mat-hint, .mat-form-field.mat-light .mat-mdc-form-field-hint, .mat-mdc-form-field.mat-light .mat-hint, .mat-mdc-form-field.mat-light .mat-mdc-form-field-hint { margin-left: 12px; color: rgba(0, 0, 0, 0.54); font-size: var(--mdc-typography-caption-font-size, 9px) !important; } .mat-form-field.mat-light.large-placeholder-field, .mat-mdc-form-field.mat-light.large-placeholder-field { } .mat-form-field.mat-light.large-placeholder-field .mat-form-field-label, .mat-mdc-form-field.mat-light.large-placeholder-field .mat-form-field-label { font-size: 12px; } .mat-form-field.app-bottom-align-field, .mat-mdc-form-field.app-bottom-align-field { } .mat-form-field.app-bottom-align-field .mat-mdc-form-field-flex, .mat-mdc-form-field.app-bottom-align-field .mat-mdc-form-field-flex { min-height: 36px; border-radius: 3px; padding: 3px 12px 3px; height: 100%; font-size: 12px !important; } .mat-form-field.mapper-expression-field, .mat-mdc-form-field.mapper-expression-field { } .mat-form-field.mapper-expression-field .mat-form-field-wrapper, .mat-form-field.mapper-expression-field .mat-mdc-text-field-wrapper, .mat-mdc-form-field.mapper-expression-field .mat-form-field-wrapper, .mat-mdc-form-field.mapper-expression-field .mat-mdc-text-field-wrapper { margin-top: 0.75px !important; margin-bottom: -1.5px !important; background-color: transparent !important; border: none; } .mat-form-field.mapper-expression-field .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-form-field-infix, .mat-form-field.mapper-expression-field .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-form-field-infix, .mat-mdc-form-field.mapper-expression-field .mat-form-field-wrapper .mat-form-field-infix .mat-mdc-form-field-infix, .mat-mdc-form-field.mapper-expression-field .mat-mdc-text-field-wrapper .mat-form-field-infix .mat-mdc-form-field-infix { margin-top: -9px; } .mat-form-field.mapper-expression-field .mat-form-field-underline, .mat-mdc-form-field.mapper-expression-field .mat-form-field-underline { bottom: 12px; } .mat-tooltip-panel .mat-tooltip.line-break-tooltip, .mat-tooltip-panel .mat-mdc-tooltip.line-break-tooltip, .mat-mdc-tooltip-panel .mat-tooltip.line-break-tooltip, .mat-mdc-tooltip-panel .mat-mdc-tooltip.line-break-tooltip { white-space: pre-line; line-height: 16.5px; } .mdc-text-field { padding: 0px !important; } .mat-mdc-button:not(.mat-line), .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button { height: inherit !important; } .mat-button:not(.mat-line), .mat-flat-button, .mat-raised-button, .mat-stroked-button, .mat-mdc-button:not(.mat-line), .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button { height: 27px; min-width: 66px !important; line-height: 27px !important; min-height: 27px !important; padding-left: 12px !important; padding-right: 12px !important; text-align: center; } .mdc-card__actions { min-height: 27px !important; } .mat-icon-button { text-align: center; } .mat-mdc-form-field-infix { border-top: 7px solid transparent; border-bottom: 4px solid transparent; border-left: 2px solid transparent; height: 100%; } .mdc-text-field--disabled { border-bottom: 1px dotted var(--disabled-btn-text-color); opacity: 0.6; } .mat-mdc-button .mdc-button__label > *, .mat-mdc-button .mat-button-wrapper > *, .mat-flat-button .mat-button-wrapper > *, .mat-stroked-button .mat-button-wrapper > *, .mat-raised-button .mat-button-wrapper > *, .mat-icon-button .mat-button-wrapper > *, .mat-fab .mat-button-wrapper > *, .mat-mini-fab .mat-button-wrapper > * { vertical-align: middle; } .mat-raised-button.share-wide-button, .mat-mdc-raised-button.share-wide-button { padding: 0 19.5px !important; } .mat-list .mat-list-item .mat-list-item-content, .mat-mdc-list .mat-mdc-list-item .mat-list-item-content, .mdc-list .mdc-list-item, .mat-nav-list .mat-list-item .mat-list-item-content, .mat-nav-list .mat-list-option .mat-list-item-content, .mat-selection-list .mat-list-item .mat-list-item-content, .mat-selection-list .mat-list-option .mat-list-item-content { padding: 0 9px !important; } .mat-mdc-list .mat-mdc-list-item .mat-mdc-list-item-icon, .mat-list .mat-list-option .mat-list-icon, .mat-nav-list .mat-list-item .mat-list-icon, .mat-nav-list .mat-list-option .mat-list-icon, .mat-selection-list .mat-list-item .mat-list-icon, .mat-selection-list .mat-list-option .mat-list-icon { width: 18px !important; height: 18px !important; font-size: 18px !important; padding: 3px !important; line-height: 18px !important; } .mat-list .mat-list-item, .mat-mdc-list .mat-mdc-list-item, .mat-list .mat-list-option, .mat-nav-list .mat-list-item, .mat-nav-list .mat-list-option, .mat-selection-list .mat-list-item, .mat-selection-list .mat-list-option { height: 36px !important; } .mat-dialog-title, .mat-mdc-dialog-title { margin-bottom: 15px !important; font: 500 20px/24px DinamoFont, sans-serif !important; } .mat-h2, .mat-title, .mat-headline-6, .mat-typography h2 { margin-bottom: 12px !important; font: 500 20px/24px DinamoFont, sans-serif !important; } .mat-h3, .mat-subheading-2, .mat-subtitle-1, .mat-typography h3 { margin-bottom: 12px !important; } .mat-card-header-text, .mat-mdc-card-header-text { margin: 0 !important; } .mat-card-header .mat-card-subtitle:not(:first-child), .mat-mdc-card-header .mat-mdc-card-subtitle:not(:first-child) { margin-top: -6px !important; } .mat-mdc-card-actions, .mat-mdc-card-content, .mat-mdc-card-subtitle, .mat-mdc-card-title, .mat-card-actions, .mat-card-content, .mat-card-subtitle, .mat-card-title, .page-subheader { margin-bottom: 12px !important; font: 400 13px/15px DinamoFont !important; } .mat-menu-content:not(:empty), .mat-mdc-menu-content:not(:empty) { padding-top: 6px !important; padding-bottom: 6px !important; } .mat-menu-item, .mat-mdc-menu-item { line-height: 36px !important; height: 36px !important; min-height: 36px !important; padding-left: 12px !important; padding-right: 12px !important; font-family: DinamoFont, sans-serif !important; font-size: 12px !important; font-weight: normal !important; } .mat-checkbox-inner-container { height: 15px !important; width: 15px !important; margin-right: 4.5px !important; } .mat-checkbox-ripple, .mat-mdc-checkbox-ripple { left: calc(50% - 18.75px) !important; top: calc(50% - 18.75px) !important; height: 37.5px !important; width: 37.5px !important; } .mat-checkbox-frame { border-width: 1.5px !important; border-radius: 1.5px !important; } .mat-pseudo-checkbox { width: 15px !important; height: 15px !important; border-width: 1.5px !important; border-radius: 1.5px !important; } .mat-pseudo-checkbox.mat-pseudo-checkbox-checked::after { top: 2.25px !important; left: 0.75px !important; width: 9px !important; height: 3.75px !important; color: var(--static-white-color); } a { color: #00a6d6; } .grey-text-color { color: rgba(0, 0, 0, 0.54); } .mat-button-wrapper .button-spinner-icon { font-size: 15.75px !important; padding-top: 4.5px !important; padding-left: 0.75px !important; } .material-icons { font-size: 18px; } .mat-icon .fa-spinner { position: relative; top: -3px; } .mat-icon.mat-light { color: #7d7d7d; } .mat-icon.fab-icon-mini { font-size: 21px; width: 21px !important; height: 21px !important; } .mat-mdc-icon-button, .mat-icon-button { background: transparent; color: inherit; height: 30px !important; line-height: 28.5px !important; width: 30px !important; } .mat-mdc-icon-button .mat-icon, .mat-icon-button .mat-icon { line-height: 22.5px !important; } .app-icon-circle { border-width: 0.5px !important; border-style: solid !important; border-radius: 50% !important; } .app-icon-circle .mat-mdc-button-ripple { border-radius: 50%; } .app-icon-circle.has-error { border-color: #f44336; } .mat-icon-large { width: 33.75px !important; height: 33.75px !important; line-height: 31.5px !important; } .mat-tab-label, .mat-tab-link, .mat-mdc-tab.mdc-tab, .mat-mdc-tab-link { height: 36px !important; padding-left: 18px !important; padding-right: 18px !important; min-width: 90px !important; } .mat-header-cell.justify-center .mat-sort-header-container button, .mat-mdc-header-cell.justify-center .mat-sort-header-container button { position: relative; left: 4.5px; margin-left: auto; margin-right: auto; } .mat-header-cell, .mat-mdc-header-cell, .mat-sort-header { font: bold 11px/15px DinamoFont !important; } .mat-cell, .mat-mdc-cell { font: 400 11px/12px DinamoFont !important; } .mat-row:not(.mat-header-row) { background: white; } .mat-mdc-row:not(.mat-mdc-header-row) { background: white; } .mat-header-row, .mat-mdc-header-row { min-height: 42px !important; min-width: fit-content; } .mat-mdc-footer-row, mat-row:not(.detail-row) { min-height: 43.5px !important; } mat-cell:first-child, mat-footer-cell:first-child, mat-header-cell:first-child { padding-left: 18px !important; } mat-cell:last-child, mat-footer-cell:last-child, mat-header-cell:last-child { padding-right: 18px !important; } .justify-left { text-align: left; } .justify-center { text-align: center; } .justify-right { text-align: right; } .mat-font-size-body-1 { font-size: 12px; } .margin-top-0 { margin-top: 0px !important; } .padding-top-0 { padding-top: 0px !important; } .margin-right-0 { margin-right: 0px !important; } .padding-right-0 { padding-right: 0px !important; } .margin-bottom-0 { margin-bottom: 0px !important; } .padding-bottom-0 { padding-bottom: 0px !important; } .margin-left-0 { margin-left: 0px !important; } .padding-left-0 { padding-left: 0px !important; } .margin-vertical-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .padding-vertical-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .margin-horizontal-0 { margin-left: 0px !important; margin-right: 0px !important; } .padding-horizontal-0 { padding-left: 0px !important; padding-right: 0px !important; } .margin-top-half { margin-top: 3px !important; } .padding-top-half { padding-top: 3px !important; } .margin-right-half { margin-right: 3px !important; } .padding-right-half { padding-right: 3px !important; } .margin-bottom-half { margin-bottom: 3px !important; } .padding-bottom-half { padding-bottom: 3px !important; } .margin-left-half { margin-left: 3px !important; } .padding-left-half { padding-left: 3px !important; } .margin-vertical-half { margin-top: 3px !important; margin-bottom: 3px !important; } .padding-vertical-half { padding-top: 3px !important; padding-bottom: 3px !important; } .margin-horizontal-half { margin-left: 3px !important; margin-right: 3px !important; } .padding-horizontal-half { padding-left: 3px !important; padding-right: 3px !important; } .margin-top-1x { margin-top: 6px !important; } .padding-top-1x { padding-top: 6px !important; } .margin-right-1x { margin-right: 6px !important; } .padding-right-1x { padding-right: 6px !important; } .margin-bottom-1x { margin-bottom: 6px !important; } .padding-bottom-1x { padding-bottom: 6px !important; } .margin-left-1x { margin-left: 6px !important; } .padding-left-1x { padding-left: 6px !important; } .margin-vertical-1x { margin-top: 6px !important; margin-bottom: 6px !important; } .padding-vertical-1x { padding-top: 6px !important; padding-bottom: 6px !important; } .margin-horizontal-1x { margin-left: 6px !important; margin-right: 6px !important; } .padding-horizontal-1x { padding-left: 6px !important; padding-right: 6px !important; } .margin-top-1x-half { margin-top: 9px !important; } .padding-top-1x-half { padding-top: 9px !important; } .margin-right-1x-half { margin-right: 9px !important; } .padding-right-1x-half { padding-right: 9px !important; } .margin-bottom-1x-half { margin-bottom: 9px !important; } .padding-bottom-1x-half { padding-bottom: 9px !important; } .margin-left-1x-half { margin-left: 9px !important; } .padding-left-1x-half { padding-left: 9px !important; } .margin-vertical-1x-half { margin-top: 9px !important; margin-bottom: 9px !important; } .padding-vertical-1x-half { padding-top: 9px !important; padding-bottom: 9px !important; } .margin-horizontal-1x-half { margin-left: 9px !important; margin-right: 9px !important; } .padding-horizontal-1x-half { padding-left: 9px !important; padding-right: 9px !important; } .margin-top-2x { margin-top: 12px !important; } .padding-top-2x { padding-top: 12px !important; } .margin-right-2x { margin-right: 12px !important; } .padding-right-2x { padding-right: 12px !important; } .margin-bottom-2x { margin-bottom: 12px !important; } .padding-bottom-2x { padding-bottom: 12px !important; } .margin-left-2x { margin-left: 12px !important; } .padding-left-2x { padding-left: 12px !important; } .margin-vertical-2x { margin-top: 12px !important; margin-bottom: 12px !important; } .padding-vertical-2x { padding-top: 12px !important; padding-bottom: 12px !important; } .margin-horizontal-2x { margin-left: 12px !important; margin-right: 12px !important; } .padding-horizontal-2x { padding-left: 12px !important; padding-right: 12px !important; } .margin-top-2x-half { margin-top: 15x !important; } .padding-top-2x-half { padding-top: 15x !important; } .margin-right-2x-half { margin-right: 15x !important; } .padding-right-2x-half { padding-right: 15x !important; } .margin-bottom-2x-half { margin-bottom: 15x !important; } .padding-bottom-2x-half { padding-bottom: 15x !important; } .margin-left-2x-half { margin-left: 15x !important; } .padding-left-2x-half { padding-left: 15x !important; } .margin-vertical-2x-half { margin-top: 15x !important; margin-bottom: 15x !important; } .padding-vertical-2x-half { padding-top: 15x !important; padding-bottom: 15x !important; } .margin-horizontal-2x-half { margin-left: 15x !important; margin-right: 15x !important; } .padding-horizontal-2x-half { padding-left: 15x !important; padding-right: 15x !important; } .margin-top-3x { margin-top: 18px !important; } .padding-top-3x { padding-top: 18px !important; } .margin-right-3x { margin-right: 18px !important; } .padding-right-3x { padding-right: 18px !important; } .margin-bottom-3x { margin-bottom: 18px !important; } .padding-bottom-3x { padding-bottom: 18px !important; } .margin-left-3x { margin-left: 18px !important; } .padding-left-3x { padding-left: 18px !important; } .margin-vertical-3x { margin-top: 18px !important; margin-bottom: 18px !important; } .padding-vertical-3x { padding-top: 18px !important; padding-bottom: 18px !important; } .margin-horizontal-3x { margin-left: 18px !important; margin-right: 18px !important; } .padding-horizontal-3x { padding-left: 18px !important; padding-right: 18px !important; } .margin-top-3x-half { margin-top: 21px !important; } .padding-top-3x-half { padding-top: 21px !important; } .margin-right-3x-half { margin-right: 21px !important; } .padding-right-3x-half { padding-right: 21px !important; } .margin-bottom-3x-half { margin-bottom: 21px !important; } .padding-bottom-3x-half { padding-bottom: 21px !important; } .margin-left-3x-half { margin-left: 21px !important; } .padding-left-3x-half { padding-left: 21px !important; } .margin-vertical-3x-half { margin-top: 21px !important; margin-bottom: 21px !important; } .padding-vertical-3x-half { padding-top: 21px !important; padding-bottom: 21px !important; } .margin-horizontal-3x-half { margin-left: 21px !important; margin-right: 21px !important; } .padding-horizontal-3x-half { padding-left: 21px !important; padding-right: 21px !important; } .margin-top-4x { margin-top: 24px !important; } .padding-top-4x { padding-top: 24px !important; } .margin-right-4x { margin-right: 24px !important; } .padding-right-4x { padding-right: 24px !important; } .margin-bottom-4x { margin-bottom: 24px !important; } .padding-bottom-4x { padding-bottom: 24px !important; } .margin-left-4x { margin-left: 24px !important; } .padding-left-4x { padding-left: 24px !important; } .margin-vertical-4x { margin-top: 24px !important; margin-bottom: 24px !important; } .padding-vertical-4x { padding-top: 24px !important; padding-bottom: 24px !important; } .margin-horizontal-4x { margin-left: 24px !important; margin-right: 24px !important; } .padding-horizontal-4x { padding-left: 24px !important; padding-right: 24px !important; } .margin-top-5x { margin-top: 30px !important; } .padding-top-5x { padding-top: 30px !important; } .margin-right-5x { margin-right: 30px !important; } .padding-right-5x { padding-right: 30px !important; } .margin-bottom-5x { margin-bottom: 30px !important; } .padding-bottom-5x { padding-bottom: 30px !important; } .margin-left-5x { margin-left: 30px !important; } .padding-left-5x { padding-left: 30px !important; } .margin-vertical-5x { margin-top: 30px !important; margin-bottom: 30px !important; } .padding-vertical-5x { padding-top: 30px !important; padding-bottom: 30px !important; } .margin-horizontal-5x { margin-left: 30px !important; margin-right: 30px !important; } .padding-horizontal-5x { padding-left: 30px !important; padding-right: 30px !important; } .margin-top-6x { margin-top: 36px !important; } .padding-top-6x { padding-top: 36px !important; } .margin-right-6x { margin-right: 36px !important; } .padding-right-6x { padding-right: 36px !important; } .margin-bottom-6x { margin-bottom: 36px !important; } .padding-bottom-6x { padding-bottom: 36px !important; } .margin-left-6x { margin-left: 36px !important; } .padding-left-6x { padding-left: 36px !important; } .margin-vertical-6x { margin-top: 36px !important; margin-bottom: 36px !important; } .padding-vertical-6x { padding-top: 36px !important; padding-bottom: 36px !important; } .margin-horizontal-6x { margin-left: 36px !important; margin-right: 36px !important; } .padding-horizontal-6x { padding-left: 36px !important; padding-right: 36px !important; } .margin-top-7x { margin-top: 42px !important; } .padding-top-7x { padding-top: 42px !important; } .margin-right-7x { margin-right: 42px !important; } .padding-right-7x { padding-right: 42px !important; } .margin-bottom-7x { margin-bottom: 42px !important; } .padding-bottom-7x { padding-bottom: 42px !important; } .margin-left-7x { margin-left: 42px !important; } .padding-left-7x { padding-left: 42px !important; } .margin-vertical-7x { margin-top: 42px !important; margin-bottom: 42px !important; } .padding-vertical-7x { padding-top: 42px !important; padding-bottom: 42px !important; } .margin-horizontal-7x { margin-left: 42px !important; margin-right: 42px !important; } .padding-horizontal-7x { padding-left: 42px !important; padding-right: 42px !important; } .margin-top-8x { margin-top: 48px !important; } .padding-top-8x { padding-top: 48px !important; } .margin-right-8x { margin-right: 48px !important; } .padding-right-8x { padding-right: 48px !important; } .margin-bottom-8x { margin-bottom: 48px !important; } .padding-bottom-8x { padding-bottom: 48px !important; } .margin-left-8x { margin-left: 48px !important; } .padding-left-8x { padding-left: 48px !important; } .margin-vertical-8x { margin-top: 48px !important; margin-bottom: 48px !important; } .padding-vertical-8x { padding-top: 48px !important; padding-bottom: 48px !important; } .margin-horizontal-8x { margin-left: 48px !important; margin-right: 48px !important; } .padding-horizontal-8x { padding-left: 48px !important; padding-right: 48px !important; } .margin-top-10x { margin-top: 60px !important; } .padding-top-10x { padding-top: 60px !important; } .margin-right-10x { margin-right: 60px !important; } .padding-right-10x { padding-right: 60px !important; } .margin-bottom-10x { margin-bottom: 60px !important; } .padding-bottom-10x { padding-bottom: 60px !important; } .margin-left-10x { margin-left: 60px !important; } .padding-left-10x { padding-left: 60px !important; } .margin-vertical-10x { margin-top: 60px !important; margin-bottom: 60px !important; } .padding-vertical-10x { padding-top: 60px !important; padding-bottom: 60px !important; } .margin-horizontal-10x { margin-left: 60px !important; margin-right: 60px !important; } .padding-horizontal-10x { padding-left: 60px !important; padding-right: 60px !important; } .mat-margin-top-0 { margin-top: 0 !important; } .mat-padding-top-0 { padding-top: 0 !important; } .mat-margin-right-0 { margin-right: 0 !important; } .mat-padding-right-0 { padding-right: 0 !important; } .mat-margin-bottom-0 { margin-bottom: 0 !important; } .mat-padding-bottom-0 { padding-bottom: 0 !important; } .mat-margin-left-0 { margin-left: 0 !important; } .mat-padding-left-0 { padding-left: 0 !important; } th.column-size-0, td.column-size-0 { max-width: 0px; min-width: 0px !important; } th.column-size-half, td.column-size-half { max-width: 30px; min-width: 30px !important; } th.column-size-1x, td.column-size-1x { max-width: 60px; min-width: 60px !important; } th.column-size-1x-half, td.column-size-1x-half { max-width: 90px; min-width: 90px !important; } th.column-size-2x, td.column-size-2x { max-width: 120px; min-width: 120px !important; } th.column-size-2x-half, td.column-size-2x-half { max-width: 150px; min-width: 150px !important; } th.column-size-3x, td.column-size-3x { max-width: 180px; min-width: 180px !important; } th.column-size-4x, td.column-size-4x { max-width: 240px; min-width: 240px !important; } th.column-size-5x, td.column-size-5x { max-width: 300px; min-width: 300px !important; } th.column-size-6x, td.column-size-6x { max-width: 360px; min-width: 360px !important; } mat-header-cell.column-size-0, mat-cell.column-size-0 { min-width: 0px !important; width: 0px; } mat-header-cell.column-size-half, mat-cell.column-size-half { min-width: 30px !important; width: 30px; } mat-header-cell.column-size-1x, mat-cell.column-size-1x { min-width: 60px !important; width: 60px; } mat-header-cell.column-size-1x-half, mat-cell.column-size-1x-half { min-width: 90px !important; width: 90px; } mat-header-cell.column-size-2x, mat-cell.column-size-2x { min-width: 120px !important; width: 120px; } mat-header-cell.column-size-2x-half, mat-cell.column-size-2x-half { min-width: 150px !important; width: 150px; } mat-header-cell.column-size-3x, mat-cell.column-size-3x { min-width: 180px !important; width: 180px; } mat-header-cell.column-size-4x, mat-cell.column-size-4x { min-width: 240px !important; width: 240px; } mat-header-cell.column-size-5x, mat-cell.column-size-5x { min-width: 300px !important; width: 300px; } mat-header-cell.column-size-6x, mat-cell.column-size-6x { min-width: 360px !important; width: 360px; } .mat-table, .mat-mdc-table { width: 100%; overflow: auto; } .margin-horizontal-auto { margin-left: auto; margin-right: auto; } .mat-margin-0 { margin: 0 !important; } .mat-padding-0 { padding: 0 !important; } .card-width-90 .mat-card.app-content-card-container, .card-width-90 .mat-mdc-card.app-content-card-container { max-width: 98% !important; width: 98%; } .mat-tooltip, .mat-mdc-tooltip, .mdc-tooltip__surface { background: var(--tooltip-background-color) !important; opacity: 0.9 !important; border-radius: 7px !important; } @supports not selector(::-webkit-scrollbar) { body { scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-background); scrollbar-width: thin; } } ::-webkit-scrollbar { width: 8px; height: 8px; border-radius: 30px; } ::-webkit-scrollbar-thumb { border-radius: 30px; background: var(--scrollbar-thumb); } ::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); } ::-webkit-scrollbar-button, ::-webkit-scrollbar-track, ::-webkit-scrollbar-track-piece, ::-webkit-scrollbar-corner, ::-webkit-resizer { display: none; } .mat-menu-panel, .mat-mdc-menu-panel { min-height: 48px !important; } .mat-calendar-arrow { display: none !important; } .mat-calendar-table-header-divider { display: none !important; } .mat-calendar-body-label { color: white; } tr .mat-calendar-body-label:only-child { display: none; } .mat-calendar-header .mat-button-wrapper { font: 500 16px/19px DinamoFont !important; } .mat-calendar-period-button { text-transform: lowercase; } .mat-calendar-period-button::first-letter { text-transform: uppercase; } .mat-datepicker-content .mat-calendar-controls .mat-icon-button, .mat-datepicker-content .mat-calendar-controls .mat-mdc-icon-button { color: black; } .mat-calendar-content .mat-calendar-table-header th { font: 500 12px/14px DinamoFont !important; color: black; } .mat-calendar-body-cell-content { border: 1px solid var(--static-gray-color); font: normal 10px/12px DinamoFont !important; width: 30px; height: 30px; margin: 3px; } .mat-calendar-period-button { border-bottom: 2px solid var(--primary-foreground-color) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .mat-datepicker-content .mat-calendar-body-selected { background-color: var(--primary-background-color) !important; } .mat-horizontal-stepper-header-container { background-color: #FFFFFF; border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding: 0 18px; max-height: 54px; } .mat-horizontal-stepper-header { max-height: 54px; } .mat-horizontal-stepper-content { padding: 0 42px; } .mdc-icon-button { padding: 0px !important; } .mat-mdc-button { height: auto !important; } .mdc-data-table__cell, .mdc-data-table__header-cell { border-bottom-color: var(--table-border-color); } .mat-mdc-dialog-surface { border-radius: 4px; } .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper { padding: 0px !important; } .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field-icon-suffix > .mat-icon { padding: 0 !important; } .mdc-line-ripple { color: var(--static-gray-color); } .untouched .mdc-text-field--invalid .mdc-line-ripple:not(.mdc-line-ripple--active), .ng-untouched .mdc-text-field--invalid .mdc-line-ripple:not(.mdc-line-ripple--active) { color: var(--static-gray-color) !important; } .untouched .mdc-text-field--invalid .mdc-line-ripple.mdc-line-ripple--active, .ng-untouched .mdc-text-field--invalid .mdc-line-ripple.mdc-line-ripple--active { color: var(--primary-upper-band-color) !important; } .mdc-text-field--invalid .mdc-line-ripple { color: var(--alert-red-color) !important; } .mdc-line-ripple--active { color: var(--primary-upper-band-color) !important; } .mat-mdc-form-field-subscript-wrapper { height: 10px; } .mat-mdc-floating-label { padding-bottom: 5px; } .mat-mdc-select-arrow-wrapper { padding-right: 10px; } .mat-mdc-menu-item .mat-icon, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54) !important; } .mat-mdc-button.mat-primary { color: var(--primary-background-color) !important; } .mdc-dialog .mdc-dialog__content { padding: 0px; } .mat-mdc-autocomplete-panel { background-color: white !important; } .mat-mdc-radio-button .mdc-radio__outer-circle { border-color: var(--gray-icon-color) !important; } .mat-mdc-radio-button .mdc-radio__inner-circle, .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .mat-mdc-radio-button:active .mdc-radio__outer-circle { border-color: var(--primary-background-color) !important; } ::placeholder { color: rgb(180, 181, 184) !important; opacity: 1; } :-ms-input-placeholder { color: var(--gray-icon-color) !important; } ::-ms-input-placeholder { color: var(--gray-icon-color) !important; } .mat-mdc-select-placeholder { color: rgb(180, 181, 184) !important; } .mat-drawer-backdrop.mat-drawer-shown { background-color: transparent; } .mat-mdc-card-header .mat-mdc-card-header-text { display: none; } .mat-mdc-card-outlined { border-width: 0 !important; } .search-box-container.mat-mdc-form-field .mat-mdc-text-field-wrapper { border: none; } .ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-form-field .mat-mdc-text-field-wrapper { border: none; } .mat-mdc-form-field .mat-mdc-text-field-wrapper:has(input), .mat-mdc-form-field .mat-mdc-text-field-wrapper:has(.mat-mdc-select), .mat-mdc-form-field .mat-mdc-text-field-wrapper:has(textarea) { border: 1px solid rgba(0, 0, 0, 0.12); padding: 0 2px !important; } .mat-mdc-paginator-page-size-select.mat-mdc-form-field .mat-mdc-text-field-wrapper { background-color: white !important; } .mat-mdc-paginator-page-size-select.mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex { padding-left: 8px; } .mat-datepicker-content { background-color: var(--static-white-color) !important; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.1411764706), 0 1px 10px rgba(0, 0, 0, 0.1215686275); } .mat-expansion-panel-header[aria-disabled=true] { background: transparent !important; color: var(--static-white-color); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: none !important; } .mat-mdc-checkbox { color: var(--static-white-color) !important; } .mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after { color: var(--static-white-color) !important; margin-top: 1px; } .mdc-list-item.mdc-list-item--selected { background-color: var(--disabled-btn-background-color) !important; } .mat-mdc-paginator-navigation-first.mat-mdc-tooltip-disabled, .mat-mdc-paginator-navigation-previous.mat-mdc-tooltip-disabled, .mat-mdc-paginator-navigation-next.mat-mdc-tooltip-disabled, .mat-mdc-paginator-navigation-last.mat-mdc-tooltip-disabled { color: rgba(0, 0, 0, 0.38) !important; } .mdc-text-field .mdc-floating-label { top: 50%; transform: translateY(-50%); } .footer-btn button { width: 100%; height: 36px !important; } .mat-mdc-raised-button:not(:disabled) { background-color: var(--static-white-color) !important; } .mat-mdc-mini-fab:focus, .mat-mdc-mini-fab:hover, .mat-mdc-mini-fab:active, .mat-mdc-raised-button:focus, .mat-mdc-raised-button:active, .mat-mdc-raised-button:focus:active, .mat-mdc-raised-button:hover { box-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color) !important; } .mdc-switch .mdc-switch__track { background-color: lightgray; height: 20px !important; border: 1px solid gray; } .mdc-switch .mdc-switch__handle-track { margin: 0 2px; } .mdc-switch .mdc-switch__icon { background-color: gray; border-radius: 50%; fill: white !important; } .mdc-switch--disabled .mdc-switch__track::before { border-width: 0 !important; } .mdc-switch.mdc-switch--selected .mdc-switch__track { background-color: var(--primary-background-color-85); opacity: 0.5; border: 1px solid var(--primary-background-color-85); } .mdc-switch.mdc-switch--selected .mdc-switch__icon { background-color: var(--primary-background-color) !important; } /* src/app/styles/material-custom-theme.scss */ :root { --mdc-typography-font-family: $default-font-family; --mat-form-field-container-text-size: $basline-text-body-1-size; --mat-form-field-container-text-line-height: $basline-text-body-1-size; --mat-menu-item-label-text-size: $basline-text-body-1-size; --mat-menu-item-label-text-line-height: $basline-text-body-1-size; --mat-option-label-text-size: $basline-text-body-1-size; --mat-option-label-text-line-height: $basline-text-body-1-size; --mat-optgroup-label-text-size: $basline-text-body-1-size; --mat-optgroup-label-text-line-height: $basline-text-body-1-size; --mat-select-trigger-text-size: $basline-text-body-1-size; --mat-select-trigger-text-line-height: $basline-text-body-1-size; --mdc-typography-body1-font-size: $basline-text-body-1-size; --mdc-typography-body1-line-height: $basline-text-body-1-size; --mdc-typography-body2-font-size: $basline-text-body-2-size; --mdc-typography-body2-line-height: $basline-text-body-2-size; --mdc-dialog-supporting-text-size: $basline-text-caption-size; --mdc-typography-subtitle1-font-size: $basline-text-subheading-1-size; --mdc-typography-subtitle1-line-height: $basline-text-subheading-1-height; --mdc-typography-subtitle2-font-size: $basline-text-subheading-2-size; --mdc-typography-subtitle2-line-height: $basline-text-subheading-2-height; --mdc-typography-button-line-height: $basline-text-button-height; --mdc-dialog-subhead-tracking: 0px; --mdc-dialog-supporting-text-tracking: 0px; --mdc-chip-elevated-container-color: "#e0e0e0"; --mdc-dialog-supporting-text-color: black; --mdc-checkbox-state-layer-size: 20px; --mdc-filled-text-field-active-indicator-height: 1px; --mdc-filled-text-field-focus-active-indicator-height: 2px; --mdc-filled-text-field-container-shape: 4px; --mdc-text-button-label-text-tracking: .0178571429em; --mat-divider-width: 1px; --mat-form-field-container-height: 100%; --mat-tab-header-divider-height: 0px; --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38); --mdc-radio-state-layer-size: 40px; --mdc-outlined-text-field-outline-width: 1px; --mdc-outlined-text-field-focus-outline-width: 2px; --mdc-outlined-text-field-container-shape: 4px; --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, .38); --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, .12); --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, .54); --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0; --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee; --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-background-color: white; --mat-standard-button-toggle-state-layer-color: black; --mat-standard-button-toggle-selected-state-background-color: #e0e0e0; --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, .26); --mat-standard-button-toggle-disabled-state-background-color: white; --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, .87); --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd; --mat-standard-button-toggle-divider-color: #e0e0e0; --mat-standard-button-toggle-shape: 4px; --mat-standard-button-toggle-hover-state-layer-opacity: 0.04; --mat-standard-button-toggle-focus-state-layer-opacity: 0.12; --mdc-switch-disabled-handle-opacity: 0.38; --mdc-switch-disabled-selected-icon-opacity: 0.38; --mdc-switch-disabled-track-opacity: 0.12; --mdc-switch-disabled-unselected-icon-opacity: 0.38; --mdc-switch-handle-height: 20px; --mdc-switch-handle-shape: 10px; --mdc-switch-handle-width: 22px; --mdc-switch-selected-icon-size: 18px; --mdc-switch-track-height: 14px; --mdc-switch-track-shape: 10px; --mdc-switch-track-width: 36px; --mdc-switch-unselected-icon-size: 18px; --mdc-switch-state-layer-size: 40px; --mdc-switch-selected-focus-state-layer-opacity: 0.12; --mdc-switch-selected-hover-state-layer-opacity: 0.04; --mdc-switch-selected-pressed-state-layer-opacity: 0.1; --mdc-switch-unselected-focus-state-layer-opacity: 0.12; --mdc-switch-unselected-hover-state-layer-opacity: 0.04; --mdc-switch-unselected-pressed-state-layer-opacity: 0.1; --mdc-chip-container-shape-family: rounded; --mdc-chip-container-shape-radius: 16px 16px 16px 16px; --mdc-chip-with-avatar-avatar-shape-family: rounded; --mdc-chip-with-avatar-avatar-shape-radius: 14px 14px 14px 14px; --mdc-chip-with-avatar-avatar-size: 28px; --mdc-chip-with-icon-icon-size: 18px; --mdc-fab-container-shape: 50%; --mdc-fab-icon-size: 24px; --mdc-outlined-button-outline-width: 1px; --mdc-outlined-button-container-shape: 4px; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mdc-protected-button-container-shape: 4px; --mdc-protected-button-keep-touch-target: false; --mdc-chip-outline-width: 0px; --mdc-chip-flat-selected-outline-width: 0px; --mdc-icon-button-state-layer-size: 48px; --mdc-icon-button-icon-size: 24px; --mat-chip-trailing-action-opacity: 0.54; --mat-menu-item-spacing: 16px; --mdc-protected-button-hover-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-focus-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-pressed-container-elevation-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); --mdc-protected-button-container-color: var(--static-white-color); --mdc-text-button-label-text-color: inherit; --mdc-outlined-button-label-text-color: inherit; --mdc-text-button-container-shape: 4px; --mdc-fab-small-container-shape: 50%; --mat-badge-container-shape: 50%; --mat-switch-track-outline-width: 1px; --mat-switch-selected-track-outline-width: 1px; --mat-switch-track-outline-color: rgba(0,0,0,0); --mat-switch-selected-track-outline-color: rgba(0,0,0,0); --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-label-text-color: black; --mat-app-elevation-shadow-level-8: 0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-active-indicator-height: 4px; } @font-face { font-family: DinamoFont; src: url(/assets/fonts/ABCFavorit-Regular-Trial.woff2) format("woff2"), url(/assets/fonts/ABCFavorit-Regular-Trial.woff) format("woff"); font-weight: normal; font-style: normal; } html { --mat-badge-text-font: DinamoFont, sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 500 15px / 21px DinamoFont, sans-serif; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: normal 18px / 24px DinamoFont, sans-serif; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: normal 11.25px / normal DinamoFont, sans-serif; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: normal 9px / 12px DinamoFont, sans-serif; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: normal calc(12px * 0.83) / 12px DinamoFont, sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: normal calc(12px * 0.67) / 12px DinamoFont, sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: normal 9.75px / 9.75px DinamoFont, sans-serif; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: normal 12px / 12px DinamoFont, sans-serif; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: normal 9px / 9px DinamoFont, sans-serif; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 84px / 84px DinamoFont, sans-serif; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 400 42px / 42px DinamoFont, sans-serif; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: normal 12px / 15px DinamoFont, sans-serif; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: normal 10.5px / 18px DinamoFont, sans-serif; margin: 0 0 64px; } html { --mat-bottom-sheet-container-text-font: DinamoFont, sans-serif; --mat-bottom-sheet-container-text-line-height: 12px; --mat-bottom-sheet-container-text-size: 12px; --mat-bottom-sheet-container-text-weight: normal; } html { --mat-legacy-button-toggle-label-text-font: DinamoFont, sans-serif; --mat-legacy-button-toggle-label-text-line-height: 12px; --mat-legacy-button-toggle-label-text-size: 9px; --mat-legacy-button-toggle-label-text-weight: normal; --mat-standard-button-toggle-label-text-font: DinamoFont, sans-serif; --mat-standard-button-toggle-label-text-line-height: 12px; --mat-standard-button-toggle-label-text-size: 9px; --mat-standard-button-toggle-label-text-weight: normal; } html { --mat-datepicker-calendar-text-font: DinamoFont, sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 10.5px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 10.5px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: normal; } html { --mat-expansion-header-text-font: DinamoFont, sans-serif; --mat-expansion-header-text-size: 9.75px; --mat-expansion-header-text-weight: normal; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: DinamoFont, sans-serif; --mat-expansion-container-text-line-height: 12px; --mat-expansion-container-text-size: 12px; --mat-expansion-container-text-weight: normal; } html { --mat-grid-list-tile-header-primary-text-size: 12px; --mat-grid-list-tile-header-secondary-text-size: 9px; --mat-grid-list-tile-footer-primary-text-size: 12px; --mat-grid-list-tile-footer-secondary-text-size: 9px; } html { --mat-stepper-container-text-font: DinamoFont, sans-serif; --mat-stepper-header-label-text-font: DinamoFont, sans-serif; --mat-stepper-header-label-text-size: 12px; --mat-stepper-header-label-text-weight: normal; --mat-stepper-header-error-state-label-text-size: 9px; --mat-stepper-header-selected-state-label-text-size: 9px; --mat-stepper-header-selected-state-label-text-weight: normal; } html { --mat-toolbar-title-text-font: DinamoFont, sans-serif; --mat-toolbar-title-text-line-height: 24px; --mat-toolbar-title-text-size: 18px; --mat-toolbar-title-text-weight: normal; } html { --mat-tree-node-text-font: DinamoFont, sans-serif; --mat-tree-node-text-size: 12px; --mat-tree-node-text-weight: normal; } html { --mat-option-label-text-font: DinamoFont, sans-serif; --mat-option-label-text-line-height: 12px; --mat-option-label-text-size: 9px; --mat-option-label-text-weight: normal; } html { --mat-optgroup-label-text-font: DinamoFont, sans-serif; --mat-optgroup-label-text-line-height: 12px; --mat-optgroup-label-text-size: 9px; --mat-optgroup-label-text-weight: normal; } html { --mat-card-title-text-font: DinamoFont, sans-serif; --mat-card-title-text-line-height: 24px; --mat-card-title-text-size: 18px; --mat-card-title-text-weight: normal; --mat-card-subtitle-text-font: DinamoFont, sans-serif; --mat-card-subtitle-text-line-height: 9.75px; --mat-card-subtitle-text-size: 9.75px; --mat-card-subtitle-text-weight: normal; } html { --mdc-plain-tooltip-supporting-text-font: DinamoFont, sans-serif; --mdc-plain-tooltip-supporting-text-size: 9px; --mdc-plain-tooltip-supporting-text-weight: normal; } html { --mdc-filled-text-field-label-text-font: DinamoFont, sans-serif; --mdc-filled-text-field-label-text-size: 9px; --mdc-filled-text-field-label-text-weight: normal; --mdc-outlined-text-field-label-text-font: DinamoFont, sans-serif; --mdc-outlined-text-field-label-text-size: 9px; --mdc-outlined-text-field-label-text-weight: normal; --mat-form-field-container-text-font: DinamoFont, sans-serif; --mat-form-field-container-text-line-height: 12px; --mat-form-field-container-text-size: 9px; --mat-form-field-container-text-weight: normal; --mat-form-field-outlined-label-text-populated-size: 9px; --mat-form-field-subscript-text-font: DinamoFont, sans-serif; --mat-form-field-subscript-text-line-height: 9px; --mat-form-field-subscript-text-size: 9px; --mat-form-field-subscript-text-weight: normal; } html { --mat-select-trigger-text-font: DinamoFont, sans-serif; --mat-select-trigger-text-line-height: 12px; --mat-select-trigger-text-size: 9px; --mat-select-trigger-text-weight: normal; } html { --mdc-dialog-subhead-font: DinamoFont, sans-serif; --mdc-dialog-subhead-line-height: 24px; --mdc-dialog-subhead-size: 18px; --mdc-dialog-subhead-weight: normal; --mdc-dialog-supporting-text-font: DinamoFont, sans-serif; --mdc-dialog-supporting-text-line-height: 12px; --mdc-dialog-supporting-text-size: 9px; --mdc-dialog-supporting-text-weight: normal; } .mat-mdc-standard-chip { --mdc-chip-label-text-font: DinamoFont, sans-serif; --mdc-chip-label-text-line-height: 12px; --mdc-chip-label-text-size: 12px; --mdc-chip-label-text-weight: normal; } html .mat-mdc-slide-toggle { --mat-switch-label-text-font: DinamoFont, sans-serif; --mat-switch-label-text-line-height: 12px; --mat-switch-label-text-size: 12px; --mat-switch-label-text-weight: normal; } html { --mat-radio-label-text-font: DinamoFont, sans-serif; --mat-radio-label-text-line-height: 12px; --mat-radio-label-text-size: 12px; --mat-radio-label-text-weight: normal; } html { --mdc-slider-label-label-text-font: DinamoFont, sans-serif; --mdc-slider-label-label-text-size: 9.75px; --mdc-slider-label-label-text-line-height: 9.75px; --mdc-slider-label-label-text-weight: normal; } html { --mat-menu-item-label-text-font: DinamoFont, sans-serif; --mat-menu-item-label-text-size: 9px; --mat-menu-item-label-text-line-height: 12px; --mat-menu-item-label-text-weight: normal; } html { --mdc-list-list-item-label-text-font: DinamoFont, sans-serif; --mdc-list-list-item-label-text-line-height: 12px; --mdc-list-list-item-label-text-size: 9px; --mdc-list-list-item-label-text-weight: normal; --mdc-list-list-item-supporting-text-font: DinamoFont, sans-serif; --mdc-list-list-item-supporting-text-line-height: 12px; --mdc-list-list-item-supporting-text-size: 12px; --mdc-list-list-item-supporting-text-weight: normal; --mdc-list-list-item-trailing-supporting-text-font: DinamoFont, sans-serif; --mdc-list-list-item-trailing-supporting-text-line-height: 9px; --mdc-list-list-item-trailing-supporting-text-size: 9px; --mdc-list-list-item-trailing-supporting-text-weight: normal; } .mdc-list-group__subheader { font: normal 11.25px / normal DinamoFont, sans-serif; } html { --mat-paginator-container-text-font: DinamoFont, sans-serif; --mat-paginator-container-text-line-height: 9px; --mat-paginator-container-text-size: 9px; --mat-paginator-container-text-weight: normal; --mat-paginator-select-trigger-text-size: 9px; } .mat-mdc-tab-header { --mat-tab-header-label-text-font: DinamoFont, sans-serif; --mat-tab-header-label-text-size: 10.5px; --mat-tab-header-label-text-line-height: normal; --mat-tab-header-label-text-weight: 500; } html { --mat-checkbox-label-text-font: DinamoFont, sans-serif; --mat-checkbox-label-text-line-height: 12px; --mat-checkbox-label-text-size: 12px; --mat-checkbox-label-text-weight: normal; } html { --mdc-text-button-label-text-font: DinamoFont, sans-serif; --mdc-text-button-label-text-size: 10.5px; --mdc-text-button-label-text-weight: 500; --mdc-text-button-label-text-transform: none; --mdc-filled-button-label-text-font: DinamoFont, sans-serif; --mdc-filled-button-label-text-size: 10.5px; --mdc-filled-button-label-text-weight: 500; --mdc-filled-button-label-text-transform: none; --mdc-protected-button-label-text-font: DinamoFont, sans-serif; --mdc-protected-button-label-text-size: 10.5px; --mdc-protected-button-label-text-weight: 500; --mdc-protected-button-label-text-transform: none; --mdc-outlined-button-label-text-font: DinamoFont, sans-serif; --mdc-outlined-button-label-text-size: 10.5px; --mdc-outlined-button-label-text-weight: 500; --mdc-outlined-button-label-text-transform: none; } html { --mdc-extended-fab-label-text-font: DinamoFont, sans-serif; --mdc-extended-fab-label-text-size: 10.5px; --mdc-extended-fab-label-text-weight: 500; } html { --mdc-snackbar-supporting-text-font: DinamoFont, sans-serif; --mdc-snackbar-supporting-text-line-height: 12px; --mdc-snackbar-supporting-text-size: 12px; --mdc-snackbar-supporting-text-weight: normal; } html { --mat-table-header-headline-font: DinamoFont, sans-serif; --mat-table-header-headline-line-height: 9.75px; --mat-table-header-headline-size: 9.75px; --mat-table-header-headline-weight: normal; --mat-table-row-item-label-text-font: DinamoFont, sans-serif; --mat-table-row-item-label-text-line-height: 12px; --mat-table-row-item-label-text-size: 12px; --mat-table-row-item-label-text-weight: normal; --mat-table-footer-supporting-text-font: DinamoFont, sans-serif; --mat-table-footer-supporting-text-line-height: 12px; --mat-table-footer-supporting-text-size: 12px; --mat-table-footer-supporting-text-weight: normal; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1)); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { } @keyframes cdk-text-field-autofill-end { } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-app-background, transparent)); color: var(--mat-app-text-color, var(--mat-app-on-background, inherit)); } .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, none); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, none); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, none); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, none); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, none); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, none); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, none); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, none); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, none); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, none); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, none); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, none); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, none); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, none); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, none); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, none); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, none); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, none); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, none); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, none); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, none); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, none); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, none); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, none); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, none); } .mat-toolbar.mat-primary { background-color: var(--secondary-toolbar-color); } .mat-tooltip, .mat-mdc-tooltip, .mdc-tooltip__surface { background: var(--secondary-text-color); color: var(--static-white-color) !important; } .mat-snack-bar-container, .mat-mdc-snack-bar-container { background: var(--snackbar-background-color); color: var(--snackbar-text-color); box-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); } .mat-snack-bar-container .mat-button, .mat-snack-bar-container .mat-mdc-button, .mat-mdc-snack-bar-container .mat-button, .mat-mdc-snack-bar-container .mat-mdc-button { color: var(--snackbar-button-color) !important; } .mat-snack-bar-container.success-snack .mat-button, .mat-snack-bar-container.success-snack .mat-mdc-button, .mat-mdc-snack-bar-container.success-snack .mat-button, .mat-mdc-snack-bar-container.success-snack .mat-mdc-button { color: var(--snackbar-success-button-color) !important; } .mat-select-arrow { color: var(--secondary-text-color); } .mat-autocomplete-panel { background: var(--static-white-color); color: var(--static-text-color); } .mat-option, .mat-mdc-option { color: var(--static-text-color); } .mat-option.mat-active, .mat-mdc-option.mat-active { background: var(--step-header-hover-color); color: var(--static-text-color); } .mat-select-panel, .mat-mdc-select-panel { background: #1A1B23 !important; } .mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox { display: none; } .mat-button, .mat-mdc-button { background: transparent; color: inherit; } .mat-button.mat-warn, .mat-mdc-button.mat-warn { color: #ef4444; } .mat-error, .mat-mdc-form-field-error { color: #ef4444 !important; margin-top: -5px; font-size: var(--mdc-typography-caption-font-size, 9px) !important; } .mat-raised-button:not([class*=mat-elevation-z]), .mat-mdc-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color); } .mat-raised-button[disabled]:not([class*=mat-elevation-z]), .mat-mdc-raised-button[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px var(--btn-box-shadow-left), 0px 0px 0px 0px var(--btn-box-shadow-middle), 0px 0px 0px 0px var(--disabled-btn-background-color) !important; } .mat-mini-fab:not([class*=mat-elevation-z]), .mat-mdc-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px var(--btn-box-shadow-left), 0px 2px 2px 0px var(--btn-box-shadow-middle), 0px 1px 5px 0px var(--disabled-btn-background-color) !important; } .mat-mini-fab[disabled]:not([class*=mat-elevation-z]), .mat-mdc-mini-fab[disabled]:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px var(--btn-box-shadow-left), 0px 0px 0px 0px var(--btn-box-shadow-middle), 0px 0px 0px 0px var(--disabled-btn-background-color); } .mat-select-panel:not([class*=mat-elevation-z]), .mat-autocomplete-panel:not([class*=mat-elevation-z]), .mat-mdc-select-panel:not([class*=mat-elevation-z]), .mat-mdc-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px var(--btn-box-shadow-left), 0px 4px 5px 0px var(--btn-box-shadow-middle), 0px 1px 10px 0px var(--disabled-btn-background-color); } .mat-select-panel .mat-option.mat-selected, .mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected, .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected { background: var(--disabled-btn-background-color); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled), .mat-primary .mat-mdc-option.mat-selected:not(.mat-option-disabled) { color: var(--secondary-background-color); } .mat-chip.mat-standard-chip .mat-chip-remove, .mat-mdc-chip.mat-mdc-standard-chip .mat-chip-remove { opacity: 0.4; } .mat-button-focus-overlay { background-color: var(--static-black-color); } .mat-raised-button.mat-primary:not([disabled]), .mat-mdc-raised-button.mat-primary:not([disabled]) { background-color: #9BE380 !important; color: #131416 !important; } .mat-raised-button.mat-subsdiary:not([disabled]), .mat-mdc-raised-button.mat-subsdiary:not([disabled]) { background-color: var(--secondary-toolbar-color) !important; color: var(--secondary-foreground-text-color) !important; } .mat-raised-button.mat-primary[disabled], .mat-mdc-raised-button.mat-primary[disabled], .mat-raised-button[disabled][disabled] { background-color: var(--disabled-btn-background-color) !important; color: var(--disabled-btn-text-color) !important; } .mat-mini-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { background-color: var(--secondary-background-color) !important; color: var(--static-white-color) !important; } .mat-tab-link, .mat-mdc-tab-link { color: var(--static-text-color); font-family: DinamoFont, sans-serif; font-size: 10.5px; font-weight: 500; } .mat-tab-nav-bar, .mat-tab-header, .mat-mdc-tab-nav-bar, .mat-mdc-tab-header { border-bottom: 1px solid var(--disabled-btn-background-color); } .mat-tab-nav-bar.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mdc-tab-indicator { color: var(--secondary-background-color); } .mat-tab-nav-bar.mat-primary .mat-ink-bar, .mat-mdc-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #FFFFFF; } .mat-chip.mat-standard-chip, .mat-mdc-chip.mat-mdc-standard-chip:not(.mat-mdc-chip-selected) { background-color: var(--autocomplete-chip-bg-color) !important; color: var(--static-text-color); } .mat-mini-fab.mat-accent[disabled], .mat-mdc-mini-fab.mat-accent[disabled], .mat-mini-fab[disabled][disabled] { background-color: var(--disabled-btn-background-color); color: var(--disabled-btn-text-color); } .mat-stepper-horizontal-line { border-top-color: var(--disabled-btn-background-color); } .mat-flat-button.mat-accent:not([disabled]), .mat-raised-button.mat-accent:not([disabled]), .mat-mdc-unelevated-button.mat-accent:not([disabled]), .mat-mdc-raised-button.mat-accent:not([disabled]) { background-color: var(--secondary-foreground-color) !important; color: #131416 !important; } .mat-pseudo-checkbox { color: var(--secondary-text-color); } .mat-pseudo-checkbox-checked { background-color: rgb(180, 181, 184) !important; color: var(--static-white-color) !important; } .mat-pseudo-checkbox.mat-pseudo-checkbox-checked { border-color: transparent; } .mdc-checkbox .mdc-checkbox__background { border-color: rgb(180, 181, 184) !important; } .mdc-checkbox:hover .mdc-checkbox__background { border-color: rgb(180, 181, 184) !important; } .mat-mdc-checkbox-checked .mdc-checkbox__background { background-color: rgb(180, 181, 184) !important; border-color: rgb(180, 181, 184) !important; } .primary-color-checkbox.mdc-checkbox:hover .mdc-checkbox__background { border-color: var(--primary-foreground-color) !important; } .primary-color-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background { background-color: var(--primary-foreground-color) !important; border-color: var(--primary-foreground-color) !important; } .mat-checkbox-frame { border-color: var(--secondary-text-color); } .mat-step-header .mat-step-icon { background-color: var(--secondary-toolbar-color); color: var(--static-white-color); } .border-color-primary-light { border-color: var(--primary-upper-band-color) !important; } .mat-mini-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { background-color: var(--secondary-foreground-color) !important; color: #131416 !important; } .mat-form-field-label { color: var(--secondary-text-color); } .mat-form-field.mat-focused .mat-form-field-label, .mat-mdc-form-field.mat-focused .mat-form-field-label, .mat-form-field.mat-focused .mat-form-field-required-marker { color: var(--primary-textfield-underline-color); } .mat-form-field.mat-form-field-invalid .mat-form-field-label, .mat-mdc-form-field.mat-form-field-invalid .mat-form-field-label, .mat-form-field.mat-form-field-invalid .mat-form-field-required-marker { color: #ef4444; } .mat-step-header .mat-step-icon-selected { height: 22px !important; width: 22px !important; background-color: var(--primary-foreground-color) !important; color: var(--secondary-toolbar-color); } .mat-tab-group.mat-primary .mat-ink-bar .mat-mdc-tab-group.mat-primary .mat-ink-bar { background-color: #FFFFFF !important; } .mat-mdc-tab-group.mat-primary .mdc-tab-indicator { color: #9BE380 !important; } .mat-mdc-dialog-container { background-color: var(--static-white-color); } th.mat-header-cell, th.mat-mdc-header-cell { border-bottom-color: var(--disabled-btn-background-color); } .mat-header-cell, .mat-mdc-header-cell { color: var(--secondary-text-color); min-width: 100px; } .mat-cell, .mat-mdc-cell { min-width: 100px; } .mat-header-row, .mat-mdc-header-row { border-bottom-color: var(--disabled-btn-background-color); } .mat-ripple-element { background-color: var(--disabled-btn-background-color); } .mat-checkbox .mat-ripple-element, .mat-mdc-checkbox .mat-ripple-element { background-color: var(--static-black-color); } .mat-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple), .mat-mdc-checkbox .mat-ripple-element:not(.mat-checkbox-persistent-ripple) { opacity: 0.16; } .mat-row, .mat-mdc-row { border-bottom-color: var(--disabled-btn-background-color); min-width: fit-content; } .mat-step-header .mat-step-label-selected .mat-step-text-label { color: var(--secondary-toolbar-color) !important; } .mat-form-field, .mat-mdc-form-field { } .mat-form-field.form-highlight .mat-form-field-underline, .mat-mdc-form-field.form-highlight .mat-form-field-underline { background-color: var(--primary-foreground-color) !important; } .mat-form-field.mat-form-field-appearance-standard .mat-form-field-underline, .mat-mdc-form-field.mat-form-field-appearance-standard .mat-form-field-underline { background-color: var(--static-text-color); } td.mat-cell, td.mat-mdc-cell { border-bottom-color: var(--disabled-btn-background-color); } .mat-mdc-menu-item:not([disabled]):hover, .mat-menu-item:hover:not([disabled]), .mat-mdc-menu-item:hover:not([disabled]) { background-color: var(--step-header-hover-color) !important; } .mat-menu-item, .mat-mdc-menu-item { background: transparent; color: var(--static-text-color); } .mat-progress-spinner circle, .mat-spinner circle, .mat-mdc-progress-spinner circle, .mat-mdc-progress-spinner circle { stroke: var(--primary-foreground-color) !important; } .mat-form-field-ripple { background-color: var(--primary-foreground-color); } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-mdc-form-field.mat-form-field-invalid .mat-form-field-ripple { background-color: #ef4444; } .mat-form-field.mat-focused .mat-form-field-ripple, .mat-mdc-form-field.mat-focused .mat-form-field-ripple { background-color: var(--primary-textfield-underline-color); } .mat-toolbar.mat-light { background-color: #FFFFFF !important; } .mat-icon.mat-light { color: var(--gray-icon-color); } .mat-radio-checked .mat-radio-inner-circle { background: rgb(180, 181, 184); } .app-stepper-container .mat-stepper-header-container { background-color: var(--static-gray-color); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover { background-color: var(--step-header-hover-color); } .mat-form-field.mat-light .mat-form-field-flex, .mat-form-field.mat-light .mat-mdc-form-field-flex, .mat-mdc-form-field.mat-light .mat-mdc-text-field-wrapper, .mat-mdc-form-field .mat-mdc-text-field-wrapper { background-color: #131416; padding-left: 5px; } .datepicker-wrap .mat-mdc-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix { padding-top: 5px; padding-left: 10px; padding-bottom: 10px; } .mat-card, .mat-mdc-card { color: var(--static-text-color) !important; background-color: var(--static-white-color) !important; } .mat-menu-panel, .mat-mdc-menu-panel { background-color: var(--static-white-color) !important; } .mat-drawer { background-color: var(--primary-toolbar-color); color: var(--static-text-color); } .mat-form-field.mat-light .mat-form-field.mat-light, .mat-mdc-form-field.mat-light .mat-form-field.mat-light { background-color: var(--static-gray-color); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: var(--static-gray-color); } .foreground-color-primary { color: var(--primary-foreground-text-color); } .color-primary { color: var(--primary-foreground-color) !important; } .stroke-color-primary { stroke: var(--primary-background-color) !important; } .border-color-primary { border-color: var(--primary-foreground-color) !important; } .border-color-primary-gray { border-color: rgb(180, 181, 184) !important; } .border-color-white { border-color: #FFFFFF !important; } .icon-color-primary { color: var(--primary-foreground-color) !important; } .icon-color-primary-gray { color: rgb(180, 181, 184) !important; } .background-color-primary { background-color: var(--primary-foreground-color) !important; } .background-color-secondary { background-color: var(--dropoff-background-color) !important; } .app-file-drop-area.file-uploading { border-bottom-color: var(--primary-background-color) !important; } .target-item:not(.drag-over-border).filled .target-collar { border-right-color: var(--primary-background-color) !important; } .addRequestForm .mat-mdc-form-field.mat-light.supplieradmin-dropdown.mat-form-field-disabled .mat-mdc-form-field-flex, .addRequestForm .mat-mdc-form-field.mat-light.supplieradmin-dropdown.mat-form-field-disabled .mat-mdc-form-field-flex { color: rgba(16, 16, 16, 0.2); background-color: rgba(239, 239, 239, 0.2); } .addRequestForm .mat-form-field-type-mat-select.supplieradmin-dropdown.mat-form-field-disabled .mat-form-field-label { color: rgba(16, 16, 16, 0.2); } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; } .cdk-drag-placeholder { opacity: 0; } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .droppable-list.cdk-drop-list-dragging .droppable-element:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .mat-mdc-optgroup-label { background-color: var(--static-gray-color); } .mat-raised-button.mat-black:not([disabled]), .mat-mdc-raised-button.mat-black:not([disabled]) { background-color: var(--secondary-toolbar-color) !important; color: var(--secondary-foreground-text-color) !important; } /* angular:styles/global:styles */